/*
Theme Name: Cristamar Child
Theme URI:
Description: This is a child theme for Cristamar.
Author: DipDesign
Author URI: http: //www.cristamar.com.br
Template: cristamar
Version: 1.0
*/

@import url("../cristamar/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

.box-esquerda.vc_col-sm-6, .box-direita.vc_col-sm-6 {
    width: 50% !important;
display: block !important;
margin: 0 !important; 
}

.woocommerce-Price-amount.amount {
    display: none !important;
}

#menu-menu-header {margin-left: 50px;padding-top: 32px;}

.transparent_header.transparency_light #site-navigation a, .transparent_header.transparency_light #site-navigation > ul > li > a strong {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500 !important;
    font-family: 'Quicksand', sans-serif;
}

.site-tools ul li a {
  display:inline-block;
	text-align:right;
	width:30px;
	height:30px;
	overflow:hidden;
	font-size:30px;
	color:#314381;
	/*padding-top:1px;*/
	padding: 1px;
	margin: 0;
}

.site-tools ul li {
  margin: 0 12px;
}

.main-navigation > ul > li > a {
    padding: 10px 30px;
}

.menu-contato-border {

  border: 2px solid white;
  border-radius: 10px;
}

.main-navigation > ul > li.md-corr > a {
padding-right: 50px;

}

.site-header-wrapper .site-branding img {
    height: auto !important;
    width: 300px !important;
}

.main-slider h1 {
    font-size: 70px;
    text-transform: none;
    color: #fff;
    margin: 0 0 24px 0;
    line-height: 1.8em;
    letter-spacing: -1px !important;
    font-weight: bold;
    line-height: 80px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.main-slider h2 {
    font-size: 35px !important;
    font-weight: 100 !important;
    line-height: 35px !important;
    letter-spacing: 0px !important;
      font-family: 'Montserrat', sans-serif !important;
}

.main-slider-content {
    margin: 0 auto;
    padding: 40px 15px 60px 15px;
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}
.main-slider h1:after {
    display: none;
}


.main-slider-content .large-10 {
    width: 100%;
}

.main-slider a.slider_button {
font-size: 18px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    background: #ff4c4c;
    padding: 15px 60px;
    display: inline-block;
    line-height: 1.5em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    transition-property: color, background;
    float: right;
    margin-top: -70px;
    font-family: 'Quicksand', sans-serif !important;
    border-radius: 8px;
}

.main-slider-elements {
      margin-bottom: 80px;
}

.swiper-pagination-bullet-active {
    background: white;
    opacity: 1 !important;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: .2;
}

.main-slider .pagination {
    bottom: 50px;
}

.site-header-sticky {
    padding: 0;
}
.site-header-sticky .site-branding {
    padding: 5px 0 !important;
}

.site-header-sticky .site-logo {
    height: 80px;
    max-height: 80px;
}

.site-header-sticky .columns {
    padding-left: 0;
    padding-right: 0;
}


.site-header-sticky #site-navigation > ul > li > a strong {
    color: #252a5a;
    font-size: 17px;
    letter-spacing: .7px !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

#site-navigation li.current_page_item a strong {
    color: #FE4C4C !important;
}



.site-header-sticky .menu-contato-border {

  border: 2px solid #252a5a;
  border-radius: 10px;
}

.site-header-sticky .main-navigation > ul > li.md-corr > a {
padding-right: 50px;

}

#menu-menu-header-2 {
    margin-left: 40px;
    padding-top: 27px;
}

.tel-sticky, .tel-sticky a {
  width: 280px !important;
  color: #FE4C4C !important;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 500;
}

.tel-sticky a {
  padding-top: 6px !important;
}

.sticky-separator {
  color: #252a5a !important;
  font-size: 40px;
font-weight: 400 !important;
  font-family: 'Quicksand', sans-serif !important;
}

.woocommerce-cart td.product-thumbnail, .woocommerce-cart td.product-name {
    pointer-events: none !important;
}

.category-title a {
    font-size: 16px !important;
    text-transform: uppercase !important;
    line-height: 20px;
  font-family: 'Quicksand', sans-serif !important;
    font-weight: 400;
    letter-spacing: 0;
    color:#4C4C4C !important;
    margin-top:5px;
}

