@charset "utf-8";/* CSS Document */
/* © Copyright 2024 Medical Marketing Guru. All Rights Reserved.*/
/* Permalink - Advertising and Marketing for Medical and Dental industries https://medicalmarketingguru.com */
body, html {max-width:2000px;margin:0px auto;padding:0px;scroll-behavior: smooth;
	line-height:min(1.5em);
	font-size:1em;
	color:#3c3c3c;
	background-color:transparent !important;
	font-family: "Roboto", sans-serif;}
h1 {font-size:2.4em;font-weight:bold;text-transform:uppercase;color:#1c2932;line-height:normal;font-family: "Roboto Condensed", sans-serif;}
h2 {font-size:1.6em;font-weight:bold;text-transform:capitalize;color:#7196b0;line-height:normal;font-family: "Roboto Condensed", sans-serif;}
h3 {font-size:1.4em;font-weight:bold;text-transform:capitalize;color:#323232;line-height:normal;font-family: "Roboto Condensed", sans-serif;}
h4 {font-size:1.2em;font-weight:bold;text-transform:uppercase;color:#000000;line-height:normal;font-family: "Roboto Condensed", sans-serif;}
h5 {font-size:0.9em;font-weight:400;line-height:normal;}
h6 {font-size:0.8em;font-weight:400;line-height:normal;}
a {color:#7196b0; -webkit-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
a:hover {text-decoration:none;}

img {max-width:100%;height:auto;border:none;}
img a {text-decoration:none;}
img.responsive, .responsive img {width:100%;max-width:1920px;height:auto;display:block;margin:0 auto;}

.clearFix {clear:both;max-height:0px;width:100%;}
.container blockquote {font-size:1.5em;line-height:normal;color:#000000;}
.container blockquote::before {content:'“ ';font-size:1.2em;}
.container blockquote::after {content:' ”';font-size:1.2em;}

.socials a {width:18px;height:18px;display:inline-block;padding:2px 4px;background-repeat:no-repeat;background-position: center center;font-size:0;}
.socials a.facebook {background-image: url("../images/ico_facebook-white.png");}
.socials a.twitter {background-image: url("../images/ico_twitter-white.png");}
.socials a.instagram {background-image: url("../images/ico_instagram-white.png");}
.socials a.blog {background-image: url("../images/ico_blog-white.png");}
.socials a.facebook:hover {background-image: url("../images/ico_facebook-hover.png");}
.socials a.twitter:hover {background-image: url("../images/ico_twitter-hover.png");}
.socials a.instagram:hover {background-image: url("../images/ico_instagram-hover.png");}
.socials a.blog:hover {background-image: url("../images/ico_blog-hover.png");}

/*ADA key-board accessible*/
a:focus img {}
a:focus {text-decoration:underline !important; color:#7196b0;}
a.skipcontent {padding:8px 15px;color:#454545;background-color:#e5e5e5;border:solid 1px #454545;position:absolute;left:-9999px;top:25px;z-index:200;}
a.skipcontent:focus {position:absolute; left:25px; top:50px;}

#plustext, #minustext, #resettext {display:none;}
#normal {display:none;}
#handicap {width:38px;height:38px;display:block;border:solid 2px #FFFFFF;background-color:#7196b0;background-image:url(../images/handicap-symbol.png);background-repeat:no-repeat;background-size:100% auto;position:absolute;top:0;right:0px;z-index:200;}
#normal:hover, #handicap:hover, #normal:focus, #handicap:focus  {background-color:#FFFFFF;border:solid 1px #000000;background-image:url(../images/handicap-symbol-hover.png);}

/*#plustext, #minustext, #resettext {margin:10px 0;padding:8px;display:inline-block;background-color:#000000;color:#FFFFFF;}
#handicap {display:none;}
#normal {width:38px;height:38px;margin-top:4px;display:block;background-color:#FFFFFF;border:solid 1px #000000;background-image:url(../images/handicap-symbol-hover.png);background-repeat:no-repeat;background-size:100% auto;position:absolute;top:0px;right:0px; z-index:200;}
#normal:hover, #handicap:hover, #normal:focus, #handicap:focus  {border:solid 2px #FFFFFF;background-color:#086a91;background-image:url(../images/handicap-symbol.png);}*/
@media only screen and (max-width:1080px) {#handicap, #normal {display:none;}}

/*Accordion**/
.accordionWrapper {width:100%;display:block;margin:20px auto;}
.accordionItem {width:100%;display:block;margin:0px 0px 10px 0px;box-sizing: border-box;}
.accordionHeader {width: 100%;padding: 18px;background-color: #eee;color: #444;text-align: left;cursor: pointer;box-sizing: border-box;/*overrider button border styling*/font-size:1em;border:none; transition: all 0.2s ease-out;}
.accordionContent {height:auto;max-height:2000px;padding:18px;overflow:hidden;background-color:#FFFFFF;transition: all 0.8s ease-out;}
.open .accordionHeader {background-color: #ccc;}
.close .accordionContent {max-height:0;padding:0 18px;}
.open .accordionHeader:after {width:20px;content: "-";float: right;font-size: 13px;}
.close .accordionHeader:after {width:20px;content: "+";float: right;font-size: 13px;}
.ineditmode .close .accordionContent {max-height:2000px;}
.ineditmode .accordionHeader {cursor:none;}
li.accordionItem {width:auto;margin:0;}
.close .accordionContent {padding:0;}

/***************************Page Theme**************************/
/***************************************************************/
.container {width:90%;max-width:1200px;margin:0 auto;padding:0;position:relative;box-sizing:border-box;}
.marginBoth {margin-top:100px !important;margin-bottom:100px !important;}
.marginTop {margin-top:50px !important;}
.marginBottom {margin-bottom:50px !important;}
.paddingBoth {padding-top:150px !important;padding-bottom:150px !important;}
.paddingTop {padding-top:100px !important;}
.paddingBottom {padding-bottom:100px !important;}

.lightcolorbg {position:relative;color:#7f7f7f;}
.lightcolorbg::before {width:100vw !important;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;background-color:#f3f4f4; transform:translate(-50%, 0);}
.lightcolorbg a {}
.lightcolorbg a:hover {}
.lightcolorbg h1, .lightcolorbg h2, .lightcolorbg h3, .lightcolorbg h4, .lightcolorbg h5, .lightcolorbg h6 {color:#3f3f3f;}

.darkcolorbg {position:relative;color:#ffffff;}
.darkcolorbg::before {width:100vw !important;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;color:#ffffff !important;background-color:#1c2932;transform:translate(-50%, 0);}
.darkcolorbg a {color:#ffffff;}
.darkcolorbg h1, .darkcolorbg h2, .darkcolorbg h3, .darkcolorbg h4, .darkcolorbg h5, .darkcolorbg h6 {color:#FFFFFF;}

.backgroundImage {position:relative;}
.backgroundImage::before {background-repeat:no-repeat;background-position:center top;background-size:cover;}
.backgroundImage::after {background-color:transparent;}
.backgroundImage::after, .backgroundImage::before {width:100vw;height:100%;display:block;content: '';position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%, 0);}
.backgroundImage a {}
.backgroundImage h1, .backgroundImage h2, .backgroundImage h3, .backgroundImage h4, .backgroundImage h5, .backgroundImage h6 {}

.parallax {position:relative;color:#ffffff;}
.parallax::before {background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center top;}
.parallax::after {}
.parallax::after, .parallax::before {width:100vw;height:100%;display:block;content: '';position:absolute;top:0;left:0;z-index:-1;}
.parallax a {}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {}
.parallax blockquote {max-width:600px;margin:100px auto;padding:20px;background-color:#ffffff;color:#000000;}
/*parallax will not work with container*/

.videoBGcontainer {position:relative;padding-top:38%;}
.videoBG {width:100%;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:0;}
.videoBg-inner {width:100%;padding:0;}
.videoBg-inner video {width:100%;height:auto;}
.videoBg-inner img {width:100%;height:auto;}
.videoBG-content {display:block;position:absolute;top:10%;left:10%;z-index:10;overflow:hidden;}
.videoBG-content blockquote {width:50%;padding:50px 25px;margin:0;background-color: rgba(255,255,255,0.85);box-sizing: border-box;}

.content.left.darkcolorbg::before, .content.leftsidebar.lightcolorbg::before {width: 60vw;right: 0;left:auto;transform:translate(0, 0);}
.content.right.darkcolorbg::before, .content.rightsidebar.lightcolorbg::before {width: 45vw;left: 0;transform:translate(0, 0);}
.content.splitEven:first-child.darkcolorbg::before, .content.splitEven:first-child.lightcolorbg::before {width: 50vw !important;left: auto;right:0;transform:translate(0, 0);}
.content.splitEven:last-child.darkcolorbg::before, .content.splitEven:last-child.lightcolorbg::before {width: 50vw !important;left: 0;right:auto;transform:translate(0, 0);}
@media only screen and (max-width:1024px) {
	.container {width:96%;}
	.marginBoth {margin-top:25px !important;margin-bottom:25px !important;}
	.marginTop {margin-top:15px !important;}  
	.marginBottom {margin-bottom:15px !important;}
	.paddingBoth{padding:25px 0px !important;}
	.paddingTop {padding-top:15px !important;}
	.paddingBottom {padding-bottom:15px !important;}}
@media only screen and (max-width:768px) {
	.content.splitEven:first-child.darkcolorbg::before, .content.splitEven:first-child.lightcolorbg::before {width: 100vw !important;left: 50%;transform: translate(-50%, 0);}
	.content.splitEven:last-child.darkcolorbg::before, .content.splitEven:last-child.lightcolorbg::before {width: 100vw !important;left: 50%;transform: translate(-50%, 0);}}

/***************************Main Body***************************/
/***************************************************************/
.wrapper {padding-top:1px;background-color:#FFFFFF;position:relative;z-index:100;overflow-x:hidden;}
.contentContainer {width:96%;display:table;margin:0 auto;padding:0;position:relative;box-sizing:border-box;clear:both;}
.content {display:table-cell;vertical-align:top;position:relative;}
.content.left {width:65%;padding:0 40px 0 0;box-sizing:border-box;}
.content.right {width:65%;padding:0 0 0 40px;box-sizing:border-box;}
.content.leftsidebar {width:35%;padding:0 40px 0 0;}
.content.rightsidebar {width:35%;padding:0 0 0 40px;}
.content.splitEven {width:50%;padding:0 20px 0 0;box-sizing:border-box;}
.content.splitEven:last-child {padding:0 0 0 20px;}
.content.splitThrids {width:33%;padding:0 20px 0 0;box-sizing:border-box;}
.content.splitThrids:last-child {padding:0 0 0 20px;}
@media only screen and (max-width:768px) {
	.contentContainer {margin-bottom:10px;} 
	.contentContainer, .content {display:block;} 
	.contentContainer {width:96%;margin:0 auto;} 
	.content.left, .content.right, .content.leftsidebar, .content.rightsidebar, .content.splitEven, .content.splitThrids, .contentContainer .content.left, .contentContainer .content.right, .contentContainer .content.leftsidebar, .contentContainer .content.rightsidebar, .contentContainer .content.splitEven, .contentContainer .content.splitThirds {width:100%;padding:4px 0px;}}

/***************************Header******************************/
/***************************************************************/
.headerRight {float:right;}
.logo {float:left;}
.logo a {text-decoration: none;}
.logo img{max-width:295px;height:auto;}

/**************************Menus********************************/
/***************************************************************/
/************Menu Sitemap************/
.menu_Sitemap {}
.menu_Sitemap ul {margin:0 !important;padding:0 !important;}
.menu_Sitemap ul li {padding:0 !important;list-style:none !important;}
.menu_Sitemap ul li a {display:block;padding:8px 0px;border-bottom:solid 1px #ffffff;text-decoration:none;}
.menu_Sitemap ul li:last-child a {border:none;}
/**second level**/
.menu_Sitemap ul ul {padding-left: 20px !important;}

/*************************Banners*******************************/
/***************************************************************/
.banner {position:relative;}
.banner picture {display:flex;}
.banner img {width:100%;}
.bannerInner {width:100%;padding:0px 20px;font-size:1.5em;line-height:normal;color:#FFFFFF;text-transform:uppercase;text-align:center;font-weight:bold;text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);background-color:rgba(0,0,0,0.65);box-sizing:border-box;position:absolute;bottom:0;left:50%;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);}

.parallaxContainer {padding:32% 0 0 0;position:relative;}
.parallaxScrolly  {width:100%;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform: translate(-50%, 0);z-index:0;}
.parallaxScrolly-inner {width: 100%;padding:0px 0px 0px 0px;position:relative;}
.parallaxScrolly-inner img {width:100%;height:auto;}

/**************************Buttons******************************/
/***************************************************************/
.customButton {display:inline-block;margin:8px auto 0px auto;padding:17px 25px;color:#ffffff;line-height:normal;text-decoration:none;text-align:center;text-transform:capitalize;border:solid 1px #ffffff;box-sizing:border-box;background-color: #7196b0;transition: all 0.75s ease-in-out;}
.customButton:hover, .customButton:focus {color:#044e7f;border:solid 1px #044e7f;background-color:#ffffff;}

.hot-buttons {margin: 0px 20px;padding:0;line-height: normal;}
.hot-buttons ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin:0;padding:0;text-align:center;list-style: none;}
.hot-buttons ul li {display: flex;background-color:#ffffff;border:solid 1px #dcdcdc;box-sizing:border-box;position:relative;}
.hot-buttons ul li:nth-child(1), .hot-buttons ul li:nth-child(8) {background-color:#7196b0;}
.hot-buttons ul li:after {content: "";display: block;padding-bottom: 100%;}
.hot-buttons ul li span.innerButton {width:90%;text-align:center;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(0, 0);transform: translate(-50%, -50%);}
.hot-buttons ul li span.innerButton img {display: block;margin: 0 auto;text-align:center;}
.hot-buttons ul li span.Title {display:block;padding-bottom:20px;color:#1e1e1e;font-size:1.2em;text-transform:uppercase;text-align:center;}
.hot-buttons ul li a {width:99%;height:99%;display:block;color:#3f3f3f;text-decoration:none;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hot-buttons ul li a:hover, .hot-buttons ul li a:focus {background-color:#f5f5f5;}
.hot-buttons ul li a img {max-width:30%;height:auto;}

.review-slider {width: 100%;margin: auto;position: relative;overflow: hidden;}
.review-wrapper {width: 100%;padding:0 20px 20px 20px;position:relative;border:solid 2px #7196b0;box-sizing:border-box;}
.review-slide {width: 100%;padding:20px;font-style: italic;font-weight: 300;box-sizing:border-box;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;transition: opacity 0.5s ease;}
.review-slide.active {opacity: 1 !important;visibility: visible !important;position: relative;}
.reviews {display:block;padding-bottom:15px;font-size: 1.5em; color: #FFD700;text-align:center;font-style:normal;}
.arrow {margin:0 20px;background-color:transparent;border:none;font-size:1.5em;color:#B7B7B7;cursor:pointer;}
.arrow-left {}
.arrow-right {right: 15px;}

ul.checkMark {padding-left:20px;list-style:none;font-size: 1.2em;}
ul.checkMark li {padding:6px 0 6px 25px;background-image:url("../images/list-style2.png"); background-repeat:no-repeat; background-position: left 6px}

ul.column {width:100%;display:table;padding:0;margin:0;text-align:center;}
ul.column li  {display:table-cell;padding:8px 1%;text-align:left;box-sizing:border-box;list-style-type:none;vertical-align:top;}
ul.column.colTwo li {width:50%;}
ul.column.colThree li {width:33.3%;}
ul.column.colFour li {width:25%;padding:8px 15px;} ul.column.colFour ul li {padding:8px 0px;}
ul.column.colFive li {width:20%;}
ul.column.colSix li {width:16.6%;}
ul.column ul {margin:0;padding:0;}
ul.column.colTwo ul, ul.column.colThree ul, ul.column.colFour ul, ul.column.colFive ul, ul.column.colSix ul {padding-left:12px;}
ul.column.colTwo ul li, ul.column.colThree ul li, ul.column.colFour ul li, ul.column.colFive ul li, ul.column.colSix ul li {width:auto;display:list-item;list-style:disc;}
ul ul.column.colTwo li {width:50%;}
ul ul.column.colThree li {width:33.3%;}
ul ul.column.colFour li {width:25%;}
ul ul.column.colFive li {width:20%;}
ul ul.column.colSix li {width:16.6%;}
ul.column img {vertical-align:middle;}

ul.rowTwo li {width:49% !important;}
ul.rowThree li {width:32% !important;}
ul.rowFour li {width:24% !important;}
ul.rowFive li {width:19% !important;}
ul.rowSix li {width:15% !important;}
ul.rowTwo, ul.rowThree, ul.rowFour, ul.rowFive, ul.rowSix  {width:100%;display:block;padding:0;margin:0;}
ul.rowTwo li, ul.rowThree li, ul.rowFour li, ul.rowFive li, ul.rowSix li {display:inline-block !important;padding:8px 1%;box-sizing:border-box;list-style-type:none;vertical-align:top;}
@media only screen and (max-width:768px) {
	ul.column.colTwo li, ul.column.colThree li, ul.column.colFour li, ul.column.colFive li, ul.column.colSix li {width:100%;display:block;}}


/**************************Footer*******************************/
/***************************************************************/
.footer {padding:25px 10px;font-size:0.8em;text-align:center;line-height:normal;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {margin-top:8px;}
.footerCredit {margin:0 auto;display:table;border-spacing:15px 0px;}
.footerCredit div {display: table-cell;vertical-align:bottom;text-align:left;}
.footerCredit img {width:100px;height:auto;}
.footerBase {font-size:0.9em;}

/**************************Responsive***************************/
/***************************************************************/
@media only screen and (max-width:1200px) {
	.videoBG-content blockquote {padding:10px;}
	.hot-buttons ul {grid-template-columns: repeat(3, 1fr);}
	.hot-buttons ul li:first-child, .hot-buttons ul li:last-child {display:none;}
}
@media only screen and (max-width:1024px) {
	h1 {font-size:1.5em}
	h2 {font-size:1.3}
	h3 {font-size:1.2}
	h4 {font-size:1.1}
	.container blockquote {font-size: 1.1em;}
	
	.logo, .headerRight{width:100%;;margin:0 auto;text-align: center;float:none}
	.hot-buttons ul {font-size: 0.8em;}
}
@media only screen and (max-width:768px) {
	.videoBGcontainer {padding-top:0px;}
	.videoBG {position:relative;top:0;left:0;transform: translate(0, 0);}
	.hot-buttons ul {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width:600px) {
	.videoBG-content blockquote {width: 90%;font-size:0.8em;line-height:normal;}
	.hot-buttons ul {grid-template-columns: repeat(1, 1fr);}
}

/****************************Forms*****************************/
/***************************************************************/
.form-wrapper {margin: 0 auto;padding: 30px;background-color: #ffffff;border-radius: 12px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.form-wrapper form label { display: block;font-weight: 600;margin-bottom: 6px;color: #444;margin-top: 20px;}
.form-wrapper form input, .form-wrapper form textarea {width: 100%;padding: 12px 15px;border-radius: 8px;border: 1px solid #ccc;transition: border-color 0.3s, box-shadow 0.3s;box-sizing: border-box;}
.form-wrapper form input:focus, .form-wrapper form textarea:focus {border-color: #2ab6d9;box-shadow: 0 0 0 3px rgba(42, 182, 217, 0.2);outline: none;}
.form-wrapper textarea {resize: vertical;}
.g-recaptcha {margin-top: 20px;}
.form-wrapper button[type="submit"] {width: 100%;margin-top: 25px;padding: 14px 25px;background-color: #7196b0;color: #fff;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s ease;}
.form-wrapper button[type="submit"]:hover {background-color: #1c2932;}
 #formSuccessPopup {display: none;padding: 15px;margin-top: 20px;background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;border-radius: 8px;text-align: center;}

/**************************Animation****************************/
/***************************************************************/
.zoom {transition: transform .2s; /* Animation of an item*/}
.zoom:hover {transform: scale(1.05); /* (105% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.shrink {transition: transform .2s;}
.shrink:hover {transform: scale(0.95);}
.animatedElement {visibility:hidden;}
.ineditmode .animatedElement {visibility:visible;}
@media only screen and (max-width:1080px) {.animatedElement {visibility:visible;}}

/*slideDown*/
.slideDown.animate{animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;}
@keyframes slideDown {
	0% {transform: translateY(-100%);}
	50%{transform: translateY(8%);}
	75%{transform: translateY(-4%);}			
	100% {transform: translateY(0%);}}
@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);}
	50%{-webkit-transform: translateY(8%);}
	75%{-webkit-transform: translateY(-4%);}			
	100% {-webkit-transform: translateY(0%);}}
	
/*slideUp*/
.slideUp.animate{animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;}
@keyframes slideUp {
	0% {transform: translateY(100%);}
	50%{transform: translateY(-8%);}
	75%{transform: translateY(4%);}			
	100% {transform: translateY(0%);}}
@-webkit-keyframes slideUp {
	0% {-webkit-transform: translateY(100%);}
	50%{-webkit-transform: translateY(-8%);}
	75%{-webkit-transform: translateY(4%);}		
	100% {-webkit-transform: translateY(0%);}}
	
/*slideLeft*/
.slideLeft.animate{animation-name: slideLeft;
-webkit-animation-name: slideLeft;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;}
@keyframes slideLeft {0% {transform: translateX(150%);}
	50%{transform: translateX(-8%);}
	75%{transform: translateX(4%);}		
	100% {transform: translateX(0%);}}
@-webkit-keyframes slideLeft {0% {-webkit-transform: translateX(150%);}
	50%{-webkit-transform: translateX(-8%);}
	75%{-webkit-transform: translateX(4%);}	
	100% {-webkit-transform: translateX(0%);}}
	
/*slideRight*/
.slideRight.animate{animation-name: slideRight;
-webkit-animation-name: slideRight;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;}
@keyframes slideRight {0% {transform: translateX(-150%);}
	50%{transform: translateX(8%);}
	75%{transform: translateX(-4%);}			
	100% {transform: translateX(0%);}}
@-webkit-keyframes slideRight {0% {-webkit-transform: translateX(-150%);}
	50%{-webkit-transform: translateX(8%);}
	75%{-webkit-transform: translateX(-4%);}		
	100% {-webkit-transform: translateX(0%);}}

/*fadeIn*/
.fadeIn.animate{animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;}
@keyframes fadeIn {
	0% {transform: scale(1);opacity: 0;}
	100% {transform: scale(1);opacity: 1;}}
@-webkit-keyframes fadeIn {
	0% {-webkit-transform: scale(1);opacity: 0;}
	100% {-webkit-transform: scale(1);opacity: 1;}}
	
/*slideUp & ExpandOut*/
.slideExpandUp.animate{animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease -out;
visibility: visible !important;}
@keyframes slideExpandUp {0% {transform: translateY(100%) scaleX(0.5);}
	30%{transform: translateY(-8%) scaleX(0.5);}	
	40%{transform: translateY(2%) scaleX(0.5);}
	50%{transform: translateY(0%) scaleX(1.1);}
	60%{transform: translateY(0%) scaleX(0.9);}
	70% {transform: translateY(0%) scaleX(1.05);}			
	80%{transform: translateY(0%) scaleX(0.95);}
	90% {transform: translateY(0%) scaleX(1.02);}	
	100%{transform: translateY(0%) scaleX(1);}}
@-webkit-keyframes slideExpandUp {0% {-webkit-transform: translateY(100%) scaleX(0.5);}
	30%{-webkit-transform: translateY(-8%) scaleX(0.5);}	
	40%{-webkit-transform: translateY(2%) scaleX(0.5);}
	50%{-webkit-transform: translateY(0%) scaleX(1.1);}
	60%{-webkit-transform: translateY(0%) scaleX(0.9);}
	70% {-webkit-transform: translateY(0%) scaleX(1.05);}			
	80%{-webkit-transform: translateY(0%) scaleX(0.95);}
	90% {-webkit-transform: translateY(0%) scaleX(1.02);}	
	100%{-webkit-transform: translateY(0%) scaleX(1);}}
	
/*expandUp*/
.expandUp.animate{animation-name: expandUp;
-webkit-animation-name: expandUp;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;}
@keyframes expandUp {0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}
	60%{transform: translateY(-7%) scaleY(1.12);}
	75%{transform: translateY(3%);}	
	100% {transform: translateY(0%) scale(1) scaleY(1);}}
@-webkit-keyframes expandUp {0% {-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);}
	60%{-webkit-transform: translateY(-7%) scaleY(1.12);}
	75%{-webkit-transform: translateY(3%);}	
	100% {-webkit-transform: translateY(0%) scale(1) scaleY(1);}}

/*expandOpen*/
.expandOpen.animate{animation-name: expandOpen;
-webkit-animation-name: expandOpen;
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;}
@keyframes expandOpen {0% {transform: scale(1.8);}
	50% {transform: scale(0.95);}	
	80% {transform: scale(1.05);}
	90% {transform: scale(0.98);}	
	100% {transform: scale(1);}}
@-webkit-keyframes expandOpen {0% {-webkit-transform: scale(1.8);}
	50% {-webkit-transform: scale(0.95);}	
	80% {-webkit-transform: scale(1.05);}
	90% {-webkit-transform: scale(0.98);}	
	100% {-webkit-transform: scale(1);}}
	
/*bigEntrance*/
.bigEntrance.animate{animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
visibility: visible !important;}
@keyframes bigEntrance {0% {transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;}
	30% {transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;}
	45% {transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;}
	60% {transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;}	
	75% {transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;}
	90% {transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;}	
	100% {transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;}}
@-webkit-keyframes bigEntrance {0% {-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;}
	30% {-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;}
	45% {-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;}
	60% {-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;}	
	75% {-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;}
	90% {-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;}	
	100% {-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;}}

/*hatch*/
.hatch.animate{animation-name: hatch;
-webkit-animation-name: hatch;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
visibility: visible !important;}
@keyframes hatch {0% {transform: rotate(0deg) scaleY(0.6);}
	20% {transform: rotate(-2deg) scaleY(1.05);}
	35% {transform: rotate(2deg) scaleY(1);}
	50% {transform: rotate(-2deg);}	
	65% {transform: rotate(1deg);}	
	80% {transform: rotate(-1deg);}		
	100% {transform: rotate(0deg);}}
@-webkit-keyframes hatch {0% {-webkit-transform: rotate(0deg) scaleY(0.6);}
	20% {-webkit-transform: rotate(-2deg) scaleY(1.05);}
	35% {-webkit-transform: rotate(2deg) scaleY(1);}
	50% {-webkit-transform: rotate(-2deg);}	
	65% {-webkit-transform: rotate(1deg);}	
	80% {-webkit-transform: rotate(-1deg);}		
	100% {-webkit-transform: rotate(0deg);}}

/*bounce*/
.bounce.animate{animation-name: bounce;
-webkit-animation-name: bounce;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
visibility: visible !important;}
@keyframes bounce {0% {transform: translateY(0%) scaleY(0.6);}
	60%{transform: translateY(-100%) scaleY(1.1);}
	70%{transform: translateY(0%) scaleY(0.95) scaleX(1.05);}
	80%{transform: translateY(0%) scaleY(1.05) scaleX(1);}	
	90%{transform: translateY(0%) scaleY(0.95) scaleX(1);}				
	100%{transform: translateY(0%) scaleY(1) scaleX(1);}}
@-webkit-keyframes bounce {0% {-webkit-transform: translateY(0%) scaleY(0.6);}
	60%{-webkit-transform: translateY(-100%) scaleY(1.1);}
	70%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);}
	80%{-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);}	
	90%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);}				
	100%{-webkit-transform: translateY(0%) scaleY(1) scaleX(1);}}

/*pullUp*/
.pullUp.animate{animation-name: pullUp;
-webkit-animation-name: pullUp;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
visibility: visible !important;}
@keyframes pullUp {0% {transform: scaleY(0.1);}
	40% {transform: scaleY(1.02);}
	60% {transform: scaleY(0.98);}
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(0.98);}				
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(1);}}
@-webkit-keyframes pullUp {0% {-webkit-transform: scaleY(0.1);}
	40% {-webkit-transform: scaleY(1.02);}
	60% {-webkit-transform: scaleY(0.98);}
	80% {-webkit-transform: scaleY(1.01);}
	100% {-webkit-transform: scaleY(0.98);}				
	80% {-webkit-transform: scaleY(1.01);}
	100% {-webkit-transform: scaleY(1);}}
	
/*pullDown*/
.pullDown.animate{animation-name: pullDown;
-webkit-animation-name: pullDown;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
visibility: visible !important;}
@keyframes pullDown {0% {transform: scaleY(0.1);}
	40% {transform: scaleY(1.02);}
	60% {transform: scaleY(0.98);}
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(0.98);}				
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(1);}}
@-webkit-keyframes pullDown {0% {-webkit-transform: scaleY(0.1);}
	40% {-webkit-transform: scaleY(1.02);}
	60% {-webkit-transform: scaleY(0.98);}
	80% {-webkit-transform: scaleY(1.01);}
	100% {-webkit-transform: scaleY(0.98);}				
	80% {-webkit-transform: scaleY(1.01);}
	100% {-webkit-transform: scaleY(1);}}
	
/*stretchLeft*/
.stretchLeft.animate{animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
visibility: visible !important;}
@keyframes stretchLeft {0% {transform: scaleX(0.3);}
	40% {transform: scaleX(1.02);}
	60% {transform: scaleX(0.98);}
	80% {transform: scaleX(1.01);}
	100% {transform: scaleX(0.98);}				
	80% {transform: scaleX(1.01);}
	100% {transform: scaleX(1);}}
@-webkit-keyframes stretchLeft {0% {-webkit-transform: scaleX(0.3);}
	40% {-webkit-transform: scaleX(1.02);}
	60% {-webkit-transform: scaleX(0.98);}
	80% {-webkit-transform: scaleX(1.01);}
	100% {-webkit-transform: scaleX(0.98);}				
	80% {-webkit-transform: scaleX(1.01);}
	100% {-webkit-transform: scaleX(1);}}
	
/*stretchRight*/
.stretchRight.animate{animation-name: stretchRight;
-webkit-animation-name: stretchRight;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
visibility: visible !important;}
@keyframes stretchRight {0% {transform: scaleX(0.3);}
	40% {transform: scaleX(1.02);}
	60% {transform: scaleX(0.98);}
	80% {transform: scaleX(1.01);}
	100% {transform: scaleX(0.98);}				
	80% {transform: scaleX(1.01);}
	100% {transform: scaleX(1);}}
@-webkit-keyframes stretchRight {0% {-webkit-transform: scaleX(0.3);}
	40% {-webkit-transform: scaleX(1.02);}
	60% {-webkit-transform: scaleX(0.98);}
	80% {-webkit-transform: scaleX(1.01);}
	100% {-webkit-transform: scaleX(0.98);}				
	80% {-webkit-transform: scaleX(1.01);}
	100% {-webkit-transform: scaleX(1);}}

/*pulse infinite*/
.pulse.animate{animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;}
@keyframes pulse {0% {transform: scale(0.9);
opacity: 0.7;}
	50% {transform: scale(1);
opacity: 1;}	
	100% {transform: scale(0.9);
opacity: 0.7;}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);
opacity: 0.7;}
	50% {-webkit-transform: scale(1);
opacity: 1;}	
	100% {-webkit-transform: scale(0.95);
opacity: 0.7;}}

/*floating infinite*/
.floating.animate{animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;}
@keyframes floating {0% {transform: translateY(0%);}
	50% {transform: translateY(8%);}	
	100% {transform: translateY(0%);}}
@-webkit-keyframes floating {0% {-webkit-transform: translateY(0%);}
	50% {-webkit-transform: translateY(8%);}	
	100% {-webkit-transform: translateY(0%);}}
	
/*tossing infinite*/
.tossing.animate{animation-name: tossing;
-webkit-animation-name: tossing;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;}
@keyframes tossing {0% {transform: rotate(-4deg);}
	50% {transform: rotate(4deg);}
	100% {transform: rotate(-4deg);}}
@-webkit-keyframes tossing {0% {-webkit-transform: rotate(-4deg);}
	50% {-webkit-transform: rotate(4deg);}
	100% {-webkit-transform: rotate(-4deg);}}