/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url(css/font-awesome.css);

@font-face {
    font-family: "SVN-Gilroy";
    src: url('fonts/SVN-Gilroy.otf');
}

@font-face {
    font-family: "SVN-Gilroy-Medium";
    src: url('fonts/SVN-Gilroy-Medium.otf');
}

@font-face {
    font-family: "SVN-Gilroy-Bold";
    src: url('fonts/SVN-Gilroy-Bold.otf');
}

@font-face {
    font-family: "UTM AVO BOLD";
    src: url('fonts/UTM-AVOBOLD.TTF');
}

@font-face {
    font-family: "Georgia";
    src: url('fonts/georgia-ballpark-script.ttf');
}

@font-face {
    font-family: "UTM AQUARELLE";
    src: url('fonts/UTM-AQUARELLE.TTF');
}

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --color-primary: #e31c79
}

body {
    font-size: 15px !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}
.box-text {
    font-size: 15px !important;
}
/* h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "UTM AVO BOLD", sans-serif !important;
} */

/* .heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.nav>li>a {
    font-family: 'SVN-Gilroy-Medium', sans-serif !important;
    font-weight: 600 !important;
} */

.font-aquerelle {
    font-family: "UTM AQUARELLE", sans-serif !important;
}


.row_after_slide {
    margin-top: -50px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
}

.box_icon_vertical {
    align-items: center;
}