.product_after_shop_loop_buttons.inside-thumb {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 90;;
  width: 65px;
  height: 65px;
  background-image: url(http://cristamar.com.br/wp-content/themes/cristamar/images/add-to-cart-btn1.png) !important;
  background-repeat: no-repeat;
  overflow: visible;
}

.products a.button:before {
display: none !important;
}

.button.product_type_simple.ajax_add_to_cart {
  width: 65px;
  height: 65px;
    z-index: 999;
}

.product_after_shop_loop .product_after_shop_loop_buttons {
  display: none !important;
}

.product_wrapper h3 a {
  font-size: 17px !important;
  line-height: 20px;
font-family: 'Quicksand', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  color:#252a5a !important;
  margin-top:5px;
}

.checkout.wc-forward a:after, .checkout.wc-forward:after {
display: none !important;
}

nav.slide-from-right .widget_shopping_cart .buttons a.view_cart, nav.slide-from-right .woocommerce .widget_shopping_cart .buttons a.view_cart {
    background: transparent;
    border-radius: 8px;
    height: 55px;
    line-height: 55px;
    padding: 0;
    margin: 0 auto 20px;
    font-size: 18px !important;
  font-family: 'Quicksand', sans-serif !important;
    font-weight: 500 !important;
    width: 280px !important;
    display: block;
}

 nav.slide-from-right .widget_shopping_cart .buttons a.checkout {
    background: none !important;
    color: #FE4C4C !important;
    border: 2px solid #FE4C4C;
    border-radius: 8px;
    font-size: 18px !important;
  font-family: 'Quicksand', sans-serif !important;
    font-weight: 500 !important;
      height: 55px;
      line-height: 55px;
      padding: 0;
      margin: 0 auto 20px;
      width: 280px !important;
      display: block;
}

nav.slide-from-right .widget_shopping_cart .buttons a.view_cart:hover, nav.slide-from-right .woocommerce .widget_shopping_cart .buttons a.view_cart:hover {
    background: white !important;
    border-radius: 8px;
    height: 55px;
    line-height: 55px;
    padding: 0;
    margin: 0 auto 20px;
    font-size: 18px !important;
  font-family: 'Quicksand', sans-serif !important;
    font-weight: 500 !important;
    color:#50547b !important;
    border: 2px solid white;
}

nav.slide-from-right .widget_shopping_cart .buttons a.checkout:hover {
   background: #FE4C4C !important;
   color: white !important;
   border: 2px solid #FE4C4C;
   border-radius: 8px;
   font-size: 18px !important;
 font-family: 'Quicksand', sans-serif !important;
   font-weight: 500 !important;
     height: 55px;
     line-height: 55px;
     padding: 0;
     margin: 0 auto 20px;
}

.slide-from-right {
  background: #50547b !important;
}

.widget_shopping_cart_content p.total strong {
  display: none !important;
}

.product_thumbnail {
    border: 2px solid #ededed;
}


.botao-cta button, .botao-cta a {
  background: #FE4C4C !important;
  color: white !important;
  border: 2px solid #FE4C4C;
  border-radius: 8px !important;;
  font-size: 18px !important;
font-family: 'Quicksand', sans-serif !important;
  font-weight: 500 !important;
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 !important;
    margin: 0 auto 20px !important;
    width: 280px !important;
    display: block;
      letter-spacing: .5px;
}

.product_after_shop_loop_buttons.inside-thumb:hover {
    background-image: url(http://cristamar.com.br/wp-content/themes/cristamar/images/add-to-cart-btn-hover.png) !important;
}


.add-list-description {
  display: none;
    width: 90px;
position: absolute;
right: 63px;
bottom: 21px;
z-index: 9;
letter-spacing: 0;
color: #FE4C4C;
font-family: 'Quicksand', sans-serif !important;
font-weight: bold;
}

.inside-thumb:hover .add-list-description {
  display: block;
}

.logo-footer {
  width: 230px;
  margin-bottom:20px;
      margin-top: -32px;
}

.site-footer-widget-area p, .site-footer-widget-area li a {
  font-size: 16px !important;
font-family: 'Quicksand', sans-serif !important;
line-height: 20px;
font-weight: 300;
}

.site-footer-widget-area h3 {
  font-size: 16px !important;
font-family: 'Quicksand', sans-serif !important;
line-height: 20px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}

.site-footer-widget-area {
padding-top:30px;
}


.site-footer-widget-area .widget {
    margin-bottom: 30px;
}

#site-footer {
    padding: 40px 0 40px 0;
}

#site-footer .medium-8.columns {
  width: 100%;
}

.copyright_text {
  font-size: 12px !important;
font-family: 'Quicksand', sans-serif !important;
line-height: 12px;
text-align: center;

}


