.progress,sub,sup{vertical-align:baseline}.block,.elem-left,.elem-right,article,aside,details,figcaption,figure,footer,header,hr,main,menu,nav,section,summary{display:block}hr,sub,sup{position:relative}body,figure{margin:0}button,hr,input,select{overflow:visible}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box; font-size: 100%;}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:0 0 .67em}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:50%;line-height:0}sub{bottom:-.25em}sup{top:-.45em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;border:0}button,input,select,textarea{font:inherit;line-height:initial;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button;border:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;} .clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}address {font-style: normal!important} img {max-width:100%; display: block; margin: 0 auto}.icon-gplus:before {margin-left: -1px!important}@media (min-width:1001px) {a[name]:before {height: 80px; margin-top: -80px; display: block; content: ""; visibility: hidden;}}.page_index main, .page_index > hr {display: none!important}.no-scroll-map iframe {pointer-events: none; display: block; width: 100%}.no-scroll-map.active iframe {pointer-events: auto;}.elem-left, .elem-right {margin-top:8px; margin-bottom:20px;}.elem-left {float:left; margin-right: 40px;} .elem-right {float:right; margin-left:40px;}a, *::before, *::after, img, figure, article, li, #fixed-tabs, #header, #banner, h1, h2, h3, h4, h5, h6, .btn, .btn-alt, .btn:before, .btn-alt:before,#cycle-2 .cycle-slide-active span {-webkit-transition:all .2s; -webkit-transition: all .2s; transition: all .2s;}.fix-nav header {z-index: 100}#fixed-tabs {z-index: 99}.arrow, .pager {z-index: 3}.cycle-slideshow, .cycle-slide {z-index: 1!important}.cycle-slideshow {position:relative;}.cycle-slide {right: 0; margin: 0 auto; display: none}.container, main, main #page {position: relative; width: 100%; margin: 0 auto; padding: 0 10px}.container {max-width: 1220px}main #page {max-width: 1200px; padding: 0;}*,*::before,*::after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}[class*=" icon-"]:before,[class^=icon-]:before { line-height: 1!important; display: block!important}.clearfix:before,.clearfix:after {display: table;content: " "}.clearfix:after { clear: both}.shadow { -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }img {max-width: 100%;}.elem-left, .elem-right { margin-top: 8px; margin-bottom: 2px; }.elem-left { float: left; margin-right: 15px; }.elem-right { float: right; margin-left: 15px; }.cycle-slide { z-index: 1!important; vertical-align: middle }.pager, nav { z-index: 2 }header { z-index: 99 }footer { z-index: 100 }.fixons { z-index: 101 }.flex-ed,.col-flex-ed { display: -webkit-box; display: -ms-flexbox; display: flex; }.flex-ed { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-flow: row wrap;}.col-flex-ed { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -ms-flex-flow: column;}.stretch-ed { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; max-width: 100%}.fill-ed { flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;}#fixed-tabs {position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 100000; }#fixed-tabs a { position: relative; overflow: hidden; font-size: 13px; font-family: sans-serif; color: #fff; text-transform: uppercase; -webkit-transition: width .3s; transition: width .3s; }#fixed-tabs i { font-size: 19px; }#fixed-tabs i, #fixed-tabs i:before { display: inline-block; margin: 0 auto; }#fixed-tabs em { font-size: 13px; font-style: normal; display: inline-block; text-transform: none; margin-left: 7px; }#fixed-tabs a:nth-of-type(odd) { background-color: #202f39; }#fixed-tabs a:nth-of-type(even) { background-color: #464646; }#fixed-tabs strong { font-weight: 400; }@media (min-width:1031px) { #fixed-tabs { display: none; }}@media (max-width:1030px) { #fixed-tabs { bottom: 0; width: 100%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } #fixed-tabs article { display: -webkit-box; display: -ms-flexbox; display: flex; } #fixed-tabs a { padding: 8px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #fixed-tabs i { font-size: 16px; } #fixed-tabs a span { display: inline-block; vertical-align: middle; } #fixed-tabs a span:last-child { margin-left: 7px; } footer {margin-bottom: 32px !important; }}@media (max-width:600px) { #fixed-tabs em strong { display: none; } #fixed-tabs a span:last-child {margin-left: 0;}}body { position: relative; background-color: #f5f5f5; text-align: center;}p {font: 400 17px/1.4117 'Lato', sans-serif; color: #545454;}a { display: inline-block; text-decoration: none; cursor: pointer}#responsive-nav, header, footer { line-height: 1 }h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', sans-serif; font-weight: 700;}h1 { margin: 0; text-align: center; color: white; font-size: 56px; line-height: 1.15;}h2 { color: #2a5570; text-align: left; font-size: 45px; line-height: 52px;}h3 { font-size: 32px; line-height: 1.41; }h4 { font-size: 28px; line-height: 1.41; }header { position: relative; -webkit-box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35); box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35); padding: 10px; background-color: #fff;}header > div { max-width: 1300px; margin: auto; width: 100%; padding-bottom: 10px;}.fix-nav header { position: fixed; width: 100%; left: 0; top: 0; right: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideIn; animation-name: slideIn;}header .flex-ed { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}header address { text-align: right; font-family: 'Roboto', sans-serif; font-weight: 400;}address a{ display: block; text-align: right; }.address { color: #000; font-size: 20px; line-height: 1.25; font-weight: 400;}.phone { color: #c09f7e; font-size: 39px; line-height: 1.1;}.address:hover { color: #c09f7e; }.phone:hover { color: #446278;}.btn, .btn-alt { cursor: pointer; position: relative; display: inline-block; margin: 3px auto; padding: 15px 20px; color: #fff; border-radius: 30px; border: 2px solid #fff; font: 400 17px/.9 'Lato', sans-serif; transition: border .3s; background-color: #28545d; background-image: linear-gradient(to bottom, #3f5c71 0%, #22333e 100%); box-shadow: -2.4px 1.8px 7px rgba(2, 2, 2, 0.38); text-shadow: -2.4px 1.8px 7px rgba(12, 13, 13, 0.29);}.btn:hover, .btn-alt:hover { background-image: linear-gradient(to top, #3f5c71 0%, #22333e 100%); border: 2px solid #22333e;}.btn span, .btn-alt span { font-weight: 700; text-transform: uppercase; }.btn-alt { padding: 15px 50px 15px 20px; }.btn-alt:after { content: ''; height: 25px; width: 25px; background: url(assets/images/lp-btn-arrow.png) no-repeat; background-size: 18px 18px; position: absolute; top: 14px; right: 15px;}.split { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.split article { margin: 10px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1;}.split figure img{ position: relative; border: 3px solid white; box-shadow: 0.5px 0.9px 7px rgba(0, 0, 0, 0.7), inset 2.3px 2px 7px rgba(2, 2, 2, 0.1);}.even figure { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 20px; }#banner { background-image: url('assets/images/lp-new-patient-banner-bkgrd.jpg'); background-size: cover;}#banner figure {position: relative; padding-top: 30px; padding-bottom: 38px; display: table; margin: auto; }#banner .caption { position: absolute; bottom: 45px; left: -80px; margin: auto; width: 270px; padding: 5px; background-color: #2f2f2f; font: 700 17px/20px 'Raleway', sans-serif; color: white; text-transform: uppercase;}#banner .caption:hover {background-color: #525151;}#personalized { position: relative; margin: auto; margin-top: -40px; max-width: 1040px; background-color: #202f39; background: url('assets/images/lp-new-patient-texture.jpg'); box-shadow: 2.3px 2px 12px rgba(2, 2, 2, 0.35); padding: 30px 10px;}#stamp { position: absolute; z-index: 2; top: -100px; right: -100px;}#personalized h1 {position: relative; text-transform: none; margin-bottom: 10px; line-height: .9; }.border-box:before { content: ''; position: absolute; left: 0; bottom: 0; margin-bottom: 20px; margin-left: 20px; display: inline-block; height: 85%; width: 110px; border-top: 5px solid #4a6f88; border-left: 5px solid #4a6f88; border-bottom: 5px solid #4a6f88;}.border-box:after { content: ''; position: absolute; right: 0; bottom: 0; margin-bottom: 20px; margin-right: 20px; display: inline-block; height: 85%; width: 110px; border-top: 5px solid #4a6f88; border-right: 5px solid #4a6f88; border-bottom: 5px solid #4a6f88;}.list {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; text-align: left; }.list ul { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 900px; margin: auto;}.list ul li { display: inline-block; width: 100%; color: white; max-width: 430px; text-shadow: -2.4px 1.8px 7px rgba(2, 2, 2, 0.31); font: 300 28px/38px 'Lato', sans-serif; background: url('assets/images/lp-new-patient-check.png') top left no-repeat; background-position: 0 18px; padding-left: 35px; padding-top: 10px;}#personalized p { font-size: 20px; line-height: 28px; color: white; max-width: 1000px; padding: 0 40px; text-align: left;}#dentist {max-width: 1200px; margin: 30px auto; padding: 0 10px; justify-content: center; -ms-flex-wrap: nowrap;flex-wrap: nowrap; }#dentist article {text-align: left; flex: 0 1 500px;}#dentist article h2 {margin: 0;}#dentist figure {flex: 1 1 450px; position: relative; max-width: 400px; }#dentist figure > div {position: relative; display: table; margin: auto;}#dentist .caption {color: white; font: 700 18px/1 'Montserrat;', sans-serif; margin-top: 20px; text-transform: uppercase;text-shadow: -2.4px 1.8px 7px rgba(12, 13, 13, 0.83); position: absolute; bottom: 10px; left: 10px;}#reviews {background-color: white; padding: 30px 0;}#review-container { background-color: #333332; -webkit-box-shadow: 2.3px 2px 7px rgba(2, 2, 2, 0.35); box-shadow: 2.3px 2px 7px rgba(2, 2, 2, 0.35); max-width: 950px; color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0;}#facebook { background-color: #2a5570; flex: 1 1; align-self: stretch;}#facebook >div {margin-top: 15px; padding: 5px 10px;}#facebook p { text-shadow: 0 1px 1px black; color: white; font-size: 20px; line-height: 1.25; display: block;}.comment { -webkit-box-flex: 1; -ms-flex: 1 1 780px; flex: 1 1 780px; padding: 0 20px; text-align: left; margin: auto;}.comment p {font: 400 italic 18px/24px 'Lato', sans-serif; text-shadow: 0.5px 0.9px 3px black; margin-bottom: 10px; color: white;}.comment .caption2 { float: right; font: 700 normal 18px/1 'Arial', sans-serif; margin: 5px 0 10px;;}#practice { padding: 10px 15px 50px; background-color: #f2faff; }#practice h2, #practice p { text-align: left; margin: auto;max-width: 950px; }#practice h2 {margin-bottom: 10px;}#practice p {margin-bottom: 20px;}#practice .container {max-width: 1200px; padding-top: 20px; }#practice .flex-ed {justify-content: center; max-width: 950px; margin: auto;}#practice img {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-box-shadow: 2.3px 2px 7px rgba(2, 2, 2, 0.35);box-shadow: 2.3px 2px 7px rgba(2, 2, 2, 0.35);}footer { padding: 20px 0 0; background-color: #2d2c2c; background: url(assets/images/lp-new-patient-footer-bkgrd.jpg); -webkit-box-shadow: 0 5px 11px rgba(12, 10, 10, 0.5); box-shadow: 0 5px 11px rgba(12, 10, 10, 0.5);}footer .split { -ms-flex-pack: distribute; justify-content: space-around; max-width: 1040px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}footer h2{ text-shadow: -2.4px 1.8px 7px rgba(1, 1, 1, 0.45); font: 600 68px/1.2 'Oswald', sans-serif; color: white; text-transform: uppercase; text-align: center; margin: 0 auto 20px;}footer article { background-color: #28545d; background-image: linear-gradient(to bottom, #3f5c71 0%, #22333e 100%); border: 2px solid white; box-shadow: 2.3px 2px 7px rgba(2, 2, 2, 0.38); padding: 0 25px 20px;}footer article p { text-shadow: 1px 1.7px 9px rgba(0, 0, 0, 0.52); color: white; text-align: center; font: 700 33px/1.2 'Lato', sans-serif; margin-bottom: 10px; text-transform: uppercase;}footer article p big:first-child { font-size: 39px; }footer article p small {font-size: 24px; line-height: 29px;}footer article:hover .icon-phone {-webkit-transform: scale(1.2);transform: scale(1.2);}footer article:hover p big {color: #a5a5a5; }.icon-phone { display: inline-block; font-size: 33px; margin-left: -30px;}.star:before {font-size: 1.5em;font-family:'fontello';font-weight: 400; margin:0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #fed641; padding-right: 10px; text-shadow: 1px 1.7px 9px rgba(0, 0, 0, 0.52);}footer figure { margin-top: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 540px; flex: 0 1 540px; color: white; }footer figure iframe {max-width: 620px;}footer .frame {border: 2px solid #deb388; margin-bottom: 20px;}footer .frame iframe {display: block;}footer figure img:hover { -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);}figcaption { margin-top: -20px; text-align: center;}figcaption p {font: 300 20px/1 "Source Sans Pro", sans-serif; text-transform: uppercase; text-shadow: 1px 1.7px 5px rgba(0, 0, 0, 0.7);color: white;}figcaption strong { margin-top: 0px; font-weight: 600; display: block;}figcaption:hover p{ color: #a2d2f4; }.copy {margin-top: 20px; padding: 30px 10px; }.copy,.copy a { background-color: #1d1d1d; margin: auto; text-transform: uppercase; font: 400 12px/1.1 'Source Sans Pro', sans-serif; color: white;}.copy p {max-width: 850px; margin: auto; padding-top: 20px; font: 400 12px/1.1 'Source Sans Pro', sans-serif; color: white;}.copy a:hover { color: #a2d2f4; }#lp-appointment-form { max-width: 850px;padding: 10px; margin: 20px auto;}#lp-appointment-form .wrapper { max-width: 800px; margin: 10px auto; text-align: center; padding: 10px;}#lp-appointment-form h1 {font-size: 50px; margin: 10px auto 40px; color: #2a5570;}#lp-appointment-form .wrapper p {max-width: 650px; margin: auto; margin-bottom: 30px;}#lp-appointment-form .simple { margin: 40px auto 20px; max-width: 550px; padding-right:3px; }#lp-appointment-form .submitBtn {text-align: center; width: 200px; margin: 20px auto; display: table; text-transform: uppercase;}#lp-appointment-form label {display: none;}input[type=text], input[type=email], textarea { border: 0; width: calc(100% - 2px); margin: 10px 1px 10px 0; padding: 15px 10px; box-shadow: -8px 10px 0px -7px #ebebeb, 8px 10px 0px -7px #ebebeb; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}button:focus {outline: none; outline: ridge; outline-width: thin; outline-color: #2a5570;}textarea {height: 120px;}input[type=text]:focus, input[type=email]:focus, textarea:focus { outline: none; box-shadow: -8px 10px 0px -7px #2a5570, 8px 10px 0px -7px #2a5570;}@media (max-width: 1280px) {#stamp { right: -60px; } }@media (max-width: 1160px) { #stamp { right: 10px; top: -180px; } #dentist article h2, h2, #practice h2 {font-size: 45px;}}@media (max-width: 1130px) { #stamp { top: -200px;}}@media(max-width: 1010px) { header address { display: none;} header .btn-alt {margin: 0;} #banner {padding-top: 30px;} #stamp img {max-width: 200px;} #practice h2 {text-align: center;} #banner {margin-top: -50px;}}@media(max-width: 1000px) { header .flex-ed {justify-content: space-around;} #dentist article {padding: 10px;}#dentist {display: block;} #dentist figure {margin: auto; max-width: 600px;}h2 {text-align: center;}.border-box:after, .border-box:before {width: 50px;}}@media(max-width: 950px) { .list ul {max-width: 490px;} #practice .flex-ed {justify-content: space-around;} #facebook p, #facebook p img {display: inline-block; vertical-align: middle; margin: 5px 5px 10px;} #facebook >div {margin-top: 10px;}#patients {display: block;}footer h2 {font-size: 50px;}}@media(max-width: 850px) { #personalized h1 {font-size: 48px;} #banner .caption { right: 0; left: 0;}}@media (max-width: 790px) { #personalized {margin-top: -40px;} #banner .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } #stamp {position: static; display: inline-block; margin-top: -10px; margin-bottom: 20px;} .border-box:before, .border-box:after {height: 68%;} #personalized .list { max-width: 750px; margin: 30px auto 20px;} footer h2 { font-size: 42px; } footer article { margin-bottom: 30px;}}@media (max-width: 700px) { header .flex-ed {display: block;} header .btn-alt {display: table; margin: 20px auto 0;} #personalized h1 {font-size: 36px;} #dentist article {padding: 0;} #facebook >div {margin-top: 10px;} #facebook p {margin-bottom: 0;} #reviews {padding: 0;} .comment .caption2 {margin-top: 0;} #practice img {margin: 10px auto;}}@media (max-width: 600px) { header .flex-ed, .address, .phone {display: block; text-align: center;} #personalized h1 {font-size: 32px; } h2, #practice h2, #patients h2 {text-align: center; font-size: 36px; line-height: 1.2; margin-top: 10px;} h2 span {font-size: 26px;} #hours > div {text-align: left; max-width: 250px; } #hours em {float: right;} #hours strong {display: block; text-align: center;} #hours span {display: block; visibility: hidden; font-size: 1px; line-height: .5; } #dentist {padding-top: 10px;} #personalized {padding: 20px 10px;} .border-box:before, .border-box:after {display: none;} .list ul li {font-size: 24px;} .even figure {margin: 0 auto;} .bkgrd { margin-top: -20px; } #personalized p { padding: 0 10px; } footer h2 {font-size: 40px; margin-top: 0;} footer article {padding-top: 20px;} footer article p { font-size: 32px; margin-top: 5px;} .icon-phone {font-size: 30px;} footer article p big {line-height: 1;} footer split {display: block;} footer .frame {max-width: 98%; margin: auto;} footer .frame iframe {max-width: 100%;} figcaption {margin-top: 0;} .copy {line-height: .5; padding: 30px 10px 20px;} .copy span {display: block; visibility: hidden;}}@media (max-width: 500px) { .list ul {padding-left: 10px;}}@media (max-width: 400px) { header .btn-alt {font-size: 14px;} #personalized {padding: 20px 10px; } #personalized p, figcaption p {font-size: 18px;} .list ul {padding-left: 10px; max-width: 360px;} .list ul li {font-size: 20px;} .comment .caption2 {font-size: 15px;} #dentist, #patients {margin-top: 20px; } #dentist article h2, h2, #practice h2 {font-size: 28px;} #practice h2 {font-size: 28px;} footer {overflow: hidden;} footer h2 {font-size: 30px; margin-bottom: 0;} footer article {-webkit-transform: scale(.90);transform: scale(.90); margin-bottom: 0; padding: 20px;} footer article p bold {font-size: 30px;} footer article p big {font-size: 32px;} #lp-appointment-form h1 {font-size: 36px;}}@media (max-width: 360px) { #personalized li {font-size: 16px; line-height: 1; padding-bottom: 5px;} .list ul {padding-left: 20px;} .list ul li {background-position: 5px 7px; background-size: 20px;} #dentist article h2, #practice h2 {font-size: 24px;}} .animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes slideIn{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideIn{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}