.skb_icon_box {
    padding: 15px 25px 15px 35px;
    border-radius: 99px;
    align-items: center;
    text-align: left !important;
    color: #fff;
    position: relative;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.skb_icon_box:hover {
    transform: scale(1.1);
}
.skb_icon_box.item_01, .skb_icon_box.item_03 {
    background-color: #0066b3;
}

.skb_icon_box.item_02, .skb_icon_box.item_04 {
    background-color: #14b3cc;
}

.skb_icon_box.item_02, .skb_icon_box.item_03 {
    right: -50px;
}
.skb_icon_box::before {
    height: 60px;
    width: 60px;
    border-radius: 50px;
    background-color: #ef7f2c;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.skb_icon_box.item_01::before {
    content: "01";
}
.skb_icon_box.item_02::before {
    content: "02";
}
.skb_icon_box.item_03::before {
    content: "03";
}
.skb_icon_box.item_04::before {
    content: "04";
}

.skb_icon_box p, .skb_icon_box h3 {
    margin-bottom: 0;
}

.skb_icon_box p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.box_circle {
    width: 250px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    flex-direction: column;
    text-align: center;
    background: #ffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 150px;
    position: relative;
}

.box_circle h2 {
    text-transform: uppercase;
    font-size: 24px;
    color: #0066b3;
    text-align: center;
    margin-bottom: 0;
}

.box_circle p {
    margin-bottom: 0px;
    font-size: 16px;
}

.box_circle .top_right {
    position: absolute;
    z-index: -1;
    background: #14b3cc;
    height: 150px;
    width: 150px;
    right: -25px;
    top: -25px;
    border-radius: 0 150px 0 0;
}

.box_circle .bottom_right {
    position: absolute;
    z-index: -1;
    background: #0066b3;
    height: 150px;
    width: 150px;
    right: -25px;
    bottom: -25px;
    border-radius: 0 0 150px 0;
}
.box_circle .big_circle {
    height: 450px;
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    border-right: 2px dashed #0066b3;
}
.box_circle .big_circle::before {
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 20px;
    background-color: #0066b3;
    opacity: 0.5;
    position: absolute;
    top: -8px;
    left: calc(50% - 8px);
}
.box_circle .big_circle::after {
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 20px;
    background-color: #0066b3;
    opacity: 0.5;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
}

.box_circle .big_circle .dot1 {
    position: absolute;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    right: 15.80%;
    top: 9.80%;
    background-color: #0066b3;
    z-index: 1;
}

.box_circle .big_circle .dot2 {
    position: absolute;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    right: 0.80%;
    top: 32.80%;
    background-color: #0066b3;
    z-index: 1;
}

.box_circle .big_circle .dot3 {
    position: absolute;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    right: 0.80%;
    bottom: 32.80%;
    background-color: #0066b3;
    z-index: 1;
}

.box_circle .big_circle .dot4 {
    position: absolute;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    right: 15.80%;
    bottom: 9.80%;
    background-color: #0066b3;
    z-index: 1;
}

.about_box {
    align-items: center;
    margin-bottom: 10px;
}
.about_box h2 {
    margin-bottom: 0;
}

.blog_home .box-text-inner h5.post-title{
    color: #333;
    text-shadow: none;
}

.partner .gallery-col .col-inner {
    border: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer__info {
    margin: 0;
    padding: 0 !important;
}
.footer__info li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 400;
    padding-top: 0 !important;
    font-size: 16px;
    list-style: none;
    margin-left: 0px !important;
}
.footer__info.page-contact li{
    color: #333;
}
.footer__info li:before{
    content: "";
    width: 18px;
    height: 18px;
    top:6px;

    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
}
.footer__info li.building:before {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20viewBox%3D%220%200%2024%2024%22%20class%3D%22%22%20fill%3D%22rgba(237%2C%20208%2C%20106%2C%201)%22%3E%20%3Cpath%20d%3D%22M19%2C15H17V13H19M19%2C19H17V17H19M13%2C7H11V5H13M13%2C11H11V9H13M13%2C15H11V13H13M13%2C19H11V17H13M7%2C11H5V9H7M7%2C15H5V13H7M7%2C19H5V17H7M15%2C11V5L12%2C2L9%2C5V7H3V21H21V11H15Z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
}
.footer__info li.lcoation:before {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20viewBox%3D%220%200%201049.8953%201896.0833%22%20class%3D%22%22%20fill%3D%22rgba(237%2C%20208%2C%20106%2C%201)%22%3E%20%3Cpath%20d%3D%22M768%20640q0-106-75-181t-181-75-181%2075-75%20181%2075%20181%20181%2075%20181-75%2075-181zm256%200q0%20109-33%20179l-364%20774q-16%2033-47.5%2052t-67.5%2019-67.5-19-46.5-52L33%20819Q0%20749%200%20640q0-212%20150-362t362-150%20362%20150%20150%20362z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
}
.footer__info li.global:before {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20viewBox%3D%220%200%201536%201896.0833%22%20class%3D%22%22%20fill%3D%22rgba(237%2C%20208%2C%20106%2C%201)%22%3E%20%3Cpath%20d%3D%22M768%20128q209%200%20385.5%20103T1433%20510.5%201536%20896t-103%20385.5-279.5%20279.5T768%201664t-385.5-103T103%201281.5%200%20896t103-385.5T382.5%20231%20768%20128zm274%20521q-2%201-9.5%209.5T1019%20668q2%200%204.5-5t5-11%203.5-7q6-7%2022-15%2014-6%2052-12%2034-8%2051%2011-2-2%209.5-13t14.5-12q3-2%2015-4.5t15-7.5l2-22q-12%201-17.5-7t-6.5-21q0%202-6%208%200-7-4.5-8t-11.5%201-9%201q-10-3-15-7.5t-8-16.5-4-15q-2-5-9.5-10.5T1112%20484q-1-2-2.5-5.5t-3-6.5-4-5.5-5.5-2.5-7%205-7.5%2010-4.5%205q-3-2-6-1.5t-4.5%201-4.5%203-5%203.5q-3%202-8.5%203t-8.5%202q15-5-1-11-10-4-16-3%209-4%207.5-12t-8.5-14h5q-1-4-8.5-8.5T1002%20438t-13-6q-8-5-34-9.5t-33-.5q-5%206-4.5%2010.5t4%2014T925%20459q1%206-5.5%2013t-6.5%2012q0%207%2014%2015.5t10%2021.5q-3%208-16%2016t-16%2012q-5%208-1.5%2018.5T914%20584q2%202%201.5%204t-3.5%204.5-5.5%204-6.5%203.5l-3%202q-11%205-20.5-6T863%20570q-7-25-16-30-23-8-29%201-5-13-41-26-25-9-58-4%206-1%200-15-7-15-19-12%203-6%204-17.5t1-13.5q3-13%2012-23%201-1%207-8.5t9.5-13.5.5-6q35%204%2050-11%205-5%2011.5-17t10.5-17q9-6%2014-5.5t14.5%205.5%2014.5%205q14%201%2015.5-11t-7.5-20q12%201%203-17-5-7-8-9-12-4-27%205-8%204%202%208-1-1-9.5%2010.5T801%20346t-16-5q-1-1-5.5-13.5T770%20314q-8%200-16%2015%203-8-11-15t-24-8q19-12-8-27-7-4-20.5-5t-19.5%204q-5%207-5.5%2011.5t5%208T681%20303t11.5%204%208.5%203q14%2010%208%2014-2%201-8.5%203.5T689%20332t-6%204q-3%204%200%2014t-2%2014q-5-5-9-17.5t-7-16.5q7%209-25%206l-10-1q-4%200-16%202t-20.5%201-13.5-8q-4-8%200-20%201-4%204-2-4-3-11-9.5t-10-8.5q-46%2015-94%2041%206%201%2012-1%205-2%2013-6.5t10-5.5q34-14%2042-7l5-5q14%2016%2020%2025-7-4-30-1-20%206-22%2012%207%2012%205%2018-4-3-11.5-10T498%20339t-15-5q-16%200-22%201-146%2080-235%20222%207%207%2012%208%204%201%205%209t2.5%2011%2011.5-3q9%208%203%2019%201-1%2044%2027%2019%2017%2021%2021%203%2011-10%2018-1-2-9-9t-9-4q-3%205%20.5%2018.5T308%20685q-7%200-9.5%2016t-2.5%2035.5-1%2023.5l2%201q-3%2012%205.5%2034.5T324%20815q-13%203%2020%2043%206%208%208%209%203%202%2012%207.5t15%2010%2010%2010.5q4%205%2010%2022.5t14%2023.5q-2%206%209.5%2020t10.5%2023q-1%200-2.5%201t-2.5%201q3%207%2015.5%2014t15.5%2013q1%203%202%2010t3%2011%208%202q2-20-24-62-15-25-17-29-3-5-5.5-15.5T421%20915q2%200%206%201.5t8.5%203.5%207.5%204%202%203q-3%207%202%2017.5t12%2018.5%2017%2019%2012%2013q6%206%2014%2019.5t0%2013.5q9%200%2020%2010t17%2020q5%208%208%2026t5%2024q2%207%208.5%2013.5t12.5%209.5l16%208%2013%207q5%202%2018.5%2010.5T642%201168q10%204%2016%204t14.5-2.5%2013.5-3.5q15-2%2029%2015t21%2021q36%2019%2055%2011-2%201%20.5%207.5t8%2015.5%209%2014.5%205.5%208.5q5%206%2018%2015t18%2015q6-4%207-9-3%208%207%2020t18%2010q14-3%2014-32-31%2015-49-18%200-1-2.5-5.5t-4-8.5-2.5-8.5%200-7.5%205-3q9%200%2010-3.5t-2-12.5-4-13q-1-8-11-20t-12-15q-5%209-16%208t-16-9q0%201-1.5%205.5t-1.5%206.5q-13%200-15-1%201-3%202.5-17.5t3.5-22.5q1-4%205.5-12t7.5-14.5%204-12.5-4.5-9.5-17.5-2.5q-19%201-26%2020-1%203-3%2010.5t-5%2011.5-9%207q-7%203-24%202t-24-5q-13-8-22.5-29t-9.5-37q0-10%202.5-26.5t3-25T652%20986q3-2%209-9.5t10-10.5q2-1%204.5-1.5t4.5%200%204-1.5%203-6q-1-1-4-3-3-3-4-3%207%203%2028.5-1.5T735%20951q15%2011%2022-2%200-1-2.5-9.5T754%20926q5%2027%2029%209%203%203%2015.5%205t17.5%205q3%202%207%205.5t5.5%204.5%205-.5%208.5-6.5q10%2014%2012%2024%2011%2040%2019%2044%207%203%2011%202t4.5-9.5%200-14T887%20982l-1-8v-18l-1-8q-15-3-18.5-12t1.5-18.5%2015-18.5q1-1%208-3.5t15.5-6.5%2012.5-8q21-19%2015-35%207%200%2011-9-1%200-5-3t-7.5-5-4.5-2q9-5%202-16%205-3%207.5-11t7.5-10q9%2012%2021%202%207-8%201-16%205-7%2020.5-10.5t18.5-9.5q7%202%208-2t1-12%203-12q4-5%2015-9t13-5l17-11q3-4%200-4%2018%202%2031-11%2010-11-6-20%203-6-3-9.5t-15-5.5q3-1%2011.5-.5t10.5-1.5q15-10-7-16-17-5-43%2012zm-163%20877q206-36%20351-189-3-3-12.5-4.5t-12.5-3.5q-18-7-24-8%201-7-2.5-13t-8-9-12.5-8-11-7q-2-2-7-6t-7-5.5-7.5-4.5-8.5-2-10%201l-3%201q-3%201-5.5%202.5t-5.5%203-4%203%200%202.5q-21-17-36-22-5-1-11-5.5t-10.5-7-10-1.5-11.5%207q-5%205-6%2015t-2%2013q-7-5%200-17.5t2-18.5q-3-6-10.5-4.5t-12%204.5-11.5%208.5-9%206.5-8.5%205.5-8.5%207.5q-3%204-6%2012t-5%2011q-2-4-11.5-6.5t-9.5-5.5q2%2010%204%2035t5%2038q7%2031-12%2048-27%2025-29%2040-4%2022%2012%2026%200%207-8%2020.5t-7%2021.5q0%206%202%2016z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
}
.footer__info li.email:before {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20viewBox%3D%220%200%2024%2024%22%20class%3D%22%22%20fill%3D%22rgba(237%2C%20208%2C%20106%2C%201)%22%3E%20%3Cpath%20d%3D%22M20%2C18H18V9.25L12%2C13L6%2C9.25V18H4V6H5.2L12%2C10.25L18.8%2C6H20M20%2C4H4C2.89%2C4%202%2C4.89%202%2C6V18A2%2C2%200%200%2C0%204%2C20H20A2%2C2%200%200%2C0%2022%2C18V6C22%2C4.89%2021.1%2C4%2020%2C4Z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
}
.footer__info li.hotline:before {
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%20viewBox%3D%220%200%2024%2024%22%20class%3D%22%22%20fill%3D%22rgba(237%2C%20208%2C%20106%2C%201)%22%3E%20%3Cpath%20d%3D%22M15%2C12H17A5%2C5%200%200%2C0%2012%2C7V9A3%2C3%200%200%2C1%2015%2C12M19%2C12H21C21%2C7%2016.97%2C3%2012%2C3V5C15.86%2C5%2019%2C8.13%2019%2C12M20%2C15.5C18.75%2C15.5%2017.55%2C15.3%2016.43%2C14.93C16.08%2C14.82%2015.69%2C14.9%2015.41%2C15.18L13.21%2C17.38C10.38%2C15.94%208.06%2C13.62%206.62%2C10.79L8.82%2C8.59C9.1%2C8.31%209.18%2C7.92%209.07%2C7.57C8.7%2C6.45%208.5%2C5.25%208.5%2C4A1%2C1%200%200%2C0%207.5%2C3H4A1%2C1%200%200%2C0%203%2C4A17%2C17%200%200%2C0%2020%2C21A1%2C1%200%200%2C0%2021%2C20V16.5A1%2C1%200%200%2C0%2020%2C15.5Z%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
}

.archive_left > .col-inner {
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.12);
    padding: 15px;
}
.archive_right > .widget-area {
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.12);
    padding: 15px;
}