form#mc4wp-form-1 input[type="text"], form#mc4wp-form-1 input[type="email"] {
    background: transparent;
    border: 1px solid white;
    margin-bottom: 10px;
    font-weight: 400;
    height: 52px;
    color: white;
    font-family: 'Quicksand', sans-serif !important;
    margin-bottom: 20px;
}

form#mc4wp-form-1 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
form#mc4wp-form-1 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
}
form#mc4wp-form-1 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
}
form#mc4wp-form-1 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}

button.icon-submit-form {
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 117px !important;
    right: 16px !important;
    z-index: 999 !important;

}


body.post-type-archive-product .site-header-sticky {
    top: 0px !important;
}

body.post-type-archive-product .site-header-sticky.wpadminbar_onscreen.offcanvas-active, body.post-type-archive-product .site-header-sticky.offcanvas-active {
    top: -90px !important;
}

body.post-type-archive-product .top-headers-wrapper {
    display:none;
}

body.post-type-archive-product .content-area {
    padding-top: 150px;
}

.site-header-sticky.wpadminbar_onscreen.offcanvas-active, .site-header-sticky.offcanvas-active {
    top: -90px !important;
}


body.archive .site-header-sticky {
    top: 0px !important;
}

body.archive .site-header-sticky.wpadminbar_onscreen.offcanvas-active, body.archive .site-header-sticky.offcanvas-active {
    top: -90px !important;
}

body.archive .top-headers-wrapper {
    display:none;
}

body.archive .content-area {
    padding-top: 150px !important;
}


body.post-type-archive-product h2.p-em-destaque {
    text-align: center !important;
    font-family: 'Galada', cursive !important;
    font-size: 60px !important;
    color: #252a5a !important;
    letter-spacing: .5px;
    font-weight: lighter;
    width: 100%;
    border-bottom: 3px solid #d5d5d5;
    line-height: 0px;
    margin: 50px 0 80px;
}


body.post-type-archive-product h2.p-em-destaque span {
    background:#fff;
    padding:0 50px;
}


body.archive h2.p-em-destaque {
    text-align: center !important;
    font-family: 'Galada', cursive !important;
    font-size: 60px !important;
    color: #252a5a !important;
    letter-spacing: .5px;
    font-weight: lighter;
    width: 100%;
    border-bottom: 3px solid #d5d5d5;
    line-height: 0px;
    margin: 50px 0 80px;
}


body.archive h2.p-em-destaque span {
    background:#fff;
    padding:0 50px;
}


.woocommerce-breadcrumb, .woocommerce-breadcrumb a, nav.woocommerce-breadcrumb {
  color: #4C4C4C !important;
font-family: 'Quicksand', sans-serif !important;
letter-spacing: 0px !important;
font-size: 18px !important;
text-align:center !important;
font-weight:lighter;

}

.woocommerce-breadcrumb, nav.woocommerce-breadcrumb {
font-weight:bold;

}


.yith-wcbm-badge-335 {
    top: 20px !important;
}

.filters_button {
    font-size: 18px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 700 !important;
    color:#252A5A;
}

.filters_button:before {
    font-size: 25px;
    left: 0;
    top: 8px;
    font-weight: 500;
    color:#252A5A;
    width: 25px;
    height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 700 !important;
  color:#252A5A;
}

.top-side-bar-tittle {
  height: 130px;
  line-height: 130px;
  background: #252A5A;
  color:white;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 700 !important;
  text-align: center;
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

#filters-offcanvas {
    padding: 0;
}

.slide-from-left aside#text-7 {border:none !important;}


.slide-from-left aside {
    margin: 0 -30px 20px;
    padding: 0 30px;
}

.slide-from-left aside#woocommerce_product_categories-2 {
  padding: 0 0 20px 50px;
  margin: 20px 0 20px;
  border-bottom-width: 4px;
}

.slide-from-left aside#woocommerce_product_categories-2 li a {
  color:#4c4c4c;
  font-size: 16px;
  letter-spacing: 0;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.slide-from-left aside#woocommerce_product_categories-2 ul {
    list-style: disc !important;
}


.woocommerce-shipping-fields, .checkout_coupon_box, h3#order_review_heading, .shop_table.woocommerce-checkout-review-order-table, .wc_payment_methods.payment_methods.methods, .cart-collaterals {
  display: none !important
}


body.woocommerce-order-received #lista-de-produtos-row {
  display: none !important;

}


body.post-type-archive-product .woocommerce-message, body.post-type-archive-product .woocommerce-error {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
}

@-webkit-keyframes seconds {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
        left: -9999px;
      }
    }
    @keyframes seconds {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
        left: -9999px;
      }
}



