@charset "utf-8";/* CSS Document */
/* © Copyright 2020 Pro Dental Designs. All Rights Reserved.*/
/* Advertising and Marketing for Dental industries www.prodentaldesigns.com */
body, html {margin:0px;padding:0px;line-height:1.5em;font-size:1em;font-family: Arial, Helvetica, sans-serif;color:#363636;}
h1 {font-size:1.8em;font-family: 'Merriweather', serif;font-weight:500;line-height:normal;text-transform:uppercase;color:#000000;}
h2 {font-size:1.6em;font-family: 'Merriweather', serif;font-weight:500;line-height:normal;text-transform:capitalize;color:#01b1b0;}
h3 {font-size:1.2em;font-family: 'Merriweather', serif;font-weight:700;line-height:normal;text-transform:capitalize;color:#159c99;}
h4 {font-size:1.2em;font-family: 'Merriweather', serif;font-weight:500;line-height:normal;}
h5 {font-size:0.9em;font-family: 'Merriweather', serif;font-weight:500;line-height:normal;}
h6 {font-size:0.8em;font-family: 'Merriweather', serif;font-weight:500;line-height:normal;}
a {transition: all 0.2s ease-in-out;}
a {color:#00b1b0;text-decoration:none;}
a:hover {}
hr {}
blockquote {}
.button {}
.button:hover {}
.button2 {}
.button2:hover {}
img {max-width:100%;height:auto;border:none;}
img a {text-decoration:none;}
img.responsive, .responsive img {width:100%;height:auto;display:block;}
img.blog, .blog img {max-width:96%;padding:5px;margin:0 15px;box-sizing:border-box;float:right;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.blog img {float: right;}
.imageCredit {display:inline;font-size:0.8em;color:#A6A6A6;}
.imageCredit p {display:inline;}
.imageCredit a {color:#A6A6A6;}
.clear {clear:both;max-height:0px;width:100%;}
/*ADA key-board accessible*/
a:focus img {}
a:focus {text-decoration:underline !important; color:#888888;}
a:focus span {color:#1e376d;}
a.skipcontent {padding:8px 15px;color:#FFFFFF;background-color:#e5e5e5;border:solid 1px #FFFFFF;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;margin-top:4px;display:block;border:solid 2px #FFFFFF;background-color:#1d2951;background-image:url(../images/handicap-symbol.png);background-repeat:no-repeat;background-size:100% auto;z-index:200;float:right;}
#normal:hover, #handicap:hover, #normal:focus, #handicap:focus  {background-color:#FFFFFF;border:solid 1px #000000;background-image:url(../images/handicap-symbol-hover.png);}
@media only screen and (max-width:768px) {#handicap, #normal {display:none;}}
/*Accordion**/
.accordionWrapper {width:100%;display:block;margin:0px 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;border:none;transition: all 0.2s ease-out;}
.accordionContent {height:auto;max-height:600px;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:1000px;}
.ineditmode .accordionHeader {cursor:none;}
li.accordionItem {width:auto;margin:0;}
ul.accordionContent {}
.close .accordionContent {padding:0;}
/**custom body**/
.subHeading {font-family: 'Merriweather', serif;position:relative;line-height:normal;}
.subHeading.one {padding:4px 0px 35px 0px;color:#363636;font-size:1.2em;}
.subHeading.one:after {width:50%;height:3px;position:absolute;bottom:0;left:0;content: '';background-color:#00b1b0;}
.subHeading.two {color:#000000;font-size:3em}
.subHeading span {color:#00b1b0;}

/***************************Page Theme**************************/
/***************************************************************/
.container {width:80%;max-width:1200px;margin:0 auto;padding:0;position:relative;box-sizing:border-box;}
.paddingBoth {padding:100px 0px !important;}
.marginBoth {margin-top:100px !important;margin-bottom:100px !important;}
.paddingTop, marginTop {padding-top:100px !important;}
.paddingBottom, marginBottom {padding-bottom:100px !important;}
.backgroundImage {position:relative;color:#363636;}
.backgroundImage::before, .backgroundImage::after {width:99vw;height:100%;display:block;content: '';position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:-1;overflow:hidden;}
.backgroundImage::before {background-repeat:no-repeat;background-position: top center; background-size:cover;}
.backgroundImage::after {background-color:transparent;}
.backgroundImage h1, .backgroundImage h2, .backgroundImage h3, .backgroundImage h4, .backgroundImage h5, .backgroundImage h6 {color:#000000;}
.lightcolorbg {position:relative;}
.lightcolorbg::before {width:99vw;height:100%;content:'';background-color:#f2f3f3;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:-1;overflow:hidden;}
.lightcolorbg a {color:#000000;text-decoration:none;}
.lightcolorbg a:hover {}
.lightcolorbg h1, .lightcolorbg h2, .lightcolorbg h3, .lightcolorbg h4, .lightcolorbg h5, .lightcolorbg h6 {color:#000000;}
.darkcolorbg {color:#FFFFFF;position:relative;}
.darkcolorbg::before {width:99vw;height:100%;content:'';background-color:#dee0df;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:-1;overflow:hidden;}
.darkcolorbg a {color:#FFFFFF;text-decoration:none;}
.darkcolorbg a:hover {}
.darkcolorbg h1, .darkcolorbg h2, .darkcolorbg h3, .darkcolorbg h4, .darkcolorbg h5, .darkcolorbg h6 {color:#FFFFFF;}
.parallax {margin:0;position:relative;}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {}
.parallax h1 a, .parallax h2 a, .parallax h3 a, .parallax h4 a, .parallax h5 a, .parallax h6 a, .parallax a {}
.parallax blockquote {width:96%;max-width: 1200px;margin: 5% auto;box-sizing:border-box;background-image:none;background-color:#FFFFFF;color:#414042;}
.parallax blockquote h1, .parallax blockquote h2, .parallax blockquote h3, .parallax blockquote h4, .parallax blockquote h5, .parallax blockquote h6 {color:#000000;}
.viewHeight {min-height:100vh;}
.viewHeight h1, .viewHeight h2, .viewHeight h3, .viewHeight h4, .viewHeight h5, .viewHeight h6 {}
.viewHeight blockquote {padding:3%;margin:0;list-style-type:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#FFFFFF;}
@media only screen and (max-width:1280px) {.container {width:90%;}}
@media only screen and (max-width:1024px) {.container {width:96%;}.paddingBoth{padding:25px 0px !important;}.marginBoth {margin-top:25px !important;margin-bottom:25px !important;}.paddingTop, .marginTop {padding-top:15px !important;}.paddingBottom, .marginBottom {padding-bottom:15px !important;}}
@media only screen and (max-width:960px) {.viewHeight ul {width:96%;box-sizing: border-box;font-size: 0.9em;}}

/***************************Main Body***************************/
/***************************************************************/
.wrapper {padding-top:1px;background-color:#FFFFFF;position:relative;z-index:1;}

/***************************Header******************************/
/***************************************************************/
.header {}
.logo {max-width:221px;margin:11px auto;}

/***************************Menus********************************/
/***************************************************************/
#menu-container {background-color:#FFFFFF;position:relative;z-index:100;border-top:solid 1px #818181;border-bottom:solid 1px #818181;}
nav {position:relative;z-index:100;}
nav a {display:block;font-family: 'Raleway', sans-serif;font-size:1em;text-decoration:none;color:#818181;}

.sticky {width:100%;position:fixed !important;top: 0;}
.sticky + .parallaxContainer {margin-top: 47px;}/* Height of menu - Add some top padding to the banner to prevent sudden quick movement NEEDS to be next to Menu Container */

/**breadcrumbs**/
nav ol.breadcrumb {margin:0;padding:0;list-style-type:none;}
nav ol.breadcrumb li {margin:0;padding:0 10px;display:inline-block;list-style-type:none;vertical-align:top;}
nav ol.breadcrumb li:first-child {padding:0 10px 0 0;}
nav ol.breadcrumb li:before {content:'» ';}
nav ol.breadcrumb li {font-size:0.7em;color:#A6A6A6;}
nav ol.breadcrumb li a {display:inline;color:#A6A6A6;}
nav ol.breadcrumb li a:focus {border:solid 1px #A6A6A6;}

/**Top Menu**/
.menu_top ul {display:block;padding:0 0 10px 20px;margin:0 auto;list-style:none;}
.menu_top ul li {padding:0;margin:0 auto;}
.menu_top {display:block;padding: 0px;position:relative;z-index:100;}
.menu_top ul {padding:0;margin:0 auto;text-align:center;}
.menu_top ul li {display:inline-block;position:relative;}
.menu_top a {display:block;padding:0 1.1em;line-height:45px;text-transform:uppercase;}
.menu_top li:hover a, .menu_top li a:focus {color:#333333;box-sizing:border-box;background-color:#EFEFEF;}
.menu_top-selected {}
.menu_top-selected a {}
.has-dropdown {}/**item with sub nav**/
.has-dropdown a {padding: 0 25px 0 18px;}
/**second level**/
.menu_top ul ul {min-width:200px;background-color:#FFFFFF;text-align:left;border:solid 1px #818181;position:absolute;top:100%;left:0;z-index:101;visibility:hidden;max-height:0px;overflow:hidden;transition: all 0.8s ease-in;}
.menu_top ul ul:hover, .menu_top ul li.active ul {overflow:visible;}
.menu_top ul ul li {display:block;padding:0;border:none;text-align:left;float:none;position:static;}
.menu_top ul ul a {padding:10px 1em;line-height:normal;white-space: nowrap;text-transform:capitalize;background-color:#FFFFFF !important;}
.menu_top ul ul a:hover, .menu_top ul ul a:focus {color:#333333 !important;background-color:#EFEFEF !important;}
.menu_top ul ul li a:hover, .menu_top ul ul li:hover > a, .menu_top ul ul li a:focus, .menu_top ul ul li.active > a {background-color:#EFEFEF;}
.menu_top li:hover ul li {background-color:#FFFFFF !important;}
.menu_top li:hover ul li a {color:#333333;}
/**third level**/
.menu_top ul ul ul {top:0px;left:100%;border:solid 1px #818181;}
/**hide & show the sub levels**/
.menu_top ul li:hover ul {visibility:visible;max-height:600px;}
.menu_top ul li:hover > ul, .menu_top ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.menu_top ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.menu_top ul :hover ul :hover ul {visibility:visible;max-height:600px;}
/**mobile**/
.ccm-responsive-overlay {width:100%;display:none;background-color:#FFFFFF;position:absolute;top:175px;left:0;z-index:101;}
.ccm-responsive-menu-launch {width:96%;display:none;margin:10px auto 0px auto;cursor: pointer;}
.ccm-responsive-menu-launch i {float: right;}
.ccm-responsive-menu-launch i::after {font-size: 20px;content: "\f0c9";font-family: FontAwesome;color:#000000;font-weight: normal;font-style: normal;display: inline-block;cursor: pointer;text-decoration: inherit;}
@media only screen and (max-width:768px) {.menu_top {display:none;}.ccm-responsive-menu-launch {display:block;}}

/************Mobile Menu************/
.mobile_menu {display:none;margin:0;padding: 0px;text-align:left;position:relative;z-index:100;}
.mobile_menu ul {display:block;padding:0;margin:0 auto;list-style:none;box-sizing:border-box;}
.mobile_menu ul li {display:block;padding:0;margin:0 auto;position:relative;box-sizing:border-box;}
.mobile_menu ul li a {display:block;padding:0 10px;font-size:1rem;font-weight:normal;line-height:1.5em;color:#333333;text-decoration:none;box-sizing:border-box;}
/**second level**/
.mobile_menu ul ul {max-height:0px;margin-left:10px;overflow:hidden;white-space: nowrap;text-align:left;visibility:hidden;transition: all 0.3s ease-in;}
.mobile_menu ul ul li {display:block;padding:0;border:none;text-align:left;float:none;}
.mobile_menu ul ul a {line-height:normal;white-space: nowrap;text-transform:capitalize;}
.mobile_menu ul ul:hover, .mobile_menu ul li.active ul {overflow:visible;}
/**third level**/
.mobile_menu ul ul ul {top:0px;left:100%;}
/**hide & show the sub levels**/
.mobile_menu ul li:hover ul {visibility:visible;max-height:600px;}
.mobile_menu ul li:hover > ul, .mobile_menu ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.mobile_menu ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.mobile_menu ul :hover ul :hover ul {visibility:visible;max-height:600px;}
@media only screen and (max-width:1024px) {.sticky{position:relative !important;} .sticky + .parallaxContainer {margin-top: 0;}}
@media only screen and (max-width:768px) {.mobile_menu {display:block;} #menu-container {height:auto;}}

/**page navigation**/
.ccm-block-next-previous-header.previous {float:left;}
.ccm-block-next-previous-header.next {float:right;}
.ccm-block-next-previous-parent-link {margin:0;padding:0;text-align:center;}
.ccm-block-next-previous-parent-link a {font-size:0.9em;font-family: 'Open Sans', sans-serif; font-weight:400;line-height:normal;}
.ccm-block-next-previous-parent-link h5, .ccm-block-next-previous-header h5 {margin:0;}
.ccm-block-next-previous-wrapper {display:block;padding:10px 15px; background-color:#FFFFFF;}
.ccm-block-next-previous-wrapper a {}

/*************************Banners*******************************/
/***************************************************************/
.banner {position:relative;}
.banner p {margin:0;}
.bannerInner {width:100%;max-width:1200px;position:absolute;top:76%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.bannerInner .description {font-size:4vw;color:#FFFFFF;text-shadow: -2px 0px 2px rgba(0, 0, 0, 0.75);text-transform:uppercase;text-align: right;}

.parallaxContainer {position:relative;}
.parallaxScrolly  {width: 100%;max-width:1920px;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;}
.parallax_aspect_ratio {display:block;position:relative;z-index:-1;overflow:hidden;}
.parallax_aspect_ratio img {width:100%;max-width:1920px;height:auto;display:block;}
.parallaxBox {position:absolute;top:10px;right:0;z-index:10;}
.videoBGcontainer {position:relative;}
.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:relative;z-index:10;overflow:hidden;}
@media (min-aspect-ratio: 16/9) {.videoBg-inner video {width:100%;height:auto;}}
@media (max-aspect-ratio: 16/9) {.videoBg-inner video {width:auto;height:100%;}}
@media only screen and (max-width:768px) {parallaxAll, .parallaxScrolly {position:relative;top:0;left:0;-webkit-transform:translate(0, 0);transform: translate(0, 0);} .parallax_aspect_ratio{display:none;} .videoBg-inner video {display:none;}}
@media only screen and (max-width:600px) {.parallaxBox {margin-bottom:10px;position:relative;top:0;}}

/**************************Buttons******************************/
/***************************************************************/
.zoom { transition: transform .2s; /* Animation */}
.zoom:hover {transform: scale(1.05); /* (105% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.buttonCustom {padding:10px 15px;border:solid 1px #FFFFFF;}
.customButton {padding:10px 25px;background-color:#00b1b0;border:solid 1px #FFFFFF;color:#ffffff;text-transform:uppercase;font-size:1.4rem;}
.customButton:hover {background-color:#ffffff;border:solid 1px #00b1b0;color:#00b1b0;}
.call-to-action {border-spacing:25px 10px;}
.call-to-action li {background-repeat:no-repeat;background-size: 100% auto;background-position:center center;text-align:center;position:relative;}
.call-to-action li::before {width:100%;height:100%;content:'';background-color:rgba(0, 0, 0, 0.6);position:absolute;top:0;left:0;}
.call-to-action li:nth-child(4n+1) {background-image:url("../images/hotbutton1a.jpg");}
.call-to-action li:nth-child(4n+2) {background-image:url("../images/hotbutton2.jpg");}
.call-to-action li:nth-child(4n+3) {background-image:url("../images/hotbutton3.jpg");}
.call-to-action li:nth-child(4n+4) {background-image:url("../images/hotbutton4.jpg");}
.call-to-action li:hover::before {background-color:rgba(0, 0, 0, 0)}
.call-to-action li p {margin:0;padding:0;}
.call-to-action li a {color:#FFFFFF;font-size:1.1em;text-transform:capitalize;font-family: 'Raleway', sans-serif;font-weight:600;white-space:nowrap;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%);}
.call-to-action li:hover a {background-color:#FFFFFF;color:#363636;border:solid 1px #363636;}
.call-to-action li, .call-to-action li::before, .hot-button li, .hot-button li::before {transition: all 0.2s ease-in-out;}

.hot-button {display:block;margin:0;padding:10px;}
.hot-button li {max-width:350px;display:block;margin:0 auto 25px auto;background-repeat:no-repeat;background-size: 100% auto;background-position:center center;text-align:center;vertical-align:middle;position:relative;}
.hot-button li::before {width:100%;height:100%;content:'';position:absolute;top:0;left:0;opacity: 1;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.hot-button li:hover::before {opacity: 0;}
.hot-button a {color:#FFFFFF;font-size:1.1em;text-transform:capitalize;font-family: 'Raleway', sans-serif;font-weight:600;white-space:nowrap;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%);}
.hot-button li:hover a {background-color:#FFFFFF;color:#363636;border:solid 1px #363636;}
.hot-button img {width:100%;height:auto;display:block;}

.reviews {border-spacing: 25px;}
.reviews li {padding:10px 20px 144px 20px !important;background-color:#FFFFFF;border:solid 1px #e0e2e2;background-repeat:no-repeat; background-position:right 20px bottom 60px;position:relative;}
.reviews li p:last-child {position:absolute;bottom:10px;right:20px;font-style:italic;}
.reviewFacebook {background-image:url("../images/review_bg_facebook.jpg");}
.reviewGoogle {background-image:url("../images/review_bg_google.jpg");}

ul.two, ul.three, ul.four, ul.five, ul.six  {width:100%;display:table;padding:0;margin:1px auto;text-align:center;}
ul.two li, ul.three li, ul.four li, ul.five li, ul.six li {display:table-cell;margin:4px auto;padding:4px 10px;box-sizing:border-box;list-style-type:none;vertical-align:top;text-align:left;}
ul.two li {width:50%;}
ul.three li {width:33.3%;}
ul.four li {width:25%;}
ul.five li {width:20%;}
ul.six li {width:16.6%;padding: 4px 20px;}
@media only screen and (max-width:768px) {ul.two, ul.three, ul.four, ul.five, ul.six {display:block;}ul.two li, ul.three li, ul.four li, ul.five li, ul.six li{width:48%;display:inline-block;}}

/**************************Content******************************/
/***************************************************************/
.contentContainer {display:table;clear:both;}
.content {display:table-cell;vertical-align:top;}
.content.left, .content.rightsidebar {width:70%;padding:0px 5% 0px 0px;box-sizing:border-box;}
.content.right, .content.leftsidebar {width:30%;}
.content.even {width:50%;}
@media only screen and (max-width:768px) {.contentContainer, .content {display:block;}.content.left, .content.rightsidebar, .content.right, .content.leftsidebar, .content.even {width:100%;padding:4px 0px;}}

/**************************Footer*******************************/
/***************************************************************/
.footer {padding:25px 10px;font-size:0.9em;}
.footer ul {display:block;padding:0;margin:0;}
.footer li {width:23%;min-width:150px;display:inline-block;padding:0 1%;margin:0;vertical-align:top;box-sizing:border-box;}
.footer li:first-child {width:48%;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {margin-top:8px;}
.footer a {text-decoration: underline;}
.footer a:hover {text-decoration:none;}

#search-container {padding:25px;line-height:45px;text-align:center;}
.search {padding:0 8px;}
.search .ccm-search-block-text {padding:10px;border:solid 1px #f2f3f3;font-size:0.8em;font-weight:300;text-transform:uppercase;color:#a8a8a8;background-color:transparent;}
.search .ccm-search-block-submit {width:20px;height:20px;border:none;cursor: pointer;background-color:transparent;background-image:url("../images/search_grey50.png");background-repeat:no-repeat;background-position: center center;}
.lightcolorbg .search .ccm-search-block-text {border:solid 1px #FFFFFF;}

/**************************Responsive***************************/
/***************************************************************/
@media only screen and (max-width:1024px) {
.parallaxContainer .customButton {padding: 5px;font-size:1rem;}}
@media only screen and (max-width:768px) {
h1 {font-size:1.25em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}

#menu-container {height:45px;}
nav ol.breadcrumb li {padding:0 2px;}

.parallaxContainer .customButton {padding: 2px 5px;font-size:0.8rem;}

.footer li, .footer li:first-child {width:100%;}}

/**************************C5 Forms*****************************/
/***************************************************************/
/**C5 override**/
.ccm-logo img {width:auto;height:100%;}
.ccm-block-page-list-date {font-size:0.8em;padding-left:10px;color:#575757;}
/**standard form**/
.ccm-block-express-form fieldset {}
.ccm-block-express-form .form-group, .form-group {width:100%;padding:0;margin:4px 0px;box-sizing:border-box;line-height:normal;}
.ccm-block-express-form .control-label, .control-label {}
  .ccm-block-express-form .text-muted {width:10px;display:block;visibility:hidden;color:#FF0004;overflow:hidden;position:relative;float:left;}
  .ccm-block-express-form .text-muted::before {visibility:visible !important;content:'*';position:absolute;left:2px;top:2px;}
  .ccm-block-express-form select.form-control {font-size: 1em;color:#363636;line-height:1.5rem;margin: 0;padding: 2px 1.4em 2px .8em;box-sizing: border-box;border: 1px solid #7a7a7a;background-color: #fff;background-image: url("https://auburn-familydental.com/application/themes/auburn/images/form-select-arrow.png");background-repeat: no-repeat;background-position: right .7em top 50%, 0 0;background-size:8px auto;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;}
.ccm-block-express-form .form-control, .form-control {min-width:300px;min-height:1.5rem;font-size:1em;}
.ccm-block-express-form .form-actions button, .form-group .btn {min-height:1.5rem;padding:2px 50px;margin:0;color:#FFFFFF;font-size:1em;border:none;text-decoration:none;box-sizing:border-box;
background: #8ab3d6; /* Old browsers */
background: -moz-linear-gradient(top,  #8ab3d6 0%, #8ab3d6 50%, #6a9dc9 53%, #6a9dc9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8ab3d6 0%,#8ab3d6 50%,#6a9dc9 53%,#6a9dc9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8ab3d6 0%,#8ab3d6 50%,#6a9dc9 53%,#6a9dc9 100%); /* W3C, IE10+, FF16+, Chrome26+, OperA12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab3d6', endColorstr='#6a9dc9',GradientType=0 ); /* IE6-9 */}
.ccm-block-express-form .ccm-attribute-address-composer-wrapper {padding:0 0 0 15px;}
.ccm-block-express-form .ccm-system-errors {width:100%;display:block;padding:0 15px;background-color:#FF7E00;color:#FFFFFF;line-height:2.3125rem;}

/**form box**/
.form_box {padding:30px;margin:0 auto;box-sizing:border-box;background-color:#f1f1f1;border:1px solid #ccc;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
.form_box .ccm-form {padding:15px;background-color:#ffffff;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.form_box fieldset {padding:0;margin:0;border:none !important;}
.form_box fieldset fieldset {padding:0; margin:0;}
.form_box .form-group {width:100%;display:table;color:#58595B;}
.form_box .control-label {min-height:2rem;display:table-cell;vertical-align:top}
  .form_box .text-muted {width:3%;display:table-cell;}
  .form_box .text-muted::before {}
.form_box .form-control {width:95%;min-width:0;min-height:2rem;display:table-cell;}
.form_box .form-group textarea, .form_box .form-group .checkbox, .form_box .form-group .radio {}
.form_box .form-group input, .form_box .form-group textarea, .form_box .form-group select, .form_box .form-group checkbox  {background-color: #ffffff;border: 1px solid #ccc;box-sizing: border-box;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);}
.form_box .form-actions button {padding:8px 50px;cursor:pointer;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #075387; /* Old browsers */
background: -moz-linear-gradient(left,  #075387 0%, #075387 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #075387 0%,#075387 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #075387 0%,#075387 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075387', endColorstr='#075387',GradientType=1 ); /* IE6-9 */}
.form_box .form-actions button:hover {color:#FFFFFF;
background: #f1b319; /* Old browsers */
background: -moz-linear-gradient(left,  #f1b319 0%, #f1b319 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f1b319 0%,#f1b319 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f1b319 0%,#f1b319 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b319', endColorstr='#f1b319',GradientType=1 ); /* IE6-9 */}

/**form elegant**/
.form_elegant fieldset {border:none !important;padding:0 !important; margin:0 !important;}
.form_elegant .control-label {min-height:2rem;display:none;}
  .form_elegant .text-muted {width:0px;display:none;}
  .form_elegant .text-muted::before {width:0px;content:'';}
.form_elegant .form-control {min-width:450px;min-height:2rem;padding:2px 15px;border: solid 1px #e5e6e8;}
.form_elegant .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#e5e6e8;opacity: 1;}
.form_elegant .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#e5e6e8;opacity: 1;}
.form_elegant .form-control::-webkit-input-placeholder{ /* Microsoft Edge */ color:#e5e6e8;opacity: 1;}
.form_elegant .form-group textarea {min-width:600px;}
.form_elegant .form-actions button {min-height:2rem;padding:2px 25px;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

/**form minimalist**/

/**form sidebar**/
.form_sidebar {padding:25px;margin:0 auto;box-sizing:border-box;background-color:#f1f1f1;border:1px solid #ccc;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
.form_sidebar .ccm-form {padding:15px;background-color:#ffffff;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.form_sidebar fieldset {padding:0;margin:0;border:none !important;}
.form_sidebar fieldset fieldset {padding:0; margin:0;}
.form_sidebar .form-group {color:#58595B;}
.form_sidebar .control-label {min-height:2rem;}
  .form_sidebar .text-muted {}
  .form_sidebar .text-muted::before {}
.form_sidebar .form-control {min-height:2rem;min-width:100%;}
.form_sidebar .form-group textarea, .form_sidebar .form-group .checkbox, .form_sidebar .form-group .radio {display:block;}
.form_sidebar .form-group input, .form_sidebar .form-group textarea, .form_sidebar .form-group select, .form_sidebar .form-group checkbox  {background-color: #ffffff;border: 1px solid #ccc;box-sizing: border-box;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.1);}
.form_sidebar .form-actions button {padding:8px 50px;cursor:pointer;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #075387; /* Old browsers */
background: -moz-linear-gradient(left,  #075387 0%, #075387 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #075387 0%,#075387 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #075387 0%,#075387 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075387', endColorstr='#075387',GradientType=1 ); /* IE6-9 */}
.form_sidebar .form-actions button:hover {color:#FFFFFF;
background: #f1b319; /* Old browsers */
background: -moz-linear-gradient(left,  #f1b319 0%, #f1b319 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f1b319 0%,#f1b319 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f1b319 0%,#f1b319 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b319', endColorstr='#f1b319',GradientType=1 ); /* IE6-9 */}
.form_sidebar iframe {
-webkit-transform:scale(0.75);
-ms-transform: scale(0.75);
transform:scale(0.75);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;}

@media only screen and (max-width:768px) {.ccm-block-express-form iframe {
-webkit-transform:scale(0.75);
-ms-transform: scale(0.75);
transform:scale(0.75);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;}
.form_box {padding:5px;}
.form_box .form-group {display:block;}
.form_box .form-control {display:block;}
.form_box .control-label {min-height:1rem;display:inline-block;}
.form_box .text-muted {width:10px;}}

/****************************animation********************************/
.animatedElement {visibility:hidden;}
.ineditmode .animatedElement {visibility:visible;}
@media only screen and (max-width:1024px) {.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%);}
	65%{transform: translateY(-4%);}
	80%{transform: translateY(4%);}
	95%{transform: translateY(-2%);}			
	100% {transform: translateY(0%);}}
@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);}
	50%{-webkit-transform: translateY(8%);}
	65%{-webkit-transform: translateY(-4%);}
	80%{-webkit-transform: translateY(4%);}
	95%{-webkit-transform: translateY(-2%);}			
	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%);}
	65%{transform: translateY(4%);}
	80%{transform: translateY(-4%);}
	95%{transform: translateY(2%);}			
	100% {transform: translateY(0%);}}
@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(100%);}
	50%{-webkit-transform: translateY(-8%);}
	65%{-webkit-transform: translateY(4%);}
	80%{-webkit-transform: translateY(-4%);}
	95%{-webkit-transform: translateY(2%);}			
	100% {-webkit-transform: translateY(0%);}}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft.animate{animation-name: slideLeft;
-webkit-animation-name: slideLeft;
animation-duration: 1s;
-webkit-animation-duration: 1s;
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%);}
	65%{transform: translateX(4%);}
	80%{transform: translateX(-4%);}
	95%{transform: translateX(2%);}			
	100% {transform: translateX(0%);}}
@-webkit-keyframes slideLeft {0% {-webkit-transform: translateX(150%);}
	50%{-webkit-transform: translateX(-8%);}
	65%{-webkit-transform: translateX(4%);}
	80%{-webkit-transform: translateX(-4%);}
	95%{-webkit-transform: translateX(2%);}			
	100% {-webkit-transform: translateX(0%);}}
/*
==============================================
slideRight
==============================================
*/
.slideRight.animate{animation-name: slideRight;
-webkit-animation-name: slideRight;
animation-duration: 1s;
-webkit-animation-duration: 1s;
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%);}
	65%{transform: translateX(-4%);}
	80%{transform: translateX(4%);}
	95%{transform: translateX(-2%);}			
	100% {transform: translateX(0%);}}
@-webkit-keyframes slideRight {0% {-webkit-transform: translateX(-150%);}
	50%{-webkit-transform: translateX(8%);}
	65%{-webkit-transform: translateX(-4%);}
	80%{-webkit-transform: translateX(4%);}
	95%{-webkit-transform: translateX(-2%);}			
	100% {-webkit-transform: translateX(0%);}}
/*
==============================================
slideExpandUp
==============================================
*/
.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);}}
/*
==============================================
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(0);
opacity: 0.0;}
	60% {transform: scale(1.1);}
	80% {transform: scale(0.9);
opacity: 1;}	
	100% {transform: scale(1);
opacity: 1;}}
@-webkit-keyframes fadeIn {0% {-webkit-transform: scale(0);
opacity: 0.0;}
	60% {-webkit-transform: scale(1.1);}
	80% {-webkit-transform: scale(0.9);
opacity: 1;}	
	100% {-webkit-transform: scale(1);
opacity: 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%;}
@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);}}

/*
==============================================
pulse
==============================================
*/
.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;}
@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
==============================================
*/
.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;}
@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
==============================================
*/
.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;}
@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);}}
/*
==============================================
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%;}
@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%;}
@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%;}
@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%;}
@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);}}