.archive_right .badge {
    height: 75px;
    width: 75px;
}

.archive_right .recent-blog-posts-li a {
    font-size: 15px;
    font-weight: bold;
}

.shop-container .content-row {
    background-color: #fff;
}
#product-sidebar {
    padding-top: 30px;
}

.btn_action {
    position: fixed;
    bottom: 40%;
    left: calc(100% - 114px);
    background: #0066b3;
    color: #fff;
    z-index: 99;
    transform: rotate(90deg);
    white-space: nowrap;
}
.btn_action:hover {
    background: #ed8031;
}
.btn_action a {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

@media only screen and (max-width: 64em) {

    /*************** ADD TABLET ONLY CSS HERE  ***************/
    
}


@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .row_after_slide {
        margin-top: unset;
    }
    .box_circle{
        margin: 0 auto;
    }
    .skb_icon_box {
        padding-left: 65px;
    }
    .skb_icon_box::before {
        left: -10px;
    }
    .skb_icon_box p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .skb_icon_box.item_02, .skb_icon_box.item_03 {
        right: unset;
    }
}

table {
  border-collapse: collapse;
}
table {
  border-color: #ececec;
  border-spacing: 0;
  margin-bottom: 1em;
  width: 100%;
}
.tableWrap thead tr th {
  position: sticky;
  top: 0;
}
.opening-schedule-table table thead th {
  padding: 15px 0px;
}
.opening-schedule-table table thead th {
  background: #f6851f;
  text-align: center;
  color: white;
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.431;
  text-align: center;
  border: 1px solid white;
}
.opening-schedule-table table tbody td {
  padding: 15px;
  border: 1px solid #ececec;
	text-align: center;
}

.opening-schedule-table table tbody td a.register-selected {
	background: #f6851f;
	  border-radius: 5px;
	  border: 1px solid #f6851f;
	  padding: 10px 15px;
	  color: white;
	  text-transform: uppercase;
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1;
    }

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

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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