.woocommerce-order-received #checkout-row {
  background: transparent !important;
  margin:30px 0 60px;
}

.woocommerce-checkout #checkout-row {
  margin:30px 0 60px;
}


.woocommerce-order-received #checkout-row .woocommerce-customer-details {
display: none;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot {
  display: none;
}

.woocommerce-order-received #checkout-row p.woocommerce-notice {
  color:#252A5A !important;
  font-size: 28px;
  letter-spacing: 0 !important;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 500;
  -webkit-font-smoothing: antialiased !important;
 -moz-osx-font-smoothing: grayscale !important;
 text-align: center !important;
 line-height: 32px;
}

img.thank_you_header_img_top, img.thank_you_header_img_bottom {
    display: none !important;
}

.woocommerce-order-received #checkout-row ul.woocommerce-order-overview {
  margin: 50px auto 0 !important;
  width: 240px;
  display: block;
  text-align: center;
}

.woocommerce-order-received #checkout-row ul.woocommerce-order-overview li {
    margin-right: 0 !important;
    padding-right:30px !important;
    text-align: center;
}

.woocommerce-order-received #checkout-row li.woocommerce-order-overview__total, .woocommerce-order-received #checkout-row li.woocommerce-order-overview__payment-method {
  display: none !important;
}

.woocommerce-order-received #checkout-row h2.woocommerce-order-details__title {
  color:#252A5A !important;
  font-size: 22px !important;
  letter-spacing: 0 !important;
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
 -moz-osx-font-smoothing: grayscale !important;
 text-align: center !important;
}


.woocommerce-order-received #checkout-row td.woocommerce-table__product-total {
    display: none !important;
}

.woocommerce-order-received #checkout-row td.woocommerce-table__product-name {
  text-align: center;
}

.woocommerce-order-received #checkout-row p.woocommerce-notice span {
  font-size: 20px !important;
  font-weight: 400 !important;
}

.woocommerce-order-received #checkout-row p.woocommerce-notice b {
      color: #FE4C4C !important;
      font-weight: 500;
        font-size: 35px !important;
        line-height: 40px;
}


.woocommerce-order-received #checkout-row .thank_you_header {
    margin:0 0 50px;
}

.botao-buscar-produto {
  background: none;

}


.slide-from-left aside#woocommerce_product_search-2 button {
  border: none !important;
  padding: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  position: relative;
  top: -42px;
  left: -30px;
}

.slide-from-left aside#woocommerce_product_search-2 [class^="getbowtied-icon-"], .slide-from-left aside#woocommerce_product_search-2 [class*=" getbowtied-icon-"] {
    font-size: 25px;
    color:#252A5A;
}


.slide-from-left aside#woocommerce_product_search-2 {
  margin: 0 -30px 0px;
  padding: 0 30px 0 100px;
  border-bottom-width: 4px;
  height: 60px;
}

.slide-from-left aside#woocommerce_product_search-2 input[type="search"] {
    background: transparent;
    border-color: transparent;
    margin-bottom: 10px;
    font-weight: 400;
}

body.home .site-header-wrapper .botao-buscar-produto {
  display:none;
}

.search-but-added .getbowtied-icon-search {
  color:white;
}

p.titulo-produto-carrinho {
color: #252A5A;
    font-size: 18px;
    letter-spacing: .5px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
  }

:-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder {
    color: white !important;
  }

  .home-hide-only-desktop {
    display: none;
  }


  /* ONLY DESKTOP */

  @media only screen
    and (min-device-width: 736px)  {
      

      .product_thumbnail {
        height: 320px !important;
        overflow: hidden !important;
      }

}


  /* ONLY OLD MOBILE DEVICES */

  @media only screen
    and (max-device-width: 330px)  {

      .mobile-menu-text {display: none !important}


}


  /* ONLY MOBILE DEVICES */
  @media only screen
    and (max-device-width: 736px)  {


      h2.p-em-destaque {
          font-size: 40px !important;
      }

      #boxes, .row-receitas-destaques {
        display: none !important;
      }

      nav.slide-from-right .widget_shopping_cart .buttons a.view_cart, nav.slide-from-right .woocommerce .widget_shopping_cart .buttons a.view_cart {
          width: 200px !important;
      }

      nav.slide-from-right .widget_shopping_cart .buttons a.checkout {
          width: 200px !important;
      }

      .main-slider-fullscreen {
          display:none;
      }

      .mobile-menu-text {
          font-size: 30px;
      }

      .site-tools ul li.mobile-menu-button .fa {
          font-size: 30px;
      }

      .site-tools ul li.mobile-menu-button a {
          width: auto;
          height: 40px;
          padding: 0px 13px;
          border: 2px solid;
          border-color: transparent;
          position: relative;
          top: 0px;
      }

      .botao-buscar-produto {
          display:none;
      }

      .tel-top .fa-phone {
          padding-top: 2px;
      }

      .site-tools ul li {
          margin: 0px 9px;
      }

      .menu-contato-border {
          border: none;
          border-radius: 0;
      }

      .mobile-navigation a {
          font-size: 30px;
          color: #fff;
          padding: 11px 20px;
          display: inline-block;
          font-family: 'Quicksand', sans-serif;
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }

      #mobile-top-bar-navigation {
          display:none;
      }

      .site-tools.site_tools_sticky {
          position: fixed;
          z-index: 999999;
          top: 0;
          width: 100%;
          margin-top: 0;
          padding: 12px 22px 0px 7px;
          background: #fff;
      }

      h2.p-em-destaque span {
          background: #fff;
          padding: 0;
      }

      .transparent_header.transparency_light .shopping_bag_items_number, .transparent_header.transparency_light .wishlist_items_number {
          background: #50547b !important;
          color: white !important;
      }

      .add-list-description {
        display: none !important;
      }

      .home-hide-only-desktop {
        display: block;
      }

      .mobile-navigation .current-menu-item > a, .mobile-navigation .current-menu-ancestor > a, .mobile-navigation .current_page_item > a, .mobile-navigation .current_page_ancestor > a {
          color: #FE4C4C !important;
      }

      .top-headers-wrapper {
        display: block !important;
      }

      .site-tools {
          position: fixed;
          z-index: 999999;
          top: 0;
          width: 100%;
          margin-top: 0;
          padding: 12px 22px 0px 7px;
          background: #fff;
      }

      .transparent_header.transparency_light .site-header, .transparent_header.transparency_light #site-navigation a, .transparent_header.transparency_light .site-header-sticky, .transparent_header.transparency_light .site-header-sticky a, .transparent_header.transparency_light .site-tools ul li a, .transparent_header.transparency_light .shopping_bag_items_number, .transparent_header.transparency_light .wishlist_items_number, .transparent_header.transparency_light .site-title a, .transparent_header.transparency_light .widget_product_search .search-but-added, .transparent_header.transparency_light .widget_search .search-but-added {
          color: #50547b;
      }

      .site-tools.site_tools_sticky ul li a {
          color: #50547b !important;
      }

      .site-content {
          padding-top: 60px;
      }

      body.post-type-archive-product .site-content {
          padding-top: 0px;
      }

      #masthead .site-branding {
        display: none;
      }

      .search-but-added .getbowtied-icon-search {
          color: #252a5a;
      }

      .site-tools.site_tools_sticky {
          position: fixed;
          z-index: 999999;
          top: 0;
          width: 100%;
          margin-top: 0;
          padding: 12px 22px 0px 7px;
          background: #fff;
      }

      body.post-type-archive-product .content-area {
          padding-top: 0px !important;
      }



  }


#products-grid li img {
    max-height: 300px;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* Style the <hr> element */
hr {
    margin: auto;
    width: 40%;
}

.cw-heart {
    height: 13px;
    margin: 0 5px -2px;
}
@-webkit-keyframes heartbeat {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@-moz-keyframes heartbeat {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@-o-keyframes heartbeat {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}
@keyframes heartbeat {
  0% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  14% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
  42% {
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
  }
}

/* Styles for old versions of IE */
.heartbeat {
  font-family: sans-serif;
  font-weight: 100;
  margin:0 5px;
}

/* :not(:required) hides this rule from IE9 and below */
.heartbeat:not(:required) {
  -webkit-animation: heartbeat 1300ms ease 0s infinite normal;
  -khtml-animation: heartbeat 1300ms ease 0s infinite normal;
  -moz-animation: heartbeat 1300ms ease 0s infinite normal;
  -ms-animation: heartbeat 1300ms ease 0s infinite normal;
  -o-animation: heartbeat 1300ms ease 0s infinite normal;
  animation: heartbeat 1300ms ease 0s infinite normal;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  -moz-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.heartbeat:not(:required):after, .heartbeat:not(:required):before {
  position: absolute;
  content: "";
  background: #ff4157;
}
.heartbeat:not(:required):before {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 4px;
  left: 0;
  width: 12px;
  height: 8px;
}
.heartbeat:not(:required):after {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  top: 0;
  left: 4px;
  width: 8px;
  height: 4px;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/