/*
Theme Name: SOGO Child
Theme URI: http://sogo.co.il/
Template:   sogo
Author: Oren Havshush
Author URI: https://sogo.co.il/
Description: SOGO child theme
Version: 1.2
License: Commercial Use only
License URI: Commercial Use only
Text Domain: sogo
*/
/* reset.less */
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html,
body,
div,
span,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
abbr,
address,
cite,
code,
del,
em,
img,
ins,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  line-height: 1;
}
a:hover {
  text-decoration: none;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
blockquote {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  max-width: 100%;
}
/* file name fonts.less */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100;
  src: local('Heebo Thin'), local('Heebo-Thin'), url(https://fonts.gstatic.com/s/heebo/v4/NGS0v5_NC0k9P9mVfbFrsA.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: local('Heebo Light'), local('Heebo-Light'), url(https://fonts.gstatic.com/s/heebo/v4/NGS3v5_NC0k9P9ldb6ROkKs.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v4/NGS6v5_NC0k9P9H0TbQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: local('Heebo Medium'), local('Heebo-Medium'), url(https://fonts.gstatic.com/s/heebo/v4/NGS3v5_NC0k9P9kFbqROkKs.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v4/NGS3v5_NC0k9P9lNaKROkKs.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'), url(https://fonts.gstatic.com/s/heebo/v4/NGS3v5_NC0k9P9lRa6ROkKs.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: local('Heebo Black'), local('Heebo-Black'), url(https://fonts.gstatic.com/s/heebo/v4/NGS3v5_NC0k9P9l1aqROkKs.ttf) format('truetype');
}
@font-face {
  font-family: 'Mastik Regular';
  font-style: normal;
  font-weight: normal;
  src: local('mastik regular'), local('mastikregular'), url(fonts/mastikregularwebfont.woff) format('woff');
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?ki4hsy');
  src: url('fonts/icomoon.eot?ki4hsy#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?ki4hsy') format('truetype'), url('fonts/icomoon.woff?ki4hsy') format('woff'), url('fonts/icomoon.svg?ki4hsy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
  content: "e900";
}
.icon-youtube:before {
  content: "e901";
}
.icon-avatar:before {
  content: "e902";
}
.icon-agala:before {
  content: "e903";
}
.icon-search:before {
  content: "e904";
}
.icon-hazaat_mehir:before {
  content: "e905";
}
.icon-google_plus:before {
  content: "e906";
}
.icon-close:before {
  content: "e907";
}
.icon-arrow_down:before {
  content: "\e908";
}
.icon-arrow_up:before {
  content: "\e909";
}
.icon-arrow_left:before {
  content: "\e90a";
}
.icon-check:before {
  content: "\e90b";
}
.icon-telephone:before {
  content: "\e90c";
}
.icon-clock:before {
  content: "\e90d";
}
.icon-location:before {
  content: "\e90e";
}
.icon-manager:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e910";
}
.icon-plus:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-circle:before {
  content: "\e913";
}
.icon-erase:before {
  content: "\e914";
}
.icon-lock:before {
  content: "\e915";
}
.icon-azmanot_kodmot:before {
  content: "\e916";
}
.icon-social_media:before {
  content: "\e917";
}
.icon-mail:before {
  content: "\e918";
}
.icon-sidur_ishi:before {
  content: "\e919";
}
.icon-dojot:before {
  content: "\e91a";
}
.icon-catalogue:before {
  content: "\e91b";
}
/* mixin.less */
/* end mixin.less */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 0 auto 0 auto;
}
.alignright {
  float: right;
  margin: 25px 0 20px 30px;
}
.alignleft {
  float: none;
  margin: 25px 30px 20px 0;
}
@media (min-width: 992px) {
  .alignleft {
    float: left;
  }
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  max-width: 100%;
  /* Image does not overflow the content area */
  padding: 5px 3px 23px;
  text-align: center;
}
.wp-caption-text {
  padding-top: 15px;
  font-size: 18px;
  color: #111111;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/*  variables.less  */
/* classes.less */
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.d-none {
  display: none !important;
}
.text-left {
  text-align: left;
}
.worker-loader {
  content: '';
  background-image: url("images/worker-loader.gif");
  width: 100px;
  height: 100px;
  position: fixed;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
/************************** Margins **************************************/
.margin-x-auto {
  margin: 0 auto;
}
.margin-x-xs {
  margin-right: 5px;
  margin-left: 5px;
}
.margin-y-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-x-sm {
  margin-right: 10px;
  margin-left: 10px;
}
.margin-y-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-x-md {
  margin-right: 15px;
  margin-left: 15px;
}
.margin-y-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-x-md2 {
  margin-right: 20px;
  margin-left: 20px;
}
.margin-y-md2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-x-md3 {
  margin-right: 25px;
  margin-left: 25px;
}
.margin-y-md3 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.margin-x-lg {
  margin-right: 35px;
  margin-left: 35px;
}
.margin-y-lg {
  margin-top: 35px;
  margin-bottom: 35px;
}
.margin-x-lg2 {
  margin-right: 35px;
  margin-left: 35px;
}
.margin-y-lg2 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-x-xl {
  margin-right: 45px;
  margin-left: 45px;
}
@media (min-width: 992px) {
  .margin-x-xl {
    margin-right: 45px;
    margin-left: 45px;
  }
}
.margin-y-xl {
  margin-top: 45px;
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .margin-y-xl {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
.margin-all-0 {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-all-xs {
  margin: 5px !important;
}
.margin-top-xs {
  margin-top: 5px !important;
}
.margin-right-xs {
  margin-right: 5px !important;
}
.margin-bottom-xs {
  margin-bottom: 5px !important;
}
.margin-left-xs {
  margin-left: 5px !important;
}
.margin-all-sm {
  margin: 10px !important;
}
.margin-top-sm {
  margin-top: 10px !important;
}
.margin-right-sm {
  margin-right: 10px !important;
}
.margin-bottom-sm {
  margin-bottom: 10px !important;
}
.margin-left-sm {
  margin-left: 10px !important;
}
.margin-all-md {
  margin: 15px !important;
}
.margin-top-md {
  margin-top: 15px !important;
}
.margin-right-md {
  margin-right: 15px !important;
}
.margin-bottom-md {
  margin-bottom: 15px !important;
}
.margin-left-md {
  margin-bottom: 15px !important;
}
.margin-all-md2 {
  margin: 20px !important;
}
.margin-top-md2 {
  margin-top: 20px !important;
}
.margin-right-md2 {
  margin-right: 20px !important;
}
.margin-bottom-md2 {
  margin-bottom: 20px !important;
}
.margin-left-md2 {
  margin-bottom: 20px !important;
}
.margin-all-md3 {
  margin: 25px !important;
}
.margin-top-md3 {
  margin-top: 25px !important;
}
.margin-right-md3 {
  margin-right: 25px !important;
}
.margin-bottom-md3 {
  margin-bottom: 25px !important;
}
.margin-left-md3 {
  margin-left: 25px !important;
}
.margin-all-lg {
  margin: 35px !important;
}
.margin-top-lg {
  margin-top: 35px !important;
}
.margin-right-lg {
  margin-right: 35px !important;
}
.margin-bottom-lg {
  margin-bottom: 35px !important;
}
.margin-left-lg {
  margin-left: 35px !important;
}
.margin-all-lg2 {
  margin: 40px !important;
}
.margin-top-lg2 {
  margin-top: 40px !important;
}
.margin-right-lg2 {
  margin-right: 40px !important;
}
.margin-bottom-lg2 {
  margin-bottom: 40px !important;
}
.margin-left-lg2 {
  margin-left: 40px !important;
}
.margin-all-xl {
  margin: 45px !important;
}
.margin-top-xl {
  margin-top: 45px !important;
}
.margin-right-xl {
  margin-right: 45px !important;
}
.margin-bottom-xl {
  margin-bottom: 45px !important;
}
.margin-left-xl {
  margin-left: 45px !important;
}
/* Paddings */
.padding-all-xl {
  padding: 45px;
}
.padding-x-xs {
  padding-right: 5px;
  padding-left: 5px;
}
.padding-y-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-x-sm {
  padding-right: 10px;
  padding-left: 10px;
}
.padding-y-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-x-md {
  padding-right: 15px;
  padding-left: 15px;
}
.padding-y-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-x-md2 {
  padding-right: 20px;
  padding-left: 20px;
}
.padding-y-md2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-x-md3 {
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 992px) {
  .padding-x-md3 {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.padding-y-md3 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .padding-y-md3 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.padding-x-lg {
  padding-right: 35px;
  padding-left: 35px;
}
.padding-y-lg {
  padding-top: 35px;
  padding-bottom: 35px;
}
.padding-x-xl {
  padding-right: 45px;
  padding-left: 45px;
}
.padding-y-xl {
  padding-top: 45px;
  padding-bottom: 45px;
}
.padding-x-xxl {
  padding-right: 50px;
  padding-left: 50px;
}
.padding-y-xxl {
  padding-top: 50px;
  padding-bottom: 50px;
}
.nopad {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.padding-all-0 {
  padding: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-all-xs {
  padding: 5px !important;
}
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-right-xs {
  padding-right: 5px !important;
}
.padding-bottom-xs {
  padding-bottom: 5px !important;
}
.padding-left-xs {
  padding-left: 5px !important;
}
.padding-all-sm {
  padding: 10px !important;
}
.padding-top-sm {
  padding-top: 10px !important;
}
.padding-right-sm {
  padding-right: 10px !important;
}
.padding-bottom-sm {
  padding-bottom: 10px !important;
}
.padding-left-sm {
  padding-left: 10px !important;
}
.padding-all-md {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
@media (min-width: 992px) {
  .padding-all-md {
    padding: 15px !important;
  }
}
.padding-top-md {
  padding-top: 15px !important;
}
.padding-right-md {
  padding-right: 15px !important;
}
.padding-bottom-md {
  padding-bottom: 15px !important;
}
.padding-left-md {
  padding-left: 15px !important;
}
.padding-all-md2 {
  padding: 20px !important;
}
.padding-top-md2 {
  padding-top: 20px !important;
}
.padding-right-md2 {
  padding-right: 20px !important;
}
.padding-bottom-md2 {
  padding-bottom: 20px !important;
}
.padding-left-md2 {
  padding-left: 20px !important;
}
.padding-all-md3 {
  padding: 10px !important;
}
@media (min-width: 992px) {
  .padding-all-md3 {
    padding: 25px !important;
  }
}
.padding-top-md3 {
  padding-top: 10px !important;
}
@media (min-width: 992px) {
  .padding-top-md3 {
    padding-top: 25px !important;
  }
}
.padding-right-md3 {
  padding-right: 10px !important;
}
@media (min-width: 992px) {
  .padding-right-md3 {
    padding-right: 25px !important;
  }
}
.padding-bottom-md3 {
  padding-bottom: 10px !important;
}
@media (min-width: 992px) {
  .padding-bottom-md3 {
    padding-bottom: 25px !important;
  }
}
.padding-left-md3 {
  padding-left: 10px !important;
}
@media (min-width: 992px) {
  .padding-left-md3 {
    padding-left: 25px !important;
  }
}
.padding-all-lg {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
@media (min-width: 992px) {
  .padding-all-lg {
    padding: 35px !important;
  }
}
.padding-top-lg {
  padding-top: 35px !important;
}
.padding-right-lg {
  padding-right: 35px !important;
}
.padding-bottom-lg {
  padding-bottom: 35px !important;
}
.padding-left-lg {
  padding-left: 35px !important;
}
.padding-all-xl {
  padding: 45px !important;
}
.padding-top-xl {
  padding-top: 10px !important;
}
@media (min-width: 992px) {
  .padding-top-xl {
    padding-top: 45px !important;
  }
}
.padding-right-xl {
  padding-right: 45px !important;
}
.padding-bottom-xl {
  padding-bottom: 45px !important;
}
.padding-left-xl {
  padding-left: 45px !important;
}
.padding-from-header {
  padding-top: 2.8em;
}
@media (min-width: 992px) {
  .padding-from-header {
    padding-top: 0;
  }
}
/********************************************  Fonts ************************************/
.font-size-base {
  font-size: 1vw;
}
.font-size-3em {
  font-size: 38px;
}
@media (min-width: 992px) {
  .font-size-3em {
    font-size: 3em;
  }
}
.font-size-8 {
  font-size: 0.85em;
}
.font-size-1-3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .font-size-1-3 {
    font-size: 1.3em;
  }
}
.font-size-1-45 {
  font-size: 1.45em;
}
/*********************************************** General **********************************/
.line-height-1-3 {
  line-height: 1.3;
}
.line-height-1-4 {
  line-height: 1.4;
}
.text-stroke-gray {
  -webkit-text-stroke: 0.4px #e5e5e5;
}
.bold {
  font-weight: bold;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-normal {
  font-weight: normal;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.white-space {
  white-space: nowrap;
}
.vertical-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.text-center {
  text-align: center;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.rotate-mirror {
  transform: rotateY(200deg);
}
.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transition2 {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.text-main {
  font-size: 0.85em;
  font-weight: 500;
}
/****************************************** Titles *********************************/
.text-underline {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
}
.text-underline:after {
  margin: 0 auto;
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  margin-top: 5px;
  background-color: #ce2b30;
  position: relative;
}
.text-underline-block {
  display: block;
  margin-top: 0.8em;
  text-align: center;
}
@media (min-width: 992px) {
  .text-underline-block {
    text-align: right;
    margin-top: 1.5vw;
  }
}
.text-underline-block:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.7vw;
  background-color: #ce2b30;
  position: relative;
}
/******************************************* Buttons *************************************/
.top-buttons-white {
  font-weight: 500;
  background-color: #fff;
  color: #111111;
  font-size: 0.7em;
}
@media (min-width: 992px) {
  .top-buttons-white {
    padding: 0.6vw 1.5vw;
  }
}
.top-buttons-white i {
  color: #ce2b30;
  margin-left: 0.5em;
}
.top-buttons-white:hover {
  /*background-color: #ce2b30;
  color: #fff;*/
  /* RH */
  background-color: #fff; 
  color: #ce2b30;
}
.top-buttons-white:hover i {
  /*color: #fff !important;*/
}
.mobile-shoping-cart.top-buttons-white:hover {
  background-color: transparent;
  color: #ce2b30;
}
.mobile-shoping-cart.top-buttons-white:hover i {
  color: #ce2b30 !important;
}
.mobile-shoping-cart.top-buttons-white:hover {
  background-color: transparent;
  color: #ce2b30;
}
.top-button {
  font-weight: 500;
  background-color: #fff;
  color: #111111;
  font-size: 0.6em;
}
@media (min-width: 992px) {
  .top-button {
    padding: 0.6vw 1.5vw;
  }
}
.top-button i {
  color: #111111;
}
.top-buttons-red {
  font-weight: 500;
  background-color: #ce2b30;
  color: #fff;
  font-size: 0.7em;
  padding: 0.6vw 0.5vw;
}
.top-buttons-red:hover {
  background-color: #ce2b30;
  color: #fff;
}
.top-buttons-red {
  background-color: #fff;
  color: #111111;
}
.top-buttons-red:hover {
  background-color: #ce2b30;
  color: #fff;
}
.btn-white {
  background-color: #fff;
  color: #111111;
}
.btn-white:hover {
  background-color: #ce2b30;
  color: #fff;
}
.btn-plus-minus {
  background-color: white;
  border: 1px solid lightgray;
  border-radius: 100%;
  font-size: 0.8em;
  padding: 4px 8px;
}
.btn-red-forms {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: 400;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0.7em 2em;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-forms:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.btn-red-pay {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 1.2em;
  font-weight: 500;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0.4em 2em;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-pay:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.btn-red-before-checkout {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: 400;
  display: inline-block;
  float: left;
  clear: both;
  padding: 7px 45px;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-before-checkout:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.btn-red-personal {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 1em;
  font-weight: 400;
  display: inline-block;
  float: left;
  clear: both;
  padding: 5px 45px;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-personal:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.btn-border-red-store {
  color: #ce2b30;
  border: 1px solid #ce2b30;
  background-color: transparent;
  border-radius: 5px;
  font-size: 1.55em;
  font-weight: 300;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px 5px;
}
@media (min-width: 992px) {
  .btn-border-red-store {
    padding: 0.1em 3.3em;
  }
}
.btn-border-red-store:hover {
  background-color: #ce2b30;
  color: #fff;
}
.btn-blue-before-checkout {
  border-radius: 5px;
  background-color: #3c589e !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: 400 !important;
  float: left;
  display: inline-block;
  padding: 7px 45px !important;
  border: 1px solid #3c589e !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-blue-before-checkout:hover {
  background-color: #fff !important;
  color: #3c589e !important;
}
.btn-redborder-before-checkout {
  border-radius: 5px;
  background-color: #f7f7f7 !important;
  color: #ce2b30 !important;
  font-size: 0.8em;
  font-weight: 400 !important;
  float: left;
  display: inline-block;
  padding: 7px 45px !important;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-redborder-before-checkout:hover {
  background-color: #ce2b30 !important;
  color: #fff !important;
}
/********************************* borders ******************************/
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-top-none {
  border-top: none;
}
.border-right {
  border-right: 1px solid #e5e5e5;
}
.border-left {
  border-left: 1px solid #e5e5e5;
}
.border-box {
  border: 2px solid #e5e5e5;
}
/********************************* Backgrounds ******************************/
.bg-gray {
  background: #e5e5e5;
}
.bg-gray-light {
  background: #f7f7f7 !important;
}
.bg-gray-dark {
  background: #8d8d8d;
}
.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: #000;
}
.bg-red {
  background-color: #ce2b30;
}
/************************************ Colors **************************************/
.color-text {
  color: #111111;
}
.color-white {
  color: #fff;
}
.color-black {
  color: #111111 !important;
}
.color-gray {
  color: #e5e5e5;
}
.color-gray-light {
  color: #f7f7f7;
}
.color-gray-dark {
  color: #8d8d8d;
}
.color-red {
  color: #ce2b30;
}
/************************************  Height ************************************/
/************************************  positions ************************************/
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.display-block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inline {
  display: inline;
}
.custom-flex {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.custom-flex-social {
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media (min-width: 992px) {
  .custom-flex-social {
    justify-content: center;
    -webkit-justify-content: center;
  }
}
/************************** worker ***************************/
.btn-red {
  background-color: #ce2b30;
  color: #fff;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: bold;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red:hover {
  background-color: #fff;
  color: #ce2b30 !important;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-send {
  background-color: #ce2b30;
  color: #fff;
  border-radius: 5px;
  font-size: 0.9em;
  padding: 7px 55px;
  font-weight: bold;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-red-send:hover {
  background-color: #fff;
  color: #ce2b30 !important;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-white {
  background-color: #fff;
  color: #ce2b30;
  border-radius: 4px;
  font-size: 0.9em;
  padding: 7px 65px;
  font-weight: bold;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-white:hover {
  background-color: #ce2b30;
  color: #fff;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-filter {
  border-bottom: 2px solid #ce2b30;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 100%;
  color: #ce2b30;
  font-size: 1.3em;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .btn-filter {
    color: #000;
    font-size: 1em;
  }
}
.btn-small {
  font-size: 1.2em;
  padding: 0.27em 1.5em;
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 15px;
  outline: none;
}
@media (min-width: 992px) {
  .btn-small {
    margin-bottom: 0;
    padding: 0.27em 3.5em;
  }
}
.btn-small:hover {
  outline: none;
}
.btn-small:focus {
  outline: none;
}
@media (min-width: 992px) {
  .custom-p-height {
    height: 85px;
    overflow: hidden;
  }
}
/** 04snifim **/
.title-underline {
  font-size: 1.7em;
  display: inline-block;
  white-space: normal;
  margin-top: 0.8em;
  max-width: 100%;
  font-weight: 300;
}
@media (min-width: 992px) {
  .title-underline {
    white-space: nowrap;
    margin-top: auto;
  }
}
@media (min-width: 992px) {
  .title-underline {
    font-size: 2.55em;
  }
}
.title-underline:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #d1373b;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.title-underline-full {
  font-size: 1.1em;
  font-weight: 400;
  border-bottom: 2px solid #ce2b30;
  padding-right: 3em;
}
.sub-title-underline {
  font-size: 25px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .sub-title-underline {
    font-size: 2.1em;
  }
}
.sub-title-underline:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #d1373b;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.sub-title-underline2 {
  font-size: 25px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .sub-title-underline2 {
    font-size: 1.6em;
  }
}
.sub-title-underline2:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #d1373b;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.sub-title-underline-modal {
  font-size: 25px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .sub-title-underline-modal {
    font-size: 1.45em;
  }
}
.sub-title-underline-modal:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #d1373b;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.title-underline-white {
  font-size: 26px;
  display: inline-block;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .title-underline-white {
    font-size: 2.4em;
  }
}
.title-underline-white:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.side-title-underline {
  font-size: 25px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .side-title-underline {
    font-size: 1.45em;
  }
}
.side-title-underline:after {
  content: '';
  display: block;
  height: 2px;
  width: 80%;
  background-color: #d1373b;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-top: 16px;
}
.branch-icon {
  color: #ce2b2f;
  font-size: 45px !important;
  display: inline-block;
  transition: 0.5s;
}
@media (min-width: 992px) {
  .branch-icon {
    font-size: 2.8em !important;
  }
}
.custom-link {
  display: inline-block;
  margin-bottom: 20px;
  color: #d1373b;
  transition: 0.5s;
  font-size: 15px;
}
@media (min-width: 992px) {
  .custom-link {
    font-size: 1em;
    font-weight: 600;
    color: #d1373b;
    transition: 0.5s;
  }
}
.custom-link:hover {
  color: #9f0a0e;
}
.custom-link-store {
  border: 2px solid #111111;
  color: #111111;
  border-radius: 5px;
  width: 53%;
  padding: 3px 0;
  transition: 0.5s;
  font-weight: 600;
  display: inline-block;
  font-size: 40px;
}
@media (min-width: 992px) {
  .custom-link-store {
    font-size: 1em;
  }
}
.custom-link-store:hover {
  background-color: #ce2b30;
  border: 2px solid #ce2b30;
  color: #fff !important;
}
.custom-link-store-white {
  border: 2px solid #fff;
  color: #fff;
  border-radius: 5px;
  padding: 0.3em 2.1em;
  transition: 0.5s;
  font-weight: 600;
  display: inline-block;
  font-size: 25px;
  outline: none;
}
@media (min-width: 992px) {
  .custom-link-store-white {
    font-size: 1em;
  }
}
.custom-link-store-white:hover {
  background-color: #ce2b30;
  border: 2px solid #ce2b30;
  color: #fff !important;
  outline: none;
}
.custom-link-store-white:focus {
  outline: none;
}
.link-icon {
  font-size: 0.85em;
  position: relative;
  top: 2px;
}
@media (min-width: 992px) {
  .link-icon {
    top: 1px;
  }
}
.store-btn:hover {
  background-color: #ce2b30;
}
.font-heebo {
  font-family: 'HEEBO', sans-serif !important;
}
.line-height-1-25 {
  line-height: 1.25;
}
.font-normal {
  font-weight: normal !important;
}
.color-gray-text {
  color: #949494;
}
/************************  modal  ***********************************/
.close-modal {
  color: white;
  font-weight: 100;
  opacity: 1;
  font-size: 2em;
  background-color: #111111 !important;
  border-radius: 50px;
  height: 32px;
  width: 32px;
}
.close-icon-modal {
  position: relative;
  bottom: 9px;
}
/************************  arrows  ***********************************/
.left-arrow {
  font-size: 1.5em;
  vertical-align: text-top;
}
.reset-password-form {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
}
/***************************************************/
.p-strip-custom {
  display: block;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media (min-width: 992px) {
  .p-strip-custom {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
  }
}
.p-strip-custom > .col-md-2 {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.more-prod {
  color: #ce2b30;
  font-size: 1.1em;
  font-weight: 600;
}
.more-prod .icon {
  margin-right: 5px;
}
.reverse-custom {
  display: flex;
  display: -webkit-flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
}
.one-line-text {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.term-description {
  font-size: 1.2rem;
  margin-top: 40px;
}
.select-wrapper {
  display: inline-block;
  position: relative;
}
.w-100 {
  width: 100%;
}
.display-inline-block {
  display: inline-block;
}
.slick-arrow.slick-disabled {
  opacity: 0;
}
.big-sale {
  left: 0;
  right: auto;
  top: 0;
  display: table;
  z-index: 20;
  pointer-events: none;
  height: 2.8em !important;
  width: 2.8em !important;
  min-height: 2.8em;
  min-width: 2.8em;
  line-height: 2.4em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1.2em;
  margin: 0;
  position: absolute;
}
/*====================================
=            base.less         =
====================================*/
body {
  font-size: 18px;
  font-family: 'Heebo', sans-serif;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media (min-width: 992px) {
  body {
    font-size: 1vw;
    line-height: 1.3;
    overflow-x: hidden;
  }
}
h1 {
  font-size: 2.3em;
  font-weight: 300;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  h1 {
    margin-bottom: 1vw;
  }
}
h2 {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  h2 {
    margin-bottom: 1vw;
  }
}
p {
  font-size: 1em;
}
@media (min-width: 992px) {
  p {
    font-size: 1em;
  }
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #111111;
  font-style: normal;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover,
a:focus,
a:active {
  color: #df666a;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
select {
  border-color: #e5e5e5;
  border-radius: 4px;
  outline: none;
}
select:hover {
  outline: none;
}
select:focus {
  outline: none;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  margin: 0 5px;
  border-radius: 6px;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a {
  background: #f7f7f7;
  padding: 0.25em 0.5em;
  color: gray;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a i {
  font-size: 0.8em;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover {
  background: #ce2b30;
  color: #fff;
  padding: 0.25em 0.5em;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .prev {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
/* animate.less */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes bounce_small {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce_small {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-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 fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-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;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-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 fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-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 fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-500%, 0, 0);
    transform: translate3d(-500%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-500%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@keyframes cloudsAnimate {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-2500px, 0, 0);
    -ms-transform: translate3d(-2500px, 0, 0);
    transform: translate3d(-2500px, 0, 0);
    -moz-transform: translate3d(-2500px, 0, 0);
    -o-transform: translate3d(-2500px, 0, 0);
  }
}
.cloudsAnimate {
  -webkit-animation-name: cloudsAnimate;
  animation-name: cloudsAnimate;
  -ms-animation-name: cloudsAnimate;
  -moz-animation-name: cloudsAnimate;
  -o-animation-name: cloudsAnimate;
}
@keyframes cloudsAnimate-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-700px, 0, 0);
    -ms-transform: translate3d(-700px, 0, 0);
    transform: translate3d(-700px, 0, 0);
    -moz-transform: translate3d(-700px, 0, 0);
    -o-transform: translate3d(-700px, 0, 0);
  }
}
.cloudsAnimate-left {
  -webkit-animation-name: cloudsAnimate-left;
  animation-name: cloudsAnimate-left;
  -ms-animation-name: cloudsAnimate-left;
  -moz-animation-name: cloudsAnimate-left;
  -o-animation-name: cloudsAnimate-left;
}
@keyframes carsAnimate {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    -moz-transform: translate3d(3000px, 0, 0);
    -o-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
}
.carsAnimate {
  -webkit-animation-name: carsAnimate;
  animation-name: carsAnimate;
  -ms-animation-name: carsAnimate;
  -moz-animation-name: carsAnimate;
  -o-animation-name: carsAnimate;
}
@keyframes carsAnimate-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
    -moz-transform: translate3d(-3000px, 0, 0);
    -o-transform: translate3d(-3000px, 0, 0);
  }
}
.carsAnimate-right {
  -webkit-animation-name: carsAnimate-right;
  animation-name: carsAnimate-right;
  -ms-animation-name: carsAnimate-right;
  -moz-animation-name: carsAnimate-right;
  -o-animation-name: carsAnimate-right;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.infinite {
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.active .fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.active .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce_small {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce_small {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.active .grow {
  -webkit-animation-name: grow;
  animation-name: grow;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes grow {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.active .fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.active .fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.active .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-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;
  }
}
.active .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-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;
  }
}
.active .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  text-decoration: none;
}
[class^="hvr-"] {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  [class^="hvr-"] {
    padding: 1em;
  }
}
/* end animate.less */
/* social-menu.less */
/* entry-content.less */
.entry-content {
  padding-top: 15px;
}
.entry-content h2 {
  font-size: 26px;
  line-height: 1.2;
  padding-bottom: 20px;
  color: #ce2b30;
}
@media (min-width: 992px) {
  .entry-content h2 {
    font-size: 1.35em;
  }
}
.entry-content h3 {
  font-size: 26px;
  line-height: 1.2;
  padding-bottom: 20px;
  color: #111111;
}
@media (min-width: 992px) {
  .entry-content h3 {
    font-size: 1.35em;
    font-weight: 400;
  }
}
.entry-content h4 {
  font-size: 20px;
  line-height: 1.2;
  padding-bottom: 30px;
  color: #ce2b30;
}
@media (min-width: 992px) {
  .entry-content h4 {
    font-size: 1.15em;
  }
}
.entry-content h5 {
  font-size: 1.1em;
  line-height: 1.2;
  padding-bottom: 15px;
  color: #ce2b30;
  font-weight: normal;
}
.entry-content h6 {
  font-size: 0.8em;
  line-height: 1.2;
  font-weight: normal;
  padding-bottom: 15px;
}
.entry-content p {
  line-height: 1.5;
  padding-bottom: 25px;
  font-size: 1em;
}
.entry-content a:hover {
  color: #111111;
}
.entry-content a:active {
  text-decoration: underline;
}
.entry-content ul {
  padding-bottom: 12px;
  list-style: none;
}
@media (min-width: 992px) {
  .entry-content ul {
    padding-right: 40px;
  }
}
.entry-content ul li {
  font-size: 0.9em;
  line-height: 1.3;
  padding-bottom: 15px;
  position: relative;
  color: #111111;
  padding-right: 35px;
}
@media (min-width: 992px) {
  .entry-content ul li {
    padding-right: 50px;
    line-height: 1.8;
  }
}
.entry-content ul li:before {
  content: "f00c";
  font-family: FontAwesome;
  color: #ce2b30;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 1.4;
  font-size: 1em;
  text-align: center;
  top: 3px;
}
@media (min-width: 992px) {
  .entry-content ul li:before {
    width: 25px;
    height: 25px;
    top: 5px;
  }
}
.entry-content ol {
  padding-bottom: 12px;
  list-style: none;
}
@media (min-width: 992px) {
  .entry-content ol {
    padding-right: 40px;
  }
}
.entry-content ol li {
  counter-increment: step-counter;
  font-size: 0.9em;
  line-height: 1.8;
  padding-bottom: 6px;
  position: relative;
  color: #111111;
  padding-right: 30px;
}
.entry-content ol li:before {
  color: #ce2b30;
  content: counter(step-counter);
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: 1em;
}
.entry-content ol li:after {
  color: #ce2b30;
  content: '.';
  font-weight: normal;
  position: absolute;
  right: 11px;
}
.entry-content blockquote {
  font-weight: 500;
  background-color: #f7f7f7;
  color: #ce2b30;
  text-align: center;
  margin-bottom: 37px;
  padding-bottom: 14px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 14px;
  display: block;
  width: 100%;
}
.entry-content blockquote p {
  font-size: 1.25em;
  position: relative;
  padding: 5px;
  line-height: 1.44;
  text-align: center;
}
.entry-content blockquote p:before {
  content: "e907";
  font-family: icomoon;
  right: -10px;
  position: relative;
  top: -6px;
}
.entry-content blockquote p:after {
  content: "e907";
  font-family: icomoon;
  position: relative;
  top: 10px;
  left: -10px;
}
input[type="file"]:focus {
  outline: none;
}
input[type="radio"]:focus {
  outline: none;
}
input[type="checkbox"]:focus {
  outline: none;
}
/* section.less */
.page-banner {
  /*min-height: 60px;*/
}
@media (min-width: 992px) {
  .page-banner {
    /*min-height: 260px;*/
  }
}
.page-header {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .page-header {
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }
}
.woocommerce-account .page-header {
  display: none;
}
.woocommerce-account.logged-in .page-header {
  display: block;
}
.sub-text p {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.6;
}
#breadcrumbs {
  font-size: 14px;
  text-align: right;
  padding-top: 5px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  #breadcrumbs {
    padding-right: 35px;
    font-size: 0.8em;
  }
}
#breadcrumbs span {
  color: #ce2b30;
}
#breadcrumbs a {
  color: #ce2b30;
}
#breadcrumbs .breadcrumb_last {
  font-weight: normal;
}
/* END section.less */
/*====================================
=           fixfirefox.less       =
====================================*/
/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .woocommerce select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
  /* elements inherit styles from, so reset them. */
  .woocommerce select option {
    background-color: white;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
/***************
fixforie.less

****************/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  select::-ms-expand {
    display: none;
  }
  #page .woocommerce ul.products li.product .button::after {
    margin-right: 18px !important;
  }
}
/* file name contact-form.less */
.contact-form-main form input[type="text"],
.contact-form-bid form input[type="text"],
.contact-form-join form input[type="text"],
.contact-form-fixed form input[type="text"],
.contact-form-main form input[type="tel"],
.contact-form-bid form input[type="tel"],
.contact-form-join form input[type="tel"],
.contact-form-fixed form input[type="tel"],
.contact-form-main form input[type="email"],
.contact-form-bid form input[type="email"],
.contact-form-join form input[type="email"],
.contact-form-fixed form input[type="email"],
.contact-form-main form select,
.contact-form-bid form select,
.contact-form-join form select,
.contact-form-fixed form select {
  background-color: #fff;
  width: 100%;
  height: 40px;
  font-size: 1em;
  padding: 0 10px;
  outline: none;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  font-weight: 300;
}
@media (min-width: 992px) {
  .contact-form-main form input[type="text"],
  .contact-form-bid form input[type="text"],
  .contact-form-join form input[type="text"],
  .contact-form-fixed form input[type="text"],
  .contact-form-main form input[type="tel"],
  .contact-form-bid form input[type="tel"],
  .contact-form-join form input[type="tel"],
  .contact-form-fixed form input[type="tel"],
  .contact-form-main form input[type="email"],
  .contact-form-bid form input[type="email"],
  .contact-form-join form input[type="email"],
  .contact-form-fixed form input[type="email"],
  .contact-form-main form select,
  .contact-form-bid form select,
  .contact-form-join form select,
  .contact-form-fixed form select {
    font-size: 0.8em;
  }
}
.contact-form-main form textarea,
.contact-form-bid form textarea,
.contact-form-join form textarea,
.contact-form-fixed form textarea {
  background-color: #fff;
  color: #111111;
  width: 100%;
  height: 180px;
  padding: 10px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  font-weight: 300;
  resize: none;
}
@media (min-width: 992px) {
  .contact-form-main form textarea,
  .contact-form-bid form textarea,
  .contact-form-join form textarea,
  .contact-form-fixed form textarea {
    font-size: 0.8em;
  }
}
.contact-form-main form input[type="submit"],
.contact-form-bid form input[type="submit"],
.contact-form-join form input[type="submit"],
.contact-form-fixed form input[type="submit"] {
  font-size: 1.2em;
}
@media (min-width: 992px) {
  .contact-form-main form input[type="submit"],
  .contact-form-bid form input[type="submit"],
  .contact-form-join form input[type="submit"],
  .contact-form-fixed form input[type="submit"] {
    font-size: 1em;
  }
}
.contact-form-main form input[type="submit"]:focus,
.contact-form-bid form input[type="submit"]:focus,
.contact-form-join form input[type="submit"]:focus,
.contact-form-fixed form input[type="submit"]:focus,
.contact-form-main form input[type="submit"] :active,
.contact-form-bid form input[type="submit"] :active,
.contact-form-join form input[type="submit"] :active,
.contact-form-fixed form input[type="submit"] :active {
  outline: none !important;
}
.contact-form-main form ::-webkit-input-placeholder,
.contact-form-bid form ::-webkit-input-placeholder,
.contact-form-join form ::-webkit-input-placeholder,
.contact-form-fixed form ::-webkit-input-placeholder {
  color: #111111 !important;
}
.contact-form-main form :-moz-placeholder,
.contact-form-bid form :-moz-placeholder,
.contact-form-join form :-moz-placeholder,
.contact-form-fixed form :-moz-placeholder {
  color: #111111 !important;
}
.contact-form-main form ::-moz-placeholder,
.contact-form-bid form ::-moz-placeholder,
.contact-form-join form ::-moz-placeholder,
.contact-form-fixed form ::-moz-placeholder {
  color: #111111 !important;
}
.contact-form-main form :-ms-input-placeholder,
.contact-form-bid form :-ms-input-placeholder,
.contact-form-join form :-ms-input-placeholder,
.contact-form-fixed form :-ms-input-placeholder {
  color: #111111 !important;
}
.contact-form-main form select,
.contact-form-bid form select,
.contact-form-join form select,
.contact-form-fixed form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-form-main .form-group,
.contact-form-bid .form-group,
.contact-form-join .form-group,
.contact-form-fixed .form-group {
  position: relative;
  margin-bottom: 3px;
}
.contact-form-main select,
.contact-form-bid select,
.contact-form-join select,
.contact-form-fixed select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  height: 25px;
  width: 25px;
  background-color: white;
  border: 1px solid lightgray;
  outline: 0;
  color: #111111;
  border-radius: 4px;
}
.select-group {
  position: relative;
}
::-webkit-input-placeholder {
  color: #000;
}
:-moz-placeholder {
  color: #000;
}
::-moz-placeholder {
  color: #000;
}
:-ms-input-placeholder {
  color: #000;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
span.wpcf7-not-valid-tip {
  font-size: 0.9em !important;
  position: absolute;
  top: 38px;
  right: 0;
}
@media (min-width: 992px) {
  span.wpcf7-not-valid-tip {
    top: 35px;
  }
}
div.wpcf7-validation-errors {
  border: none !important;
  color: red !important;
}
div.wpcf7-response-output {
  margin-top: 15px !important;
  display: inline-block;
}
div.wpcf7-mail-sent-ng {
  border: none !important;
  text-align: center;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  text-align: center;
  font-size: 1em;
}
@media (min-width: 992px) {
  .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    font-size: 1em;
  }
}
span.wpcf7-not-valid-tip {
  color: red !important;
}
div.wpcf7-mail-sent-ok {
  border: none !important;
  color: green;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {
  color: red !important;
}
div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
 /* background-image: url(../../images/ajax-loader.gif);*/
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.invalid input.wpcf7-not-valid {
  border: 1px solid red !important;
}
.invalid ::-webkit-input-placeholder {
  color: red !important;
}
.invalid :-moz-placeholder {
  color: red !important;
}
.invalid ::-moz-placeholder {
  color: red !important;
}
.invalid :-ms-input-placeholder {
  color: red !important;
}
.grecaptcha-badge {
  visibility: collapse !important;
}
/* primary_nav.less */
.main-menu {
  text-align: center;
}
.main-menu ul {
  list-style-type: none;
}
.main-menu ul.primary-menu {
  list-style-type: none;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu {
    position: relative;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media (max-width: 992px) {
  .main-menu ul.primary-menu {
    margin-top: 30px;
  }
}
.main-menu ul.primary-menu > li {
  position: static;
  display: block;
  vertical-align: top;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li {
    display: inline-block;
  }
}
.main-menu ul.primary-menu > li > a {
  font-weight: normal;
  line-height: 2.2em;
  display: block;
  padding: 0 5px;
  font-size: 1.1em;
  color: #111111;
  background-color: transparent;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li > a {
    font-weight: bold;
    line-height: 50px;
    padding: 0 25px;
    /*font-size: 0.95em;*/
    font-size: 0.85em; /* RH */
  }
}
.main-menu ul.primary-menu > li > a :active,
.main-menu ul.primary-menu > li > a :focus {
  color: #ce2b30;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li > a :active,
  .main-menu ul.primary-menu > li > a :focus {
    background-color: #ce2b30;
    color: #fff;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
  }
}
.main-menu ul.primary-menu > li .sub-menu {
  width: 100%;
  display: none;
  background-color: #fff;
  position: relative;
  top: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li .sub-menu {
    text-align: right;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-menu ul.primary-menu > li .sub-menu:before {
    content: '';
    width: 200%;
    right: -50%;
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
  }
  .main-menu ul.primary-menu > li .sub-menu li {
    width: 48%;
    display: inline-block;
  }
  .main-menu ul.primary-menu > li .sub-menu li a {
    color: #949494;
  }
}
.main-menu ul.primary-menu > li .sub-menu li a {
  display: block;
  line-height: 1.2;
  margin-bottom: 15px;
  height: auto;
  font-size: 0.85em; /* RH */
}
.main-menu ul.primary-menu > li:hover > a,
.main-menu ul.primary-menu > li.hover > a {
  color: #ce2b30;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li:hover > a,
  .main-menu ul.primary-menu > li.hover > a {
    background-color: #fff; /* RH */
    color: #ce2b30;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
  }
}
.main-menu ul.primary-menu > li:hover .sub-menu,
.main-menu ul.primary-menu > li.hover .sub-menu {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .main-menu ul.primary-menu > li:hover .sub-menu,
  .main-menu ul.primary-menu > li.hover .sub-menu {
    pointer-events: auto;
    z-index: 1;
    display: block;
  }
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li:hover .sub-menu,
  .main-menu ul.primary-menu > li.hover .sub-menu {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li:active .sub-menu {
    display: none;
  }
}
.main-menu .menu-item-has-children {
  position: relative;
}
.current-menu-item > a {
  color: #ce2b30;
}

/* RH Changes*/
@media (min-width: 992px) {
  .current-menu-item > a {
    background-color: #fff !important;
    color: #ce2b30 !important;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
  }
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li.has-sub {
    text-align: right;
    position: relative;
  }
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li.has-sub > a {
    display: inline-block;
    text-align: right;
  }
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li.has-sub:after {
    content: "f0fe";
    font-family: fontawesome;
    position: absolute;
    left: 0.6em;
    top: 0;
  }
}
.main-menu ul.primary-menu > li.has-sub.menu-open > .sub-menu {
  display: block;
}
@media (max-width: 991px) {
  .main-menu ul.primary-menu > li.has-sub.menu-open:after {
    content: "f146";
  }
}
@media (max-width: 991px) {
  .main-menu .navbar-offcanvas ul.primary-menu > li.menu-item-has-children > a {
    pointer-events: none;
  }
}
/* custom-checkbox.less */
p {
  position: relative;
}
p #bbp_topic_subscription {
  display: none !important;
}
p #bbp_topic_subscription + label {
  color: #111111 !important;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  float: right;
  padding-right: 30px;
}
p #bbp_topic_subscription + label:before {
  font-family: 'fontAwesome';
  content: '';
  position: absolute;
  right: 0;
  padding-top: 6px;
  text-align: center;
  font-size: 15px;
  line-height: 0.8;
  width: 25px;
  height: 25px;
  background: #e5e5e5;
  transition: all 0.2s;
}
p #bbp_topic_subscription:checked + label:before {
  content: "f00c";
  color: #111111;
}
.s-checkbox-group span.wpcf7-list-item {
  margin: 15px 0;
}
.s-checkbox-group input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
}
.s-checkbox-group input[type="checkbox"][disabled="disabled"] + label::before,
.s-checkbox-group input[type="checkbox"][disabled="disabled"] + span::before {
  cursor: no-drop;
}
.s-checkbox-group input[type="checkbox"] + label,
.s-checkbox-group input[type="checkbox"] + span {
  font-size: 15px;
  line-height: 1.3;
  display: inline-block;
  position: relative;
  padding-right: 25px;
}
.s-checkbox-group input[type="checkbox"] + label:hover,
.s-checkbox-group input[type="checkbox"] + span:hover {
  cursor: pointer;
}
.s-checkbox-group input[type="checkbox"] + label:before,
.s-checkbox-group input[type="checkbox"] + span:before {
  content: '';
  position: absolute;
  right: 0;
  height: 1.6rem;
  width: 1.6rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  border-radius: 0px;
}
.s-checkbox-group input[type="checkbox"]:checked + label:after,
.s-checkbox-group input[type="checkbox"]:checked + span:after {
  font-family: icomoon;
  content: "e90b";
  font-size: 0.75rem;
  position: absolute;
  height: 1.2rem;
  width: 1.2rem;
  color: #ce2b30;
  border-radius: 0px;
  right: 2px;
  top: 5px;
}
/** cart.less **/
.woocommerce-cart .woocommerce-message a {
  border: 0 solid #111111;
  background-color: #ce2b30;
  color: #fff;
  border-radius: 5px;
  padding: 0 6px;
}
@media (max-width: 767px) {
  .woocommerce-cart .woocommerce-message a {
    margin-top: 1em;
    display: inline-block;
  }
}
.woocommerce-cart .woocommerce .woocommerce-message {
  padding-bottom: 3em;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce .woocommerce-message {
    padding-bottom: 1em;
  }
}
.woocommerce-cart .woocommerce .woocommerce-message .button {
  float: none;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  margin-top: 2em;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce .woocommerce-message .button {
    float: left;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 0;
  }
}
.woocommerce-cart .woocommerce .cart_totals h2 {
  display: none;
}
.woocommerce-cart .woocommerce .shop_table {
  border-collapse: collapse;
}
.woocommerce-cart .woocommerce .shop_table td {
  padding-top: 12px;
  padding-bottom: 12px;
}
.woocommerce-cart .woocommerce .shop_table thead th {
  background: #e5e5e5;
  font-weight: 900;
}
.woocommerce-cart .woocommerce .shop_table tbody .cart_item {
  border-bottom: 1px solid #8d8d8d;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce .shop_table tbody .cart_item {
    border-bottom: 1px solid #111111;
  }
}
.woocommerce-cart .woocommerce .shop_table tbody .cart_item td {
  padding: 20px 15px;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce .shop_table tbody .cart_item td {
    padding: 40px 15px;
  }
}
.woocommerce-cart .woocommerce .shop_table tbody .cart_item .product-name {
  text-align: right !important;
}
.woocommerce-cart .woocommerce .shop_table tbody td.actions {
  padding: 40px 15px;
}
.woocommerce-cart .woocommerce .shop_table tbody td dl.variation dt {
  color: #949494;
  font-weight: 400;
}
.woocommerce-cart .woocommerce table.cart td.actions .coupon {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text {
  font-size: 0.7em;
  border-radius: 5px;
  width: auto;
  padding: 5px;
  margin: 0 4px 0 15px;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text {
    width: 7.5vw;
  }
}
.woocommerce-cart .woocommerce table.cart img {
  width: auto;
}
.woocommerce-cart .woocommerce table.shop_table {
  border: none;
  margin: 0 -1px 0 0;
  background-color: #fff;
}
.woocommerce-cart .woocommerce table.shop_table .product-thumbnail {
  text-align: center;
}
.woocommerce-cart .woocommerce table.shop_table th {
  text-align: right;
  border-top: none;
  font-weight: 500;
}
.woocommerce-cart .woocommerce table.shop_table td {
  border-top: none;
}
.woocommerce-cart .woocommerce table.shop_table td.product-name dl.variation dd {
  float: none;
}
.woocommerce-cart .woocommerce table.shop_table td.product-name dl.variation dt {
  float: none;
}
.woocommerce-cart .woocommerce table.shop_table a.remove {
  font-size: 1em;
  height: 1.4em;
  width: 1.4em;
  color: #111111 !important;
  font-weight: 900;
  border: 1px solid lightgray;
  padding: 4px;
}
.woocommerce-cart .woocommerce table.shop_table a.remove:hover {
  background-color: #111111;
  color: #fff !important;
}
.woocommerce-cart .woocommerce table.shop_table .quantity-label {
  display: none;
}
.woocommerce-cart .woocommerce table.shop_table div.quantity {
  float: none;
  display: inline-block;
}
.woocommerce-cart .woocommerce table.shop_table div.quantity .qty {
  border: none;
  width: 2.5em;
}
.woocommerce-cart .woocommerce .cart .button {
  color: #ce2b30;
  background-color: #fff;
  border: 2px solid #ce2b30;
  border-radius: 5px;
  font-size: 0.7em;
  font-weight: 500;
  padding: 8px 32px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce-cart .woocommerce .cart .button:hover {
  color: #fff;
  background-color: #ce2b30;
  border: 1px solid #ce2b30;
}
.woocommerce-cart .woocommerce .cart .apply_coupon {
  border: 1px solid #ce2b30;
  color: #ce2b30;
}
.woocommerce-cart .woocommerce .cart-collaterals {
  padding: 30px 15px 0 15px;
  background-color: #fff;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
  float: left;
  width: 100%;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .order-total th {
  font-weight: bold !important;
}
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: auto;
  }
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table {
  text-align: right;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table th {
  border-bottom: 1px solid #8d8d8d;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table td {
  border-bottom: 1px solid #8d8d8d;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 1.2em;
  font-weight: 500;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0.4em 2em;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.woocommerce-cart .woocommerce .quantity .qty {
  width: 1.5em;
  border: none;
}
@media (max-width: 768px) {
  .woocommerce #content table.cart .product-thumbnail {
    display: inline-block !important;
  }
}
@media (max-width: 768px) {
  .woocommerce table.cart .product-thumbnail {
    display: inline-block !important;
  }
}
@media (max-width: 768px) {
  .woocommerce-page #content table.cart .product-thumbnail {
    display: inline-block !important;
  }
}
@media (max-width: 768px) {
  .woocommerce-page table.cart .product-thumbnail {
    display: inline-block !important;
  }

}
.woocommerce-error::before {
  right: 0.6em;
}
.woocommerce-info::before {
  right: 0.6em;
}
.woocommerce-message::before {
  right: 0.6em;
}
/*====================================
=            shop.less         =
====================================*/
.woocommerce-page {
  background: #fff;
}
#page #order_review_heading {
  font-size: 1.55em;
  font-weight: 300;
  margin-bottom: 25px;
}
#page #order_review .shop_table {
  border-radius: 0;
}
#page #order_review .shop_table thead th {
  text-align: right;
  background: #e5e5e5;
}
#page #order_review #payment .pay-wrapper:hover .pay {
  color: #ce2b30;
}
#page #order_review #payment .pay {
  position: absolute;
  top: 1.9vh;
  left: 23vw;
  z-index: 1;
  color: white;
  font-size: 1em;
}
@media (min-width: 992px) {
  #page #order_review #payment .pay {
    left: 1vw;
    top: 1.5vh;
  }
}
#page #order_review #payment input[type="submit"] {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 1.2em;
  font-weight: 500;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0.4em 2em;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#page #order_review #payment input[type="submit"]:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
#page .woocommerce-message {
  border: 2px solid #ce2b30;
}
#page .woocommerce-message:before {
  color: #ce2b30;
}
#page .woocommerce-message .button.wc-forward {
  border: none;
  background: transparent;
  color: #ce2b30;
  font-size: 1.1em;
}
#page .woocommerce-message .button.wc-forward:hover {
  text-decoration: underline;
}
#page .woocommerce-message .button.wc-forward:after {
  content: "e90a";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7em;
}
#page .woocommerce .woocommerce-ordering select:active {
  outline: none;
}
#page .woocommerce .woocommerce-ordering select:hover {
  outline: none;
}
#page .woocommerce .woocommerce-ordering select:focus {
  outline: none;
}
#page .woocommerce .woocommerce-ordering select option {
  color: #111111;
  font-size: 0.8em;
  border-top: 1px solid #e5e5e5;
  font-weight: normal;
}
@media (min-width: 992px) {
  #page ul.products {
    display: block;
  }
}
#page ul.products li.product {
  text-align: center;
}
#page ul.products li.product .woocommerce-LoopProduct-link:hover {
  color: #111111;
}
#page ul.products li.product .woocommerce-LoopProduct-link h3,
#page ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
  font-weight: 400;
  font-size: 1.3em;
  height: auto !important;
}
@media (min-width: 992px) {
  #page ul.products li.product .woocommerce-LoopProduct-link h3,
  #page ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    font-size: 1em;
    height: 35px;
  }
}
#page ul.products li.product .woocommerce-LoopProduct-link .price {
  color: #111111;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 1.3em;
  margin-bottom: 1em;
  padding-top: 10px;
}
@media (min-width: 992px) {
  #page ul.products li.product .woocommerce-LoopProduct-link .price {
    font-size: 1em;
  }
}
#page ul.products li.product .woocommerce-LoopProduct-link .price ins {
  font-weight: 500;
  text-decoration: none;
}
#page ul.products li.product .woocommerce-LoopProduct-link .price del {
  margin: 0 5px;
}
#page ul.products li.product .button {
  margin-top: 0 !important;
  border: 2px solid #111111;
  background-color: white;
  border-radius: 5px;
  color: #111111;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0.45em 2.1em;
  position: relative;
  font-size: 1.1em;
}
#page ul.products li.product .button:hover {
  color: #fff;
  background-color: #ce2b30;
  border: 2px solid #ce2b30;
}
#page ul.products li.product .button:after {
  font-family: icomoon;
  content: 'e90a';
  position: absolute;
  margin-right: 5px;
  font-size: 0.7em;
  line-height: 1.45;
}
#page .woocommerce-ordering,
#page .woocommerce-result-count {
  margin: 1em 0 2em;
  font-size: 0.85em;
}
#page .woocommerce-result-count {
  padding-top: 0.4em;
  font-size: 1em;
}
@media (min-width: 992px) {
  #page .woocommerce-result-count {
    padding-top: 0.1em;
  }
}
.checkout-extra-info {
  font-size: 1em;
}
.select2-container .select2-selection--single {
  height: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 2.2 !important;
}
#ship-to-different-address span {
  padding: 0 35px;
}
.woocommerce-checkout-review-order-table {
  background-color: #fff;
}
.woocommerce-checkout-review-order-table thead th {
  text-align: right;
  background: #e5e5e5;
}
.woocommerce-checkout-review-order-table tfoot .order-total {
  background: #fff;
}
.woocommerce-checkout-review-order-table tfoot th {
  text-align: right;
}
a.woof_front_toggle {
  float: left;
  padding-left: 5px;
}
.woocommerce form .form-row label .required {
  text-decoration: none;
}
.woocommerce-page .woocommerce ul.products li.product {
  width: 100%;
  float: none;
  margin: 0 0 3em 0;
}
@media (min-width: 768px) {
  .woocommerce-page .woocommerce ul.products li.product {
    width: 48%;
    height: 24em;
    float: right;
    margin: 0 1% 6.5em 1%;
  }
}
@media (min-width: 992px) {
  .woocommerce-page .woocommerce ul.products li.product {
    width: 22.6%;
    height: 24em;
    float: right;
    margin: 0 1% 4.5em 1%;
  }
}
.page-template-default .woocommerce ul.products li.product {
  width: 100%;
  float: none;
  margin: 0 0 3em 0;
}
@media (min-width: 768px) {
  .page-template-default .woocommerce ul.products li.product {
    width: 48%;
    height: 24em;
    float: right;
    margin: 0 1% 6.5em 1%;
  }
}
@media (min-width: 992px) {
  .page-template-default .woocommerce ul.products li.product {
    width: 22.6%;
    height: 24em;
    float: right;
    margin: 0 1% 4.5em 1%;
  }
}
.p-strip-custom .woocommerce ul.products li.product {
  width: 100%;
  float: right;
  margin: 0 0 3em 0;
  height: auto;
}
@media (min-width: 768px) {
  .p-strip-custom .woocommerce ul.products li.product {
    width: 48%;
    height: 24em;
    float: right;
    margin: 0 1% 6.5em 1%;
  }
}
@media (min-width: 992px) {
  .p-strip-custom .woocommerce ul.products li.product {
    width: 22.6%;
    /*height: 15em;*/
    height: auto;
    float: right;
    margin: 0 1% 4.5em 1%;
  }
}
.quantity-btn {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: inline-block;
  vertical-align: top;
  font-size: 0.8em;
  text-align: center;
  line-height: 2em;
}
.product-quantity {
  text-align: right;
}
.wc-proceed-to-checkout .icon-arrow_left:before {
  content: "";
}
.quantity-wrapper {
  direction: ltr;
  text-align: right;
}
@media (min-width: 992px) {
  .quantity-wrapper {
    text-align: right;
  }
}
.woocommerce-checkout #page {
  background-color: #f7f7f7;
}
.woocommerce-cart #page {
  background-color: #f7f7f7;
}
.woocommerce-account #page {
  background-color: #f7f7f7;
}
.woocommerce ul.products li.product .onsale {
  background-color: #ce2b30;
  font-weight: normal;
}
.woocommerce ul.products li.product span.onsale {
  left: auto;
  right: 0;
  display: table;
  z-index: 20;
  pointer-events: none;
  height: 2.8em;
  width: 2.8em;
  min-height: 2.8em;
  min-width: 2.8em;
  line-height: 2.4em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1.2em;
  margin: 0;
}
.search-results ul.products li.product span.onsale {
  left: auto;
  right: 0;
  display: table;
  z-index: 20;
  pointer-events: none;
  height: 2.8em;
  width: 2.8em;
  min-height: 2.8em;
  min-width: 2.8em;
  line-height: 2.4em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1.2em;
  margin: 0;
  background-color: #ce2b30;
  font-weight: normal;
  padding: 0.202em;
  position: absolute;
  text-align: center;
  top: -0.5em;
  border-radius: 100%;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.woocommerce-account .entry-contnet .navbar-default li > a {
  padding: 4.5px 1em;
}
@media (min-width: 992px) {
  .woocommerce-account .entry-contnet .navbar-default li > a {
    padding: 4.5px 1.2em;
  }
}
.woocommerce form .form-row-first {
  float: none !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .woocommerce form .form-row-first {
    float: right !important;
    width: 47% !important;
  }
}
.woocommerce form .form-row-last {
  float: none !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .woocommerce form .form-row-last {
    float: left !important;
    width: 47% !important;
  }
}
.woocommerce-page form .form-row-first {
  float: none !important;
  width: 100%;
}
@media (min-width: 992px) {
  .woocommerce-page form .form-row-first {
    float: right !important;
    width: 47% !important;
  }
}
.woocommerce-page form .form-row-last {
  float: none!important ;
  width: 100%!important;
}
@media (min-width: 992px) {
  .woocommerce-page form .form-row-last {
    float: left !important;
    width: 47% !important;
  }
}
.single-product.woocommerce .text-underline:after {
  width: 100%;
}
.single-product.woocommerce table.shop_attributes {
  border: 0 dotted rgba(0, 0, 0, 0.1);
}
.single-product.woocommerce table.shop_attributes td {
  border: 0 dotted rgba(0, 0, 0, 0.1);
  text-align: right;
}
.single-product.woocommerce table.shop_attributes tr:nth-child(even) td {
  background: transparent;
}
.single-product.woocommerce table.shop_attributes tr:nth-child(even) th {
  background: transparent;
}
.single-product.woocommerce table.shop_attributes th {
  border: 0 dotted rgba(0, 0, 0, 0.1);
  text-align: right;
  width: 80px;
}
#billing_address_1_field {
  clear: right;
}
#shipping_address_1_field {
  clear: right;
}
.woocommerce-cart .quantity-wrapper {
  text-align: left;
}
@media (min-width: 992px) {
  .woocommerce-cart .quantity-wrapper {
    text-align: right;
  }
}
.woocommerce form .form-row.woocommerce-validated .select2-container {
  border-color: #ce2b30 !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
  border: 1px solid #111111 !important;
}
.woocommerce form .form-row.woocommerce-validated select {
  border-color: #ce2b30 !important;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select {
  border-radius: 5px;
  padding: 0.5em 0.5em 0.5em 2em;
  border: 1px solid #e5e5e5;
  font-size: 1.2em;
}
.arrow-wrapper {
  position: absolute;
  bottom: 0.5em;
  left: 10px;
  padding-left: 0;
  font-size: 0.8em;
  color: #111111;
  height: 20px;
  pointer-events: none;
  background: transparent;
}
@media (min-width: 992px) {
  .arrow-wrapper {
    bottom: 0.85em;
  }
}
.filter-open {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  padding: 1em;
  overflow: auto;
}
.woocommerce input[type="number"] {
  -moz-appearance: textfield;
}
.woocommerce select.orderby {
  padding: 0.5em 0.5em 0.5em 2em;
  font-size: 0.9em;
}
@media (max-width: 767px) {
  .woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
    color: transparent;
  }
  .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
    color: transparent;
  }
}
.woocommerce form .form-row.woocommerce-invalid .select2-container {
  border: 2px solid #ce2b30;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text {
  border: 2px solid #ce2b30;
}
.woocommerce form .form-row.woocommerce-invalid select {
  border: 2px solid #ce2b30;
}
.woocommerce-checkout .woocommerce-notice {
  margin: 0 0 1.2em;
  text-align: center;
  color: #ce2b30;
  font-size: 1.5em;
}
li.product:after {
  content: '';
  background-image: url(images/Sale-PNG.png);
  background-size: contain;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  left: 10px;
  right: auto;
  z-index: 2;
  display: none;
}
.woocommerce-product-gallery:after {
  content: '';
  background-image: url(images/Sale-PNG.png);
  position: absolute;
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 10px;
  right: auto;
  z-index: 2;
  display: none;
}
/********* single-product.less***********/
.woocommerce span.onsale {
  right: 0.5em;
  left: auto !important;
  display: table;
  z-index: 20;
  pointer-events: none;
  height: 2.8em;
  width: 2.8em;
  min-height: 2.8em;
  min-width: 2.8em;
  line-height: 2.4em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0;
}
.woocommerce #content .product .woocommerce-product-details__short-description {
  padding-bottom: 15px;
}
.woocommerce #content .product .product_title {
  /*font-size: 2em;*/
  font-size: 1.5em; /*rh*/
  margin-bottom: 12px;
}
.woocommerce #content .product .summary {
  float: none !important;
  max-width: none;
  width: auto !important;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .woocommerce #content .product .summary {
    max-width: 48%;
    margin-right: 25px;
    margin-bottom: 2em;
  }
}
.woocommerce #content .product .images {
  float: right !important;
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.woocommerce #content .product .images .thumbnails {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.woocommerce #content .product .images img {
  max-width: 100%;
  width: auto;
}
.woocommerce #content .product .images .woocommerce-product-gallery__trigger {
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
  background: transparent;
}
@media (min-width: 992px) {
  .woocommerce #content .product .images .woocommerce-product-gallery__trigger {
    left: auto;
    right: 4.5em;
    width: auto;
    height: auto;
  }
}
.woocommerce #content .product .images .flex-viewport {
  width: 75%;
}
.woocommerce #content .product .images .flex-control-thumbs {
  width: 15%;
}
.woocommerce #content .product .images .flex-control-thumbs li {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #e5e5e5;
  padding: 5px;
}
.woocommerce #content .product .quantity-btn {
  width: 2em;
  height: 2em;
  line-height: 2.1em;
}
.woocommerce #content .product .price {
  color: #111111;
  font-size: 1.3em;
  margin: 0.4em 0;
}
@media (min-width: 992px) {
  .woocommerce #content .product .price {
    /*font-size: 1.5em;*/
    font-size: 1.2em;
    margin: 0.1em 0;
  }
}
.woocommerce #content .product .price ins {
  text-decoration: none;
  font-weight: 300;
}
.woocommerce #content .product .price ins .woocommerce-Price-currencySymbol {
  margin-right: 5px;
}
.woocommerce #content .product .summary .product_meta {
  color: #8d8d8d;
  margin: 6px 0;
  /*font-size: 1.2em;*/
  font-size: 1em; /*rh*/
}
@media (min-width: 992px) {
  .woocommerce #content .product .summary .product_meta {
    margin: 6px 0;
  }
}
.woocommerce #content .product .cart .button {
  border-radius: 5px;
  padding: 8px 15px;
  background-color: #ce2b30;
  border: 1px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce #content .product .cart .button:hover {
  background-color: #fff;
  color: #ce2b30;
}
.woocommerce #content .product .cart .quantity {
  float: none;
  display: inline-block;
  background: transparent;
  margin: 0;
}
.woocommerce #content .product .cart .quantity .qty {
  border: none;
  width: 2em;
  font-size: 1.4em;
  line-height: 1.45em;
  padding: 0;
}
@media (min-width: 992px) {
  .woocommerce #content .product .cart .quantity .qty {
    width: 2.5em;
    font-size: 1.25em;
    line-height: 1.3em;
  }
}
.woocommerce #content .product .cart .quantity-label {
  color: #949494;
  /*font-size: 1.3em;*/
  font-size: 1em;
  padding-bottom: 6px;
}
.woocommerce #content .product .cart .show-size {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 400;
  font-size: 0.9em;
  display: block;
  width: 75%;
  text-align: left;
  padding: 8px 8px 0 0;
}
.woocommerce #content .product .cart td {
  display: block;
  text-align: right;
  max-width: 300px;
  line-height: 1em;
}
.woocommerce #content .product .cart td.label {
  color: #949494;
  font-size: 1em;
}
.woocommerce #content .product .cart td.label > label {
  font-weight: 400;
  font-size: 1em;
}
.woocommerce #content .product .cart td.value {
  padding-bottom: 15px;
}
.woocommerce #content .product .cart .button {
  float: left;
  margin: 30px 0 0;
  padding: 10px 50px;
}
.woocommerce #content .product .thumbnails a {
  width: auto !important;
  border: 1px solid #e5e5e5;
}
.woocommerce .variations .value {
  position: relative;
}
.woocommerce .variations .value select {
  min-width: 100% !important;
}
.woocommerce .variations .value .arrow-wrapper {
  position: relative;
  bottom: 1.6em;
  right: 90%;
}
.single-product .modal-size .close {
  font-size: 1.8em;
  color: #111111;
  text-shadow: none;
  opacity: 0.8;
  filter: alpha(opacity=100);
  background: #ffffff;
  border-radius: 100%;
  padding: 0 0.4em;
  line-height: 1.3em;
  top: -28px;
  right: -39px;
}
/**  check out.less  **/
.woocommerce .before-checkout {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.woocommerce form.login {
  text-align: right !important;
  margin: 0 !important;
  border: none !important;
}
.woocommerce form.login p.no-over {
  overflow: hidden;
}
.woocommerce form.login input[type=submit] {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: 400;
  display: inline-block;
  float: left;
  clear: both;
  padding: 7px 45px;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1em;
}
.woocommerce form.login input[type=submit]:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.woocommerce form.login .lost_password {
  text-decoration: underline;
}
.woocommerce form.checkout_coupon {
  border: none !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea.input-text {
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  line-height: 2.2 !important;
  padding: 0 5px;
}
.woocommerce form .form-row label {
  font-size: 1.15em;
  font-weight: 500;
}
.woocommerce form .form-row label .required {
/*  color: #111111;*/
}


.club-astrik {
    color: red;
    font-weight: 700;
    border: 0!important;
}

.woocommerce .woocommerce-checkout-payment .button {
  border-radius: 5px;
  background-color: #ce2b30 !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: 400;
  display: inline-block;
  float: left;
  clear: both;
  padding: 0.7em 2em;
  border: 1px solid #ce2b30 !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: left !important;
}
.woocommerce .woocommerce-checkout-payment .button:hover {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.woocommerce table.shop_table td {
  text-align: right;
}
.woocommerce table.shop_table td.product-name {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.woocommerce .woocommerce-info {
  border: none;
  margin: 0 0 1em !important;
}
.woocommerce .woocommerce-info:before {
  content: '';
}
.woocommerce .woocommerce-info .showlogin {
  color: #ce2b30;
  border: 1px solid #ce2b30;
  background-color: transparent;
  border-radius: 5px;
  font-size: 1.55em;
  font-weight: 300;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px 5px;
}
@media (min-width: 992px) {
  .woocommerce .woocommerce-info .showlogin {
    padding: 0.1em 3.3em;
  }
}
.woocommerce .woocommerce-info .showlogin:hover {
  background-color: #ce2b30;
  color: #fff;
}
.woocommerce .woocommerce-info .showcoupon {
  color: #ce2b30;
  border: 1px solid #ce2b30;
  background-color: transparent;
  border-radius: 5px;
  font-size: 1.55em;
  font-weight: 300;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px 5px;
}
@media (min-width: 992px) {
  .woocommerce .woocommerce-info .showcoupon {
    padding: 0.1em 3.3em;
  }
}
.woocommerce .woocommerce-info .showcoupon:hover {
  background-color: #ce2b30;
  color: #fff;
}
.woocommerce .woocommerce-form-login label {
  font-size: 1.1em !important;
  font-weight: 400 !important;
}
.woocommerce .woocommerce-form-login .input-text {
  height: 38px !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  font-size: 0.7em;
  font-weight: 500;
}
.woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
  height: 23px;
  width: 23px;
  margin-left: 5px;
}
.woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:after {
  content: '';
}
.woocommerce .woocommerce-checkout #customer_details label {
  font-size: 1.1em;
}
.woocommerce .woocommerce-checkout #customer_details input[type="text"] {
  height: 38px;
}
.woocommerce .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label span {
  font-size: 1em;
  font-weight: 400;
}
.woocommerce-shipping-fields {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .woocommerce-shipping-fields {
    margin-bottom: 0;
  }
}
.woocommerce .woocommerce-checkout #customer_details label {
  font-weight: 400;
}
.socials-list img {
  border-radius: 8px;
  padding: 0 4px;
  width: 38px;
}
.ywsl-social img {
  border-radius: 8px;
  padding: 0 4px;
  width: 38px;
}
.wc-social-login .ywsl-label {
  display: inline-block;
}
.wc-social-login .socials-list {
  display: inline-block;
}
.woocommerce-checkout .woocommerce-info {
  padding: 0;
}
.woocommerce-checkout .woocommerce .login {
  padding-right: 0;
}
.woocommerce-checkout .woocommerce .login {
  padding-right: 0;
}
.woocommerce .col-md-7 .woocommerce-form-login p {
  font-size: 1em;
}
.woocommerce .col-md-7 .woocommerce-form-login {
  margin: 15px 0 25px !important;
}
.woocommerce .col-md-7 .woocommerce-form-login .form-row-first {
  font-size: 1em;
  padding: 10px 0;
}
.woocommerce .col-md-7 .woocommerce-form-login .form-row-last {
  font-size: 1em;
  padding: 10px 0;
}
.woocommerce .col-md-7 .woocommerce-form-login .woocommerce-form__label {
  font-size: 0.8em !important;
}
.woocommerce .col-md-7 .woocommerce-form-login .lost_password {
  font-size: 0.8em !important;
}
.woocommerce .col-md-7 .woocommerce-form-login .lst-psw {
  text-align: left;
}
.show-ywsl-box {
  display: none;
}
.woocommerce-checkout p.woocommerce-info {
  display: none;
}
@media (max-width: 992px) {
  .woocommerce ul.order_details li {
    float: none;
    margin-left: 0;
    font-size: 1em;
    border-left: 0 dashed #d3ced2;
    list-style-type: none;
    padding: 10px 0;
  }
}
/*====================================
=            my account.less         =
====================================*/
#page .woocommerce table .product-name {
  font-weight: 700;
}
#page .woocommerce table.my_account_orders th {
  font-size: 1.25em;
  font-weight: 400;
}
#page .woocommerce table.my_account_orders tr {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  #page .woocommerce table.my_account_orders tr {
    margin-bottom: 0;
  }
}
#page .woocommerce table.my_account_orders td,
#page .woocommerce table.my_account_orders th {
  padding: 8px;
  text-align: right;
}
#page .woocommerce table.shop_table th {
  text-align: right;
  font-size: 1.2em;
  font-weight: 600;
  white-space: nowrap;
}
#page .woocommerce table.shop_table td {
  vertical-align: top !important;
  font-size: 1em;
  font-weight: 400;
}
#page .woocommerce .woocommerce-login .register {
  border: none;
  text-align: right;
  margin-top: 0;
}
#page .woocommerce .woocommerce-login .register input[type="text"],
#page .woocommerce .woocommerce-login .register input[type="email"] {
  height: 40px;
}
#page .woocommerce .woocommerce-login .register input[type="submit"] {
  padding: 7px 45px;
  font-size: 1em;
  font-weight: 400;
}
#page .woocommerce .woocommerce-login .register label {
  font-weight: 400;
  font-size: 1.1em;
}
#page .woocommerce .woocommerce-login .login label {
  font-weight: 400;
  font-size: 1.1em;
}
#page .woocommerce .woocommerce-login .login input[type="text"],
#page .woocommerce .woocommerce-login .login input[type="password"] {
  height: 40px;
}
#page .woocommerce .woocommerce-login .login input[type="password"] {
  margin-bottom: 22px;
}
#page .woocommerce .woocommerce-login .login .remember-me {
  font-size: 0.7em;
}
#page .woocommerce .woocommerce-login .login .remember-me .woocommerce-Input--checkbox {
  margin-top: 0;
}
#page .woocommerce .woocommerce-login .login .lost_password {
  font-size: 0.85em;
}
#page .woocommerce .woocommerce-customer-details h2 {
  background-color: transparent;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-size: 1.1em;
  font-weight: 400;
  border-bottom: 2px solid #ce2b30;
  padding-right: 3em;
}
#page .woocommerce .woocommerce-customer-details h3 {
  padding: 0 15px;
}
#page .woocommerce .woocommerce-customer-details address {
  padding: 15px;
}
#page .woocommerce .woocommerce-customer-details table td,
#page .woocommerce .woocommerce-customer-details table th {
  text-align: right;
}
#page .woocommerce .products-catalog .product {
  margin-bottom: 2.2em;
}
#page .woocommerce .products-catalog .woocommerce-loop-product__title {
  font-weight: 400;
  overflow: hidden;
  padding: 0.5em 0 0 0;
  margin: 0;
  font-size: 1em;
  height: 4em;
}
#page .woocommerce .products-catalog .thumbnail {
  margin-bottom: 0;
  border: 0 solid #dddddd;
  border-radius: 0;
}
#page .woocommerce .products-catalog .price {
  color: #111111;
  font-size: 1em;
}
#page .woocommerce .products-catalog .price ins {
  background: inherit;
  font-weight: 400;
  text-decoration: none;
}
#page .woocommerce .products-catalog .btn-white {
  color: #111111;
  border-radius: 4px;
  font-weight: 600;
  border: 2px solid #111111;
  margin-top: 1em;
  padding: 7px 35px;
}
#page .woocommerce .products-catalog .btn-white:hover {
  color: #fff;
  border: 2px solid #ce2b30;
}
#page .woocommerce .products-catalog .modal .modal-header .close {
  margin-top: 3px;
  color: #fff;
  font-size: 1.4em;
  background: #111111;
  border-radius: 100%;
  padding: 0.3em 0.45em;
  opacity: 1;
  font-weight: normal;
}
#page .woocommerce .products-catalog .modal h1 {
  font-size: 1.6em;
  margin-bottom: 0.1em;
}
#page .woocommerce .products-catalog .modal .price {
  font-size: 1.4em;
  margin-bottom: 0.1em;
}
#page .woocommerce .products-catalog .modal .price span {
  font-weight: 300;
}
#page .woocommerce .products-catalog .modal .price ins {
  text-decoration: none;
}
#page .woocommerce .products-catalog .modal .product-description {
  color: #111111;
  font-weight: 500;
  font-size: 1.125em;
  text-decoration: underline;
  -moz-text-decoration-color: red;
  /* Code for Firefox */
  text-decoration-color: red;
}
#page .woocommerce .products-catalog .modal p {
  font-size: 1em;
}
#page .woocommerce .products-catalog .modal .product-sku {
  font-weight: 300;
  color: #8d8d8d;
}
#page .woocommerce .products-catalog .modal h2 {
  margin-top: 0.3em;
  color: #111111;
  font-weight: 500;
  font-size: 1.125em;
  text-decoration: underline;
  -moz-text-decoration-color: #ce2b30;
  /* Code for Firefox */
  text-decoration-color: #ce2b30;
}
#page .woocommerce .products-catalog .modal table.shop_attributes {
  border: 0;
  border-top: none;
  margin-bottom: 0.3em;
  width: 100%;
}
#page .woocommerce .products-catalog .modal table.shop_attributes th {
  width: 150px;
  font-weight: 300;
  padding: 0;
  color: #8d8d8d;
  text-align: right;
  display: block;
  border-bottom: none;
  background: transparent !important;
}
#page .woocommerce .products-catalog .modal table.shop_attributes td {
  display: block;
  color: #8d8d8d;
  font-style: normal;
  border: none;
  background: transparent !important;
}
#page .woocommerce .products-catalog .modal table.shop_attributes p {
  margin-bottom: 10px;
}
#page .woocommerce .products-catalog .modal table.shop_attributes p a {
  color: #8d8d8d;
}
#page .woocommerce .personal-arrangement {
  padding: 0 1.5em;
  margin-bottom: 1.5em;
}
#page .woocommerce .personal-arrangement .thumbnail {
  float: right;
  width: 50%;
  padding: 5px;
  margin-left: 2%;
  border: none;
}

/* RH 05.05.24 */

#page .woocommerce .personal-arrangement.biz-orders-products .product-details,
#page .woocommerce .personal-arrangement.biz-orders-products .thumbnail {
  float: none;       /* Disable the floating */
  width: auto;       /* Reset width to default */
  padding: 0;        /* Remove padding */
  margin-left: 0;    /* Remove left margin */
  border: 0;         /* Remove borders */
}




#page .woocommerce .personal-arrangement .slick-arrow {
  top: 1.3vw;
  font-size: 1em;
}
#page .woocommerce .personal-arrangement .slick-prev {
  right: -1em;
}
#page .woocommerce .personal-arrangement .slick-next {
  left: -1em;
}
#page .woocommerce .personal-arrangement .product-details {
  float: right;
  width: 47%;
  padding: 5px;
  margin: 0;
}
#page .woocommerce .personal-arrangement .product-details h2 {
  font-size: 0.9em;
  margin-bottom: 0.2em;
  height: 3.8em;
  font-weight: normal;
}
#page .woocommerce .personal-arrangement .product-details .price {
  color: #111111;
  font-size: 0.9em;
  font-weight: normal;
}
#page .woocommerce .personal-arrangement .product-details .price ins {
  background: inherit;
  font-weight: normal;
  text-decoration: none;
}
#page .woocommerce .personal-arrangement .product-details .btn-white {
  color: #111111;
  border-radius: 4px;
  font-weight: 600;
  border: 2px solid #111111;
  margin-top: 0.9em;
  padding: 5px 20px;
}
#page .woocommerce .personal-arrangement .product-details .btn-white:hover {
  color: #fff;
  border: 2px solid #ce2b30;
  outline: none;
}
#page .woocommerce .my-account-content .temp-order .product-cart {
  margin: 2em 0;
}
@media (min-width: 992px) {
  #page .woocommerce .my-account-content .temp-order .product-cart {
    margin: 0.5em 0;
  }
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table {
  table-layout: fixed;
  border: none;
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table .product-thumbnail img {
  width: 100px;
  height: 100px;
  margin-top: -2em;
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table thead td {
  font-size: 1em;
  vertical-align: middle;
  text-align: right !important;
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table td {
  font-size: 0.8em;
  border: none;
  vertical-align: middle;
  text-align: right !important;
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table button {
  border-radius: 100%;
  background: transparent;
  color: #333333;
  font-size: 0.8em;
  padding: 0.8em 0.7em 0.5em;
  border: 1px solid #d4cccc;
  font-weight: bold;
}
#page .woocommerce .my-account-content .temp-order .product-cart table.shop_table button .icon-close:before {
  content: "e907";
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 1em;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
}
@media (max-width: 991px) {
  #page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper {
    border-right: 1px solid #8d8d8d;
  }
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper:first-child {
  border-right: 1px solid #000000;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper .quantity {
  display: inline-block;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper input {
  width: 2em;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper .quantity .qty {
  border: none;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper .size-header {
  border-bottom: 1px solid #000000;
  background-color: #e5e5e5;
  padding: 0.5em 0;
  border-right: 0 solid #000000;
  border-left: 0 solid #000000;
  border-top: 0 solid #000000;
}
#page .woocommerce .my-account-content .temp-order .product-cart .sizes .size-wrapper .quantity-wrapper {
  text-align: center;
  padding: 0.2em 1.2em;
}
#page .woocommerce .my-account-content .temp-order .product-cart .arrow-wrapper {
  bottom: 0.2em;
}
#page .woocommerce .my-account-content .temp-order .product-cart select {
  font-size: 1.1em;
}
@media (max-width: 767px) {
  #page .woocommerce .my-account-content .top-select .arrow-wrapper {
    left: 40px;
  }
}
#page .woocommerce .my-account-content label.checkbox span {
  line-height: 1.1;
}
@media (max-width: 767px) {
  #page .woocommerce .my-account-content select.branch {
    width: 90%;
    padding: 0.27em 1em 0.27em 1em;
  }
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .nav-tabs {
  border-bottom: none;
}
.navbar-default li {
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  margin: 0;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  width: 100%;
}
@media (min-width: 992px) {
  .navbar-default li {
    width: auto;
  }
}
.navbar-default li > a {
  padding: 4.5px 3.8em;
  font-size: 1.8em;
}
@media (min-width: 992px) {
  .navbar-default li > a {
    font-size: 1.1em;
  }
}
.navbar-default li.is-active {
  background: #fff;
}
.navbar-default li.is-active > a {
  color: #ce2b30;
}
.my-account-content {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 20px;
}
@media (min-width: 992px) {
  .my-account-content {
    padding: 50px;
  }
}
.my-account-content p {
  margin-bottom: 30px;
}
.my-account-content .woocommerce-order-details .woocommerce-order-details__title {
  padding-bottom: 15px;
  font-size: 1.1em;
  font-weight: 400;
  border-bottom: 2px solid #ce2b30;
  padding-right: 3em;
}
.my-account-content .edit-account label {
  font-size: 1.1em;
  font-weight: 400;
}
.woocommerce-edit-address .woocommerce-Address {
  border: 1px solid #e5e5e5;
}
.woocommerce-edit-address .woocommerce-Address-title {
  padding: 8px 15px;
}
.woocommerce-edit-address .woocommerce-Address-title h3 {
  float: right;
  font-size: 1em;
  line-height: 1.5em;
}
.woocommerce-edit-address .woocommerce-Address-title .btn-red {
  font-size: 0.7em;
}
.woocommerce-edit-address address {
  min-height: 250px;
  border-top: none;
  padding: 15px;
}
.woocommerce-account-fields .create-account {
  display: none;
}
label.checkbox span {
  padding-right: 30px;
  line-height: 1;
}
.woocommerce-login.padding-x-lg {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1400px) {
  .woocommerce-login.padding-x-lg {
    padding-right: 100px;
    padding-left: 125px;
  }
}
.woocommerce-login .padding-x-lg {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1400px) {
  .woocommerce-login .padding-x-lg {
    padding-right: 100px;
    padding-left: 125px;
  }
}
.woocommerce-login form .form-row-first {
  float: none !important;
  width: 100% !important;
}
.woocommerce-login form .form-row-last {
  float: none !important;
  width: 100% !important;
}
#allocation-form-modal .allocation-form label {
  font-weight: 400;
}
#allocation-form-modal h2 {
  font-size: 2em;
}
#allocation-form-modal .required-fields {
  font-size: 0.8em;
}
#allocation-form-modal .newsletter-checkbox {
  font-size: 0.8em;
}
#allocation-form-modal .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.woocommerce-EditAccountForm fieldset {
  padding: 0 1em 3.35em !important;
}
.woocommerce-EditAccountForm fieldset legend {
  font-size: 1.5em;
  color: #333333;
  padding: 0 0.5em;
}
@media (min-width: 992px) {
  .woocommerce-EditAccountForm fieldset legend {
    padding: 0 6.5em;
  }
}
label.checkbox input {
  opacity: 0;
}
label.checkbox span {
  display: inline-block;
  position: relative;
  padding-right: 2em;
  line-height: 1.5;
}
label.checkbox span:before,
label.checkbox span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  margin-right: 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  line-height: 1;
  top: 0;
}
label.checkbox span.large {
  line-height: 1;
}
label.checkbox span.large:before,
label.checkbox span.large:after {
  width: 30px;
  height: 30px;
  line-height: 1;
}
label.checkbox input[type="checkbox"]:checked + span.large:after {
  font-size: 20px;
}
label.checkbox input[type="checkbox"]:checked + span:after {
  font-family: 'FontAwesome';
  content: "f00c";
  text-align: center;
  padding-top: 3px;
  font-size: 14px;
}
.woocommerce-order-details__title {
  margin-bottom: 0;
  font-size: 1.6em;
}
.woocommerce-order-details .woocommerce-table__product-name a {
  font-weight: 600;
}
.woocommerce-order-details .woocommerce-table--order-details .totals-orders tr {
  background-color: #f7f7f7 !important;
}
.woocommerce-order-details .woocommerce-table--order-details .totals-orders tr .woocommerce-Price-amount {
  font-weight: 600;
}
.woocommerce-order-details .woocommerce-table--order-details .totals-orders tr .shipped_via {
  color: #b3b3b3;
}
.woocommerce-order-details .woocommerce-table--order-details .totals-orders tr .includes_tax {
  color: #b3b3b3;
}
.woocommerce-order-details .woocommerce-table--order-details .totals-orders th {
  font-size: 1.15em;
  text-align: left;
}
.woocommerce-order-details .woocommerce-table--order-details tfoot.totals-orders tr:last-child {
  background-color: #e5e5e5 !important;
}
.woocommerce-order-details .woocommerce-customer-details h2 {
  font-size: 1.6em;
  padding-right: 0;
  font-weight: 300;
  border-bottom: none;
  margin: 1.5em 0 0 0;
}
.woocommerce-order-details .woocommerce-customer-details table.shop_table {
  margin: 0 0 0 -1px;
  border-radius: 0;
}
.woocommerce-order-details .woocommerce-customer-details table tr th {
  font-size: 1.15em;
  text-align: left;
}
.woocommerce-order-details .woocommerce-customer-details .woocommerce-columns--addresses {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
}
.woocommerce-order-details .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column--billing-address {
  padding: 9px 12px;
}
.woocommerce-order-details .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column--shipping-address {
  padding: 9px 12px;
}
.woocommerce-order-details .woocommerce-customer-details .woocommerce-columns--addresses h3 {
  font-size: 1.25em;
}
.my-account-content .woocommerce-Address-title {
  /* RH 05.05.24 */  
  font-size: 1em;
  
  padding: 9px 12px;
}
.my-account-content .woocommerce-Address-title h3 {
  font-size: 1.15em;
  /*line-height: 1.5em;*/
  
  /* RH 05.05.24 */
  line-height: 1.9em;
}
.my-account-content .woocommerce-Address-title .btn-red-personal {
  color: #ce2b30 !important;
  background-color: #fff !important;
  clear: none;
}
.my-account-content .woocommerce-Address-title .btn-red-personal:focus {
  outline: none;
}
.my-account-content .woocommerce-Address-title .btn-red-personal:hover {
  color: #fff !important;
  background-color: #ce2b30 !important;
  outline: none;
}
.my-account-content .woocommerce-Address {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.my-account-content address {
  padding: 9px 12px;
}
.woocommerce .my-account-content .shop_table_responsive tr td {
  text-align: center !important;
  padding: 8px 0;
}
.woocommerce .my-account-content .shop_table_responsive tr td::before {
  display: none;
}
#page .woocommerce .products-catalog .modal .business-catalog table.shop_attributes th {
  text-align: center;
  width: auto;
}
@media (min-width: 992px) {
  #page .woocommerce .products-catalog .modal .business-catalog table.shop_attributes th {
    text-align: right;
  }
}
#page .woocommerce .products-catalog .modal .business-catalog h1 {
  margin: 0.4em 0;
  font-weight: 500;
}
#page .woocommerce .products-catalog .modal .business-catalog .price {
  margin: 0.4em 0;
  font-weight: 500;
}
#page .woocommerce .products-catalog .modal .business-catalog .product-sku {
  margin: 0.4em 0;
}
#page .woocommerce .products-catalog .modal .business-catalog .product-description {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .business-catalog h1 {
    margin: 0.2em 0;
  }
  .business-catalog .price {
    margin: 0.2em 0;
  }
  .business-catalog .product-sku {
    margin: 0.2em 0;
  }
}
@media (max-width: 767px) {
  #page .woocommerce .my_account_orders td:not(.woocommerce-orders-table__cell-order-actions) {
    text-align: right !important;
  }
}
.products-catalog .modal .modal-header {
  padding: 8px;
  border-bottom: 0 solid #e5e5e5;
}
.products-catalog .modal .close {
  position: absolute;
  top: 3px;
  right: 5px;
  z-index: 10;
}
.tlj {
  font-size: 14px;
}
.socials-list {
  margin: 0.8em 0;
}
.socials-list img {
  display: none;
}
.socials-list a.ywsl-social {
  margin-right: 8px;
}
.socials-list a.ywsl-social.ywsl-google:after {
  content: 'Google';
  display: block;
  background-color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  color: #ce2b30;
  border: 1px solid #ce2b30;
  width: 110px;
  text-align: center;
}
@media (min-width: 1430px) and (max-width: 1450px) {
  .socials-list a.ywsl-social.ywsl-google:after {
    margin-top: 20px;
  }
}
.socials-list a.ywsl-social.ywsl-facebook:after {
  content: 'Facebook';
  display: block;
  background-color: #3B5998;
  padding: 6px 12px;
  border-radius: 5px;
  color: #fff;
}
@media (max-width: 767px) {
  #customer_login .border-left {
    border: 0;
  }
}
.emp-order-wrapper {
  width: 100%;
  display: inline-block;
  margin: 2em 0;
}
.employee-order-temp .toggle-emp,
.all-order-temp .toggle-emp {
  display: inline-block;
}
.employee-order-temp .btn:focus,
.all-order-temp .btn:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.employee-order-temp .btn.focus,
.all-order-temp .btn.focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.set-order {
  outline: none;
  margin-top: 0;
  float: none;
}
@media (min-width: 992px) {
  .set-order {
    margin-top: 25px;
    float: left;
  }
}
.set-order:focus {
  outline: none;
  color: #fff;
}
.btn-white.set-employee-order {
  padding: 7px 12px;
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .btn-white.set-employee-order {
    margin: 1em;
  }
}
.btn-white.save-employee-order {
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .btn-white.save-employee-order {
    margin: 1em;
  }
}
.order-current-employee .open-employee-order {
  padding: 7px 12px;
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .order-current-employee .open-employee-order {
    margin: 1em;
  }
}
.order-current-employee .close-employee-order {
  vertical-align: bottom;
}
@media (max-width: 991px) {
  .order-current-employee .close-employee-order {
    margin: 1em;
  }
}
.employee-order-temp,
.emp-items {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .employee-order-temp,
  .emp-items {
    margin-right: 0 !important;
  }
}
.order-current-employee {
  display: inline-block;
}
@media (max-width: 767px) {
  .order-current-employee {
    width: 100%;
  }
}
.order-current-employee .form-control {
  border: 0 solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 12px;
}
.order-current-employee input[type="text"],
.order-current-employee input[type="tel"],
.order-current-employee input[type="email"],
.order-current-employee select {
  background-color: #fff;
  width: 100%;
  height: 40px;
  font-size: 1.3em;
  padding: 10px;
  margin-bottom: 14px;
  outline: none;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  font-weight: 300;
}
@media (min-width: 992px) {
  .order-current-employee input[type="text"],
  .order-current-employee input[type="tel"],
  .order-current-employee input[type="email"],
  .order-current-employee select {
    font-size: 1.3em;
  }
}
.order-current-employee textarea {
  background-color: #fff;
  color: #111111;
  height: 80px;
  padding: 2px 10px;
  margin-bottom: 14px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  font-weight: 300;
  resize: none;
  overflow: auto;
  outline: none;
  width: 100%;
}
@media (min-width: 992px) {
  .order-current-employee textarea {
    font-size: 1.3em;
  }
}
.order-current-employee input[type="submit"] {
  font-size: 1.2em;
}
@media (min-width: 992px) {
  .order-current-employee input[type="submit"] {
    font-size: 1em;
  }
}
.order-current-employee input[type="submit"]:focus,
.order-current-employee input[type="submit"] :active {
  outline: none !important;
}
.woocommerce .emp-order-wrapper .sizes {
  display: flex;
  display: -webkit-flex;
}
.woocommerce .emp-order-wrapper .sizes .size-wrapper {
  margin: 0 0 1.2em;
}
.woocommerce .emp-order-wrapper .sizes .size-wrapper .size-header {
  text-align: center;
  background: #e5e5e5;
  width: 100%;
  padding: 2px 12px;
  border-top: 1px solid #8d8d8d;
  border-right: 1px solid #8d8d8d;
  border-left: 1px solid #8d8d8d;
}
.woocommerce .emp-order-wrapper .sizes .size-wrapper .quantity-wrapper .qty {
  width: 5.5em;
  padding: 2px 12px;
  border: 1px solid #8d8d8d;
}
#page .woocommerce table.shop_table th.woocommerce-orders-table__header {
  text-align: center;
}
#page .woocommerce .woocommerce-customer-details h2 {
  font-size: 1.5em;
  font-weight: 400;
  border-bottom: 0 solid #ce2b30;
  padding-right: 0;
}
#page .woocommerce .woocommerce-customer-details .woocommerce-table--customer-details td {
  text-align: right;
  padding: 11px 12px;
}
#page .woocommerce .woocommerce-customer-details .woocommerce-table--customer-details th {
  text-align: left;
}
#page .woocommerce .woocommerce-order-details .woocommerce-table--order-details td {
  text-align: right;
  padding: 11px 12px;
}
#page .woocommerce .woocommerce-order-details .woocommerce-table--order-details th {
  text-align: left;
}
#page .woocommerce .woocommerce-order-details .woocommerce-table--order-details th.woocommerce-table__product-name {
  text-align: right;
}
#page .woocommerce .woocommerce-order-details .woocommerce-table--order-details th.woocommerce-table__product-table {
  text-align: right;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tbody {
  background-color: #fff;
}
.btn-red-personal {
  outline: none;
}
.btn-red-personal:focus {
  outline: none;
}
.btn-red-personal:hover {
  outline: none;
}
@media (max-width: 767px) {
  .woocommerce-page .woocommerce-info {
    padding: 1em 2em 1em 2em;
  }
  .woocommerce-page .woocommerce-info .button {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  .woocommerce-page .woocommerce-message {
    padding: 1em 2em 1em 2em;
  }
  .woocommerce-page .woocommerce-message .button {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .woocommerce-view-order table.woocommerce-table--order-details tr td {
    display: block;
    text-align: right !important;
  }
  .woocommerce-view-order table.woocommerce-table--order-details tr th {
    display: block;
    text-align: right !important;
  }
}
.add-employee-order {
  border: none;
  color: #ce2b30;
  font-size: 1.2em;
  outline: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.8em;
}
.add-employee-order i {
  background: #ce2b30;
  color: white;
  border-radius: 100%;
  font-size: 0.8em;
  height: 2.2em;
  width: 2.2em;
  line-height: 2.3em;
}
.employee-order-items-error {
  margin: 30px;
  color: #ce2b30;
}
.order-current-employee {
  position: relative;
}
.order-current-employee .error {
  position: absolute;
  left: 20px;
  color: #ce2b30;
  display: inline-block;
}
@media (min-width: 992px) {
  .order-current-employee .error {
    position: absolute;
    left: auto;
    right: auto;
    padding-right: 6px;
  }
}
.sidur-lables {
  padding-left: 0.5em;
  font-size: 1.2em;
}
.woocommerce .my-account-content select {
  font-size: 1.2em;
}
.woocommerce .my-account-content .arrow-wrapper {
  bottom: 0.65em;
}
.upload-order-file .input-group {
  display: block;
}
.upload-order-file .btn-danger {
  width: 100% !important;
}
.upload-order-file .btn-info {
  color: #ffffff;
  background-color: #ce2b30;
  border-color: #ce2b30;
  border-radius: 0;
}
.upload-order-file .btn-info:hover {
  background-color: #ce2b30;
  outline: 0;
}
.upload-order-file .btn-info:focus {
  background-color: #ce2b30;
  outline: 0;
}
.upload-order-file .btn-red-send:hover {
  background-color: #ce2b30;
  outline: 0;
  color: #ffffff !important;
}
.upload-order-file .btn-red-send:focus {
  background-color: #ce2b30;
  outline: 0;
  color: #ffffff !important;
}
.upload-order-file .form-control {
  border-radius: 0 5px 5px 0;
  background: transparent;
  border: 1px solid #ededed;
  width: 150px;
}
.upload-order-file .group-span-filestyle label span {
  border-radius: 5px 0 0 5px;
}
.upload-order-file .filename {
  
  /* RH 06.05.24 */
  display: inline-block;
  word-break: break-all;
  /*width: 80px;*/
  text-align: left;
  font-size: 14px;
  max-width: 250px;
  margin-top: 10px;
}
/* contact-page.less */
.page-template-page-contact #breadcrumbs {
  background-color: #f7f7f7;
}
.contact-section .contact-form-main {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .contact-section .contact-form-main {
    margin-bottom: 0;
  }
}
.contact-section .contact-info .contact-text {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 6.3vh;
}
.contact-section .contact-info .contact-text .font-600 {
  font-size: 1.1em;
}
.contact-section .contact-info .contact-text .color-gray-dark {
  font-size: 1.1em;
}
.contact-section .contact-info .contact-icon {
  font-size: 40px;
  color: #ce2b30;
  margin-bottom: 20px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .contact-section .contact-info .contact-icon {
    font-size: 2.8em;
  }
}
.contact-section .contact-info .contact-icon:hover {
  transform: rotate(20deg);
}
.contact-section .social-title {
  display: block;
}
.contact-section .social-icon {
  padding: 10px;
  display: inline-block;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-section .social-icon:hover {
  transform: translateY(-10px);
}
.contact-section .arrow-wrapper {
  position: absolute;
  bottom: 0.5em;
  left: 12px;
  padding-left: 0;
  font-size: 0.8em;
  color: #8d8d8d;
  height: 20px;
  pointer-events: none;
  background: transparent;
}
.map-wrapper {
  height: 200px;
}
@media (min-width: 992px) {
  .map-wrapper {
    height: 34.5vw;
  }
}
.map-wrapper #map {
  height: 100%;
}
.contact-info a.facebook {
  border-radius: 5px;
  font-size: 1.2em;
  color: #8d8d8d;
}
.contact-info a.google-plus {
  margin: 0 1.5em;
  font-size: 1em;
  color: #8d8d8d;
}
.contact-info a.youtube {
  font-size: 1.1em;
  color: #8d8d8d;
}
/* END contact-page.less */
/* about.less */
.benefits-wrapper {
  padding-top: 3.3vw;
  padding-bottom: 4.3vw;
}
.benefit-content {
  padding-right: 0.6vw;
  padding-left: 0.6vw;
}
.benefit {
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .benefit {
    margin: 0;
  }
}
.benefit-title {
  font-size: 1.5em;
  font-weight: 300;
}
.benefit-img {
  padding-bottom: 1.5em;
}
@media (min-width: 992px) {
  .benefit-img {
    padding-bottom: 1.5em;
  }
}
.about-sections {
  padding-top: 2.6vw;
  padding-bottom: 2.6vw;
}
.about-sections .about-title {
  font-size: 2em;
  font-weight: 300;
}
.about-sections .about-sub-text {
  font-size: 1em;
  line-height: 1.4;
  text-align: center;
  padding-right: 1vw;
  padding-left: 1vw;
}
.row-title {
  min-height: 19.8vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
}
.team-member {
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;
  height: 300px !important;
  overflow: hidden;
}
.team-member .team-member-text {
  text-align: center;
  height: inherit;
  position: relative;
  bottom: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: 50%;
  margin: 0 auto;
  color: #fff;
}
.team-member .team-member-text .member-title {
  display: inline-block;
  font-weight: 300;
  font-size: 1.5em;
  padding-bottom: 0.8vw;
  background-color: rgba(206, 43, 48, 0.68);
}
.team-member .team-member-text .member-text {
  display: block;
  background-color: rgba(206, 43, 48, 0.68);
}
.team-member .team-member-text .text-underline:after {
  background-color: #fff !important;
  margin-top: 0.8vw;
  width: 40%;
}
@media (min-width: 992px) {
  .team-member {
    height: 19.8vw !important;
  }
  .team-member .team-member-text {
    text-align: center;
    height: inherit;
    position: relative;
    bottom: -100%;
    background-color: rgba(206, 43, 48, 0.68);
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .team-member .team-member-text .member-title {
    display: inline-block;
    font-weight: 300;
    font-size: 1.5em;
    margin-bottom: 0.8vw;
    background-color: transparent;
  }
  .team-member .team-member-text .text-underline:after {
    background-color: #fff !important;
    margin-top: 0.8vw;
    width: 40%;
  }
  .team-member .team-member-text .member-text {
    display: block;
    background-color: transparent;
  }
  .team-member:hover .team-member-text {
    bottom: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.slick-next {
  border: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 40%;
  outline: none;
  font-size: 0.5em;
}
.slick-next i {
  font-size: 5.2em;
  color: #ce2b30;
}
.slick-prev {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 40%;
  outline: none;
  z-index: 99;
  font-size: 0.5em;
}
.slick-prev i {
  font-size: 5.2em;
  color: #ce2b30;
}
.slick-dots {
  list-style-type: none;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.slick-dots li {
  vertical-align: middle;
  display: inline-block;
}
.slick-dots li:before {
  cursor: pointer;
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 100%;
  margin: 0 5px;
  border: 1px solid #ce2b30;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active:before {
  background-color: #ce2b30;
}
.about-services-slider .slick-dots {
  margin-top: 10px;
  margin-bottom: 10px;
}
.about-services-slider .slick-slide img {
  display: inline-block;
  vertical-align: top;
}
.about-team .title-underline {
  margin-top: 0;
}
.about-team .team-members-slider .slick-prev {
  right: 0;
}
@media (min-width: 992px) {
  .about-team .team-members-slider .slick-prev {
    right: -15px;
  }
}
.about-team .team-members-slider .slick-next {
  left: 0;
}
@media (min-width: 992px) {
  .about-team .team-members-slider .slick-next {
    left: -20px;
  }
}
/* end about.less */
/* file name thank-you.less */
.thank-you {
  min-height: 84vh;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  .thank-you {
    background-image: none;
    top: auto;
  }
}
.thank-you-content {
  position: absolute;
  margin: 0 auto;
  top: 45vw;
  width: 100%;
}
@media (min-width: 992px) {
  .thank-you-content {
    top: 17vw;
  }
}
@media (max-width: 767px) {
  .thank-you-content {
    top: 10vw;
    width: 85vw;
  }
}
/* frontpage.less */
.categories-section {
  position: relative;
}
.categories-section .category-slider-wrapper {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.categories-section .category-slider-wrapper img {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.categories-section .category-slider-wrapper:hover img {
  transform: scale(1.1);
}
@media (min-width: 992px) {
  .categories-section .category-slider-wrapper {
    margin-bottom: 0;
  }
}
.categories-section .category-slider-wrapper .category-title-wrapper {
  position: absolute;
  top: 12em;
  /*top: 7.9em; /* RH */
  right: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  padding: 25px 0;
}

@media (max-width: 767px) {

   .categories-section .category-slider-wrapper .category-title-wrapper {
  		top: 18em;
	}
	
} /*767*/



.our-clients .our-clients-slider .client-image-wrapper {
  padding-top: 30px;
}
.our-clients .our-clients-slider .slick-prev {
  border: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 40%;
  outline: none;
  z-index: 99;
  font-size: 0.5em;
}
@media (min-width: 992px) {
  .our-clients .our-clients-slider .slick-prev {
    top: 40%;
  }
}
.our-clients .our-clients-slider .slick-next {
  border: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 40%;
  outline: none;
  font-size: 0.5em;
}
@media (min-width: 992px) {
  .our-clients .our-clients-slider .slick-next {
    top: 40%;
  }
}
.price-offer-stripe {
  border-top: 1px solid #ce2b30;
  border-bottom: 1px solid #ce2b30;
  height: auto;
}
@media (min-width: 992px) {
  .price-offer-stripe {
    border: 2px solid #ce2b30;
  }
}
.join-club-stripe {
  height: auto;
  display: block;
}
@media (min-width: 992px) {
  .join-club-stripe {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
  }
}
.p-strip-custom {
  height: auto;
}
.p-strip-custom p {
  text-align: center;
  margin-bottom: 1.2em;
}
@media (min-width: 992px) {
  .p-strip-custom {
    /*height: 22.5em;*/
    text-align: center;
  }
}
.p-strip-custom .title-underline {
  font-size: 1.7em;
}
@media (min-width: 992px) {
  .p-strip-custom .title-underline {
    font-size: 2.55em;
  }
}
.cat-art-section .border-box .display-block {
  padding: 0 2.6em;
}
.video-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  height: 600px;
  display: inline-block;
  z-index: 10001;
  top: 0;
}
.video-wrapper .video-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10002;
  background-color: transparent;
  color: #fff;
  border: none;
}
.video-wrapper .video-close .fa-times {
  background-color: red;
  color: #fff;
  border-radius: 100%;
  font-size: 1.2em;
  height: 1.7em;
  width: 1.7em;
  line-height: 1.7em;
}
.video-wrapper video {
  width: 100% !important;
  height: 100% !important;
}
.related.products h2 {
  white-space: normal;
  text-align: center;
}
.categories-slider .slick-dots {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mobile-product-slider .products li {
  margin: 0 0 3em 0 !important;
  height: auto !important;
  clear: none !important;
}
.quote-form-open:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1049;
}
/* END frontpage.less */
/* 404.less */
.btn-back-home {
  position: relative;
  bottom: 25vh;
  background-color: transparent;
  color: #fff;
  font-size: 0.9em;
  padding: 5px 25px;
  font-weight: bold;
  border: 2px solid #fff;
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-back-home:hover {
  background-color: #fff;
  color: #ce2b30;
  border: 2px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* end 404.less */
/** content-excerpt.less**/
.articles-home .meta {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 4vh;
  font-size: 0.8em;
  font-weight: 500;
}
.categories-nav ul {
  list-style: none;
}
.categories-nav ul .current-cat {
  background-color: #ce2b30;
}
.categories-nav ul .current-cat a {
  color: #fff;
}
.categories-nav ul li {
  display: inline-block;
  border: 1px solid lightgray;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 12px 60px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.categories-nav ul li:hover {
  background-color: #ce2b30;
}
.categories-nav ul li:hover a {
  color: #fff;
}
.image-wrapper img {
  width: 100%;
}
.article-text-wrapper p {
  padding: 0 20px;
  max-height: 9.6vh;
  overflow: hidden;
}
/** single.less **/
.excerpt p {
  font-size: 20px;
  line-height: 2;
  font-weight: 300;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .excerpt p {
    font-size: 1.3em;
  }
}
.single-section .social-share ul {
  list-style: none;
}
.single-section .social-share ul li {
  display: inline;
}
.single-section .social-share ul li i {
  padding: 8px;
}
.sidebar {
  padding-top: 18px;
}
.sidebar .sidebar-content {
  float: right;
  margin-left: 2%;
  text-align: right;
  width: 68%;
}
@media (min-width: 992px) {
  .sidebar .sidebar-content {
    float: right;
    margin-left: 2%;
    text-align: right;
    width: 68%;
  }
}
.sidebar .sidebar-thumb {
  float: left;
  width: 30%;
}
@media (min-width: 992px) {
  .sidebar .sidebar-thumb {
    float: left;
    width: 30%;
  }
}
.sidebar .sidebar-thumb img {
  max-width: 100%;
  height: auto;
}
.sidebar .widget {
  text-align: center;
  padding: 35px 20px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
}
.sidebar .widget ul {
  list-style: none;
}
.sidebar .widget ul li {
  margin-bottom: 25px;
}
.sidebar .recent-posts-2 ul li {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.sidebar .recent-posts-2 ul li a {
  font-weight: 600;
}
.article .meta {
  padding-top: 30px;
}
.single-post #breadcrumbs {
  background-color: #f7f7f7;
}
.addtoany_shortcode .a2a_button_facebook .a2a_svg {
  background-color: #ce2b30 !important;
  color: #fff !important;
}
.addtoany_shortcode .a2a_button_email .a2a_svg {
  background-color: #ce2b30 !important;
  color: #fff !important;
}
.addtoany_shortcode .a2a_button_twitter .a2a_svg {
  background-color: #ce2b30 !important;
  color: #fff !important;
}
.addtoany_shortcode .a2a_button_linkedin .a2a_svg {
  background-color: #ce2b30 !important;
  color: #fff !important;
}
.addtoany_shortcode svg path {
  fill: #fff;
}
/**  qanda.les  **/
.collapse-btn {
  background-color: #ce2b30;
  border: none;
  color: white;
  padding: 6px 6px;
  border-radius: 5px;
  vertical-align: middle;
  margin-left: 25px;
  outline: none;
}
.collapse-btn:before {
  font-family: icomoon;
  content: '\e910';
  display: block;
  font-size: 2px;
  font-weight: 600;
}
.collapsed:before {
  font-family: icomoon;
  content: '\e911';
  display: block;
  font-size: 8px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .qanda-wrapper.padding-y-md3 {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.qanda-wrapper p {
  font-size: 1em;
}
@media (min-width: 992px) {
  .qanda-wrapper p {
    font-size: 1em;
  }
}
@media (max-width: 767px) {
  .qanda-wrapper p {
    padding-top: 10px;
  }
}
.qanda-wrapper span.bold {
  position: absolute;
  top: 10px;
  font-size: 1em;
}
@media (min-width: 992px) {
  .qanda-wrapper span.bold {
    position: relative;
    font-size: 1em;
    top: 0;
  }
}
/** standard.less **/
.standard-section .standard-bottom p {
  height: 9vh;
  overflow: hidden;
}
.page-template-page-standard #breadcrumbs {
  background-color: #f7f7f7;
}
/** articles-category.less **/
.category .categories-nav ul li a {
  padding: 0;
}
.category #breadcrumbs {
  background-color: #f7f7f7;
}
.blog .categories-nav ul li a {
  padding: 0;
}
.blog #breadcrumbs {
  background-color: #f7f7f7;
}
/* search.less */
.top-search {
  position: relative;
  margin-left: 19px;
  display: inline-block;
}
.top-search a {
  font-size: 1.4em;
  color: #111111;
  position: absolute;
  top: 1px;
  right: 20px;
}
.top-search input {
  margin-bottom: 4px;
}
.top-search #search-form {
  transition: all 0.5s;
  position: relative;
  width: 150px;
}
.top-search #search-form.open-search {
  opacity: 0;
  width: 10px;
  border: 1px solid transparent !important;
}
.search-results #page ul.products {
  display: inline-block;
  text-align: right;
}
.search-results #page ul.products li.product .button:after {
  position: relative;
}
.search-results #page .entry-content ul li:before {
  content: "";
}
/* end search.less */
.woocommerce #content .product .summary {
  width: 100% !important;
}
.matrix_table input {
  width: 50px;
}
.matrix_table .disabled_order {
  background: #A4A4A4;
}
/*====================================
=           page-landing.less        =
====================================*/
.landing-page-form {
  margin-top: 1em;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
@media (min-width: 992px) {
  .landing-page-form {
    flex-direction: row;
    -webkit-flex-direction: row;
  }
}
.landing-page-form .form-group {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .landing-page-form .form-group {
    margin-bottom: 0;
  }
}
div.wpcf7-response-output {
  border: 2px solid transparent !important;
}
/* page-branches.less  */
.img-wrapper {
  padding: 10px 0;
}
@media (min-width: 992px) {
  .img-wrapper {
    padding: 5vh 0;
  }
}
.branch-wrapper {
  margin-top: 2.5vw;
  font-size: 38px;
}
@media (min-width: 992px) {
  .branch-wrapper {
    font-size: 1em;
  }
}
.branch-wrapper .slick-dots {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .branch-wrapper .slick-dots {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.branch-wrapper h2 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .branch-wrapper h2 {
    margin-bottom: 2.8vw;
  }
}
.branch-wrapper .icons-wrapper {
  display: block;
}
@media (min-width: 992px) {
  .branch-wrapper .icons-wrapper {
    display: flex;
    display: -webkit-flex;
  }
}
.branch-wrapper .icons-wrapper .icon-wrapper-single {
  width: auto;
  font-size: 20px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
@media (min-width: 992px) {
  .branch-wrapper .icons-wrapper .icon-wrapper-single {
    font-size: 1em;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 12em;
  }
}
.branch-wrapper .icons-wrapper .icon-wrapper-single span:nth-child(2) {
  font-size: 13px;
  font-weight: bold;
  min-height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .branch-wrapper .icons-wrapper .icon-wrapper-single span:nth-child(2) {
    font-size: 1em;
    margin-bottom: 20px;
  }
}
.branch-wrapper .icons-wrapper .icon-wrapper-single .branch-info-entry {
  font-size: 15px;
}
@media (min-width: 992px) {
  .branch-wrapper .icons-wrapper .icon-wrapper-single .branch-info-entry {
    font-size: 1em;
  }
}
.branch-wrapper .branches-slider .slick-next {
  font-size: 0.3em;
}
.branch-wrapper .branches-slider .slick-prev {
  font-size: 0.3em;
}
/** videos.less**/
.youtube iframe {
  width: 100%;
}
.video-title-wrapper {
  padding: 30px 0;
}
.page-template-page-videos #breadcrumbs {
  background-color: #f7f7f7;
}
/* page-popup.less */
.popup-section {
  height: 90vh;
}
/* file name header.less */
@media (max-width: 992px) {
  #main-header .middle-header {
    margin-top: 35px;
  }
}
.top-header-mobile {
  border-top: 0 solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  z-index: 99999;
  display: block;
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 45px;
  background-color: #fff;
}
.top-header-mobile #mobile-header-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  clear: both;
}
.top-header-mobile #mobile-header-list > li {
  border-left: 1px solid #f7f7f7;
  padding: 0;
  width: 17%;
  float: right;
  text-align: center;
}
.top-header-mobile #mobile-header-list > li:last-child {
  border-left: 0px solid #f7f7f7;
}
.top-header-mobile #mobile-header-list > li.size1 {
  width: 14%;
  height: 47px;
}
.top-header-mobile #mobile-header-list > li.size1 .main-search-button {
  background: transparent;
  border: 0;
}
.top-header-mobile #mobile-header-list > li.size1 .main-search-button .icon-search {
  vertical-align: middle;
}
.top-header-mobile #mobile-header-list > li.size1 .navbar-toggle {
  right: 16px;
  top: 6px;
}
.top-header-mobile #mobile-header-list > li.logo-mobile {
  width: 38%;
}
.top-header-mobile #mobile-header-list > li.logo-mobile a {
  max-width: 120px;
  display: block;
  margin: 0 auto;
}
.top-header-mobile #mobile-header-list > li span.strip {
  width: 22px;
  height: 2px;
  background-color: #000;
  display: block;
  margin-bottom: 6px;
}
.top-header-mobile #mobile-header-list > li .icon-avatar {
  vertical-align: text-bottom;
}
.top-header-mobile #mobile-header-list > li .icon-avatar:before {
  font-size: 1.5em;
}
.top-header-mobile #mobile-header-list > li.header-shopping-cart {
  direction: ltr;
}
.top-header-mobile #mobile-header-list > li.header-shopping-cart .icon-agala {
  vertical-align: text-bottom;
}
.top-header-mobile #mobile-header-list > li.header-shopping-cart .icon-agala:before {
  font-size: 1.5em;
}
.top-header-mobile .top-buttons-red {
  padding: 0;
}
.top-header-mobile .user-menu > nav {
  display: none;
  position: absolute;
  top: 100%;
}
.top-header-mobile .user-menu a {
  font-size: 0.85em;
  text-align: left;
}
.top-header-mobile .user-menu a :hover {
  background-color: #ce2b30;
}
.top-header-mobile .user-menu > nav {
  display: none;
  position: absolute;
  top: 100%;
}
.top-header-mobile .user-menu > nav li {
  float: none;
  border: none;
  background-color: transparent;
}
.top-header-mobile .user-menu > nav a {
  padding: 4px 8px;
  font-weight: normal;
  line-height: 28px;
  display: block;
  color: #fff;
  border: none;
  background-color: #ce2b30;
  border-radius: 0;
  margin-right: 0;
}
.top-header-mobile .user-menu > nav a .fa {
  display: none;
}
.top-header-mobile .user-menu:hover > nav {
  display: inline-block;
  background-color: transparent;
  margin: 0;
  width: 120px;
  position: absolute;
  left: 0;
  margin-top: -2px;
}
.top-header-mobile form.header-search {
  width: 0;
  overflow: hidden;
  position: fixed;
  transition: all 0.5s;
  top: 0;
  height: auto;
  background: white;
}
.top-header-mobile form.header-search.open {
  width: 87%;
  padding-top: 0;
  height: 47px;
}
.top-header-mobile form .form-control {
  display: inline-block;
  height: 40px;
  padding: 4px 8px;
  font-size: 14px;
  color: #111111;
  background-color: #f7f7f7;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.top-header-mobile form .search-input {
  float: right;
  margin-left: 5px;
  width: calc(100% - 99px);
  max-width: 400px;
}
.top-header-mobile form .main-search-button-inside {
  float: right;
  background-color: transparent;
  border: 0;
  padding-left: 14px;
}
.top-header-mobile form .close-search-button-inside {
  float: right;
  background-color: transparent;
  border: 0;
  border-right: 1px solid #f7f7f7;
  padding: 0 16px 0 0;
}
.top-header-mobile form .close-search-button-inside .fa-angle-left {
  margin-top: 6px;
}
.top-header-mobile form .close-search-button-inside .fa-angle-left:before {
  font-size: 1.6em;
  color: #ce2b30;
}
.top-header-mobile .form-group {
  margin-bottom: 0;
  padding-top: 0;
}
.top-header {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: #fff;
  height: auto;
}
@media (min-width: 992px) {
  .top-header {
    height: 4.7vh;
    z-index: 9999999;
  }
}
.top-header .top-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: right;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
@media (max-width: 992px) {
  .top-header .top-right {
    margin-right: -15px;
    align-items: center;
    -webkit-align-items: center;
    min-height: 30px;
  }
}
.top-header .top-right .user-menu .top-buttons-red {
  padding: 2.1vw 1vw;
}
@media (min-width: 992px) {
  .top-header .top-right .user-menu .top-buttons-red {
    padding: 0.6vw 1.28vw;
  }
}
.top-header .top-right .user-menu a {
  padding: 7px 5px 5px !important;
  margin: 0;
  font-size: 0.7em;
}
@media (min-width: 992px) {
  .top-header .top-right .user-menu a {
    padding: 2px 12px 2px !important;
    font-size: 0.8em;
  }
}
@media (min-width: 992px) {
  .top-header .top-right {
    justify-content: inherit;
    -webkit-justify-content: inherit;
  }
}
.top-header .top-right a {
  text-align: right;
}
@media (max-width: 992px) {
  .top-header .top-right a {
    padding: 8px 0 !important;
    margin: 0 2px;
  }
}
@media (min-width: 992px) {
  .top-header .top-right a {
    margin-left: 2px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .top-header .top-right .connect {
    border-left: 1px solid #e5e5e5;
  }
}
.top-header .top-left {
  text-align: left;
}
@media (max-width: 992px) {
  .top-header .top-left {
    min-height: 30px;
  }
  .top-header .top-left a {
    font-size: 1em;
  }
}
.top-header .user-menu {
  padding: 0 0.2vw;
}
@media (min-width: 992px) {
  .top-header .user-menu {
    padding: 0 1.5vw;
  }
}
.top-header .user-menu a {
  font-size: 0.7em;
}
@media (min-width: 992px) {
  .top-header .user-menu a {
    font-size: 0.7em;
  }
}
.top-header .user-menu a :hover {
  background-color: #ce2b30;
}
.top-header .user-menu > nav {
  display: none;
  position: absolute;
  top: 100%;
}
.top-header .user-menu > nav li {
  float: none;
  border: none;
  background-color: transparent;
}
.top-header .user-menu > nav a {
  padding: 4px 8px;
  font-weight: normal;
  line-height: 28px;
  display: block;
  /*color: #fff;*/
  color: #ce2b30; /*RH*/
  border: none;
  background-color: #fff;
  border-radius: 0;
  margin-right: 0;
}
.top-header .user-menu > nav a .fa {
  display: none;
}
.top-header .user-menu:hover > nav {
  display: block;
  /*background-color: transparent;*/
  background-color: #fff;
}


/* RH */
.top-header .top-right .user-menu a:hover {
   background: #ce2b30;
   color: #fff; 
}

.top-header .user-menu:hover > .my-account {
  background: #fff;
  width: 100%;
  display: block;
  color: #ce2b30;
}
.user-menu:hover > .my-account {
  background: #ce2b30;
  width: 100%;
  display: block;
}
.social-navigation-header a {
  /*padding: 0.5vw 1.5vw;*/
  padding: 0.5vw 0.5vw; /*RH*/
  border-right: 1px solid #e5e5e5;
  text-align: center;
  color: #8d8d8d;
  background-color: #fff;
  font-size: 0.8em;
}
.social-navigation-header a:hover {
  /*background-color: #8d8d8d;*/
  background-color: #fff;
  color: #ce2b30;
}
.social-navigation-header a span {
  /*padding: 0.6em 0;*/
  line-height: 2.3em;
}

.social-navigation-header a:first-child {
    padding-right: 0;
}

.logo-fix {
  display: none;
}
@media (min-width: 992px) {
  .scrollActive .logo-contain {
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 130px;
    left: 10vw;
  }
  .scrollActive .logo-normal {
    display: none;
  }
  .scrollActive .logo-fix {
    display: block;
    margin: 5px 0;
  }
}
.ui-autocomplete-loading {
  /*background: url('images/ajax-loader.gif') no-repeat left center;*/
}
@media (min-width: 992px) {
  .middle-header {
    margin-top: 42px;
  }
}
.middle-header .header-search {
  padding-top: 1.2vw;
}
@media (min-width: 992px) {
  .middle-header .header-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.middle-header .header-search .search-input {
  margin-left: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .middle-header .header-search .search-input {
    width: 70%;
  }
}
.middle-header .header-search .search-input input {
  height: 40px;
}
.middle-header .header-search .search-select {
  margin-left: 10px;
  width: 70%;
  display: inline-block;
}
@media (min-width: 992px) {
  .middle-header .header-search .search-select {
    display: block;
    width: 20%;
  }
}
.middle-header .header-search .search-select select {
  height: 40px;
  cursor: pointer;
}
.middle-header .header-search .search-button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: none;
  font-size: 0.9em;
  line-height: 2.2vw;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.middle-header .header-search .search-button:hover {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #ce2b30 !important;
}
.middle-header .logo-contain {
  display: inline-block;
}
.bottom-header.affix {
  top: 4.4vh;
  z-index: 99999;
  left: 0;
  right: 0;
}
/* footer.less */
.site-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f7f7f7;
  text-align: center;
}
.site-footer .border-top {
  border-top: 2px solid #111111;
}
@media (min-width: 992px) {
  .site-footer {
    /*padding-top: 2.4vw;*/
    padding-top: 1vw;/*RH*/
    padding-bottom: 2.4vw;
    text-align: right;
  }
}
.site-footer .footer-link-list {
  line-height: 1.3;
  list-style-type: none;
  margin-bottom: 15px;
}
.site-footer .footer-link-list .link-label {
  font-size: 0.7em;
  font-weight: 500;
}
.site-footer .footer-link-list .link {
  font-size: 0.8em;
  font-weight: 500;
  color: #ce2b30;
}
.site-footer .footer-menu ul {
  list-style-type: none;
  line-height: 1.3;
}
.site-footer .footer-menu ul li {
  vertical-align: top;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .site-footer .footer-menu ul li {
    display: inline-block;
    width: 32%;
    margin-bottom: 0;
  }
}
.site-footer .footer-menu ul li a {
  font-size: 1.2em;
  padding: 0;
}
@media (min-width: 992px) {
  .site-footer .footer-menu ul li a {
    /*font-size: 1em;*/
    font-size: 17px;
  }
}
.site-footer .footer-menu ul li a:hover {
  color: #ce2b30;
  background-color: transparent;
}
.site-footer .footer-menu ul li .sub-menu li {
  width: 100%;
  display: block;
}
.site-footer .footer-menu ul li .sub-menu li a {
  font-size: 1em;
}
@media (min-width: 992px) {
  .site-footer .footer-menu ul li .sub-menu li a {
    font-size: 0.8em;
  }
}
.site-footer .footer-menu .current-menu-item > a {
  color: #ce2b30;
}
.copyrights {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.copyrights .rights {
  font-size: 0.6em !important;
  color: #111111;
  font-weight: 500;
}
/* footer bottom */
.sogo-logo {
  position: relative;
}
@media (min-width: 992px) {
  .sogo-logo {
    left: 20px;
  }
}
.sogo-logo img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: auto;
}
.sogo-logo span {
  font-size: 0.6em;
  padding-left: 5px;
  font-weight: 500;
  color: #8d8d8d;
}
@media (max-width: 768px) {
  .sogo-logo {
    text-align: center;
  }
}
.scrollup {
  background-color: #fff;
  display: none;
  position: fixed;
  right: 1vw;
  bottom: 2vw;
  z-index: 100;
  border: 1px solid;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}
.scrollup:hover {
  background-color: #ce2b30;
  color: #fff;
}
@media (min-width: 992px) {
  .scrollup {
    width: 1.8vw;
    height: 1.8vw;
  }
}
.scrollup i {
  position: absolute;
  font-size: 0.9em;
  right: 14px;
  top: 9px;
}
@media (min-width: 992px) {
  .scrollup i {
    right: 0.55vw;
    top: 0.3vw;
  }
}
.floating-btn {
  position: fixed;
  bottom: 2.8vw;
  left: 0;
  z-index: 1050;
}
.float-hidden-wrapper {
  position: fixed;
  bottom: 2.8vw;
  height: 206px;
  left: 3.5vw;
  width: 0;
  z-index: 1050;
  border-radius: 5px;
  border: none;
  background-color: #ce2b30;
  text-align: center;
  overflow: hidden;
  padding: 10px 0;
}
.float-hidden-wrapper .wpcf7-validation-errors {
  color: #fff !important;
}
.float-hidden-wrapper .wpcf7-not-valid-tip {
  color: #fff !important;
}
.float-hidden-wrapper .wpcf7-mail-sent-ok {
  color: #fff !important;
}
.float-hidden-wrapper .arrow-wrapper {
  position: absolute;
  bottom: 0.5em;
  left: 12px;
  padding-left: 0;
  font-size: 0.8em;
  color: #8d8d8d;
  height: 20px;
  pointer-events: none;
  background: transparent;
}
.float-hidden-wrapper .color-white {
  font-weight: 300;
}
.float-hidden-wrapper .close:hover {
  color: #fff;
  background-color: #ce2b30;
}
.float-hidden-wrapper .close:focus {
  color: #fff;
  background-color: #ce2b30;
}
.float-hidden-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.show {
  width: 93%;
  overflow: visible;
  transition: 0.5s;
}
.image-text {
  position: absolute;
}
.open .image-text {
  display: none;
}
.close {
  position: absolute;
  top: -30px;
  right: -30px;
}
.close .image-text {
  display: block;
}
.btn-white-form {
  background-color: #fff;
  color: #ce2b30;
  border-radius: 5px;
  font-size: 0.9em;
  padding: 6px 40px;
  font-weight: bold;
  border: 2px solid #ce2b30;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-white-form:hover {
  background-color: #ce2b30;
  color: #fff;
  border: 2px solid #fff;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
button.close-floating {
  color: white;
  font-weight: 100;
  opacity: 1;
  font-size: 1.5em;
  background-color: #111111;
  border-radius: 100%;
  outline: none;
  padding: 0.1em 0.4em 0.3em;
}
@media (min-width: 992px) {
  button.close-floating {
    padding: 0.1em 0.4em 0.3em;
  }
}
@media (min-width: 992px) {
  .modal-dialog {
    width: 55vw;
  }
}
.modal {
  top: 5vh;
}
.footer-social-navigation {
  margin-top: 1em;
}
.footer-social-navigation .col-md-5 {
  padding: 0;
}
.footer-social-navigation .socials-icons-title {
  margin-bottom: 20px;
  border-bottom: 2px solid #ce2b30;
  padding-bottom: 5px;
  display: inline-block;
}
@media (min-width: 992px) {
  .footer-social-navigation .socials-icons-title {
    border-bottom: 0 solid #ce2b30;
  }
}
.footer-social-navigation a.facebook {
  background: transparent;
  padding: 0.1em 0.7em 0.02em 0.6em;
  border-radius: 5px;
  font-size: 1em;
  color: #ce2b30;
}
@media (min-width: 992px) {
  .footer-social-navigation a.facebook {
    background: #ce2b30;
    color: #fff;
  }
}
.footer-social-navigation a.google-plus {
  margin: 0 4px;
  background: transparent;
  padding: 0.9em 0.6em 0.3em;
  border-radius: 5px;
  font-size: 0.8em;
  color: #ce2b30;
}
@media (min-width: 992px) {
  .footer-social-navigation a.google-plus {
    background: #ce2b30;
    color: #fff;
    font-size: 0.6em;
  }
}
.footer-social-navigation a.Youtube {
  background: transparent;
  padding: 0.1em 0.5em 0.02em 0.3em;
  border-radius: 5px;
  font-size: 1em;
  color: #ce2b30;
}
@media (min-width: 992px) {
  .footer-social-navigation a.Youtube {
    background: #ce2b30;
    color: #fff;
  }
}
#site-footer iframe {
  display: none;
}
@media (min-width: 992px) {
  #site-footer iframe {
    display: block;
  }
}
#site-footer #menu-footer-navigation {
  margin-top: 12px;
}
#site-footer #menu-footer-navigation .sub-menu {
  display: none;
}
@media (min-width: 992px) {
  #site-footer #menu-footer-navigation .sub-menu {
    display: block;
  }
}
#site-footer #menu-footer-navigation > li:hover .sub-menu {
  display: block;
}
.navbar-toggle {
  z-index: 3;
  position: relative;
  display: block;
  border: none;
  background: none;
  margin-left: 15px;
  margin-right: 0;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .strip1 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
  top: 27px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.navbar-toggle .strip2 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
  top: 35px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.navbar-toggle .strip3 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
  top: 43px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.navbar-header {
  float: right;
}
.offcanvas-stop-scrolling .navbar-toggle {
  position: absolute;
  z-index: 9999;
  right: 200px;
  left: auto;
  top: -10px;
}
.offcanvas-stop-scrolling .logo {
  visibility: hidden;
}
@media (min-width: 768px) {
  .offcanvas-stop-scrolling .logo {
    visibility: visible;
  }
}
.offcanvas-stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.navbar-default .navbar-offcanvas {
  background-color: #fff;
}
.navbar-inverse .navbar-offcanvas {
  background-color: #222;
}
.navbar-offcanvas {
  position: fixed;
  width: 100%;
  max-width: 250px;
  left: -250px;
  top: 0;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  overflow: auto;
}
.navbar-offcanvas.in {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.navbar-offcanvas.navbar-offcanvas-fade {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
}
.navbar-offcanvas.navbar-offcanvas-fade.in {
  opacity: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.navbar-offcanvas.offcanvas-transform.in {
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}
.navbar-offcanvas.offcanvas-position.in {
  left: 0;
}
.navbar-offcanvas.navbar-offcanvas-right {
  left: auto;
  right: -250px;
  padding-top: 5px;
}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
  left: auto;
  right: 0;
}
.navbar-offcanvas .dropdown.active .caret {
  border-top: 0;
  border-bottom: 4px solid;
}
.navbar-offcanvas .dropdown-menu {
  position: relative;
  width: 100%;
  border: inherit;
  -webkit-transition: height 0.15s ease-in;
  transition: height 0.15s ease-in;
}
.navbar-offcanvas .dropdown-menu.shown {
  display: block;
  margin-bottom: 10px;
}
.offcanvas-toggle .icon-bar {
  background: #000;
}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(5px, 4px);
  transform: rotate(45deg) translate(5px, 4px);
}
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
  opacity: 0;
}
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  transform: rotate(-45deg) translate(-4px, -4px);
}
.offcanvas-toggle.is-open .icon-bar:nth-child(4) {
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  transform: rotate(45deg) translate(-7px, 0px);
}
.navbar-offcanvas .primary-menu li a {
  text-align: right;
}
.main-menu .navbar-offcanvas ul.primary-menu {
  display: block;
}
.main-menu .navbar-offcanvas ul.primary-menu > li {
  display: block;
  font-size: 1em;
}
.main-menu .navbar-offcanvas ul.primary-menu > li.current-menu-item > a {
  background-color: #fff !important;
  color: #ce2b30 !important;
}
.offcanvas-stop-scrolling .offcanvas-toggle.is-open span {
  opacity: 0;
}
.navbar-toggle {
  z-index: 3;
  position: relative;
  right: 0;
  margin: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  border: none;
  background: none;
}
@media (min-width: 992px) {
  .navbar-toggle {
    top: auto;
  }
}
.navbar-toggle.is-open {
  width: 250px;
}
.navbar-toggle.is-open:before {
  content: "f00d";
  font-family: fontAwesome;
  position: absolute;
  right: 10px;
  z-index: 99999;
  top: -6px;
  font-size: 30px;
  color: #111111;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .strip1 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
  top: 27px;
}
.navbar-toggle .strip2 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
  top: 35px;
}
.navbar-toggle .strip3 {
  width: 32px;
  position: absolute;
  height: 3px;
  background-color: #000;
  display: block;
  margin-bottom: 5px;
}
.main-menu ul.primary-menu {
  display: inline-block;
}
.mobile .navbar-toggle.is-open:before {
  right: auto !important;
  left: 25px;
}
.mobile .navbar-toggle.is-open {
  width: 250px;
}
.offcanvas-stop-scrolling .offcanvas-toggle.is-open {
  left: -20px;
  opacity: 1;
  position: relative;
  z-index: 9999;
  top: -30px;
}
.offcanvas-stop-scrolling .navbar-toggle {
  right: 0;
}
.tlv-title {
  text-align: center;
  margin-bottom: 4rem;
}
.tlv-title h2 {
  display: inline-block;
  padding: 10px;
  background: #00b4f1;
  color: #fff;
}
fieldset {
  border: 0 solid #ce2b30 !important;
  margin: 0 2px 4em !important;
  padding: 0 !important;
  text-align: center;
}
@media (min-width: 992px) {
  fieldset {
    border: 2px solid #ce2b30 !important;
    padding: 0 3.5em 3.5em !important;
    border-radius: 4px;
  }
}
fieldset legend {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0;
  color: #ce2b30;
}
@media (min-width: 992px) {
  fieldset legend {
    padding: 0 3em;
  }
}
fieldset legend span {
  position: absolute;
  top: -4rem;
  width: 100%;
  right: 0;
  font-size: 3rem;
  font-weight: 700;
  color: #111111;
}
.tlv-banner {
  margin-bottom: 75px;
}
.woocommerce #tlv-form .shop_table {
  margin: 40px 0 24px -1px;
  border: none;
}
.woocommerce #tlv-form th {
  padding: 9px 0 9px 12px;
  border: none;
}
.woocommerce #tlv-form .shop_table_responsive tr {
  border: none;
}
.woocommerce #tlv-form .shop_table_responsive tr td {
  text-align: right !important;
  border: none;
}
.woocommerce select {
  padding: 0.27em 1em 0.27em 2.5em;
  font-size: 0.9em;
}
.woocommerce .arrow-wrapper {
  bottom: 0.05em;
}
@media (min-width: 992px) {
  .woocommerce .arrow-wrapper {
    bottom: 0.35em;
  }
}
.select-allocation .btn-small {
  margin: 0;
  font-size: 1em;
}
@media (min-width: 992px) {
  .select-allocation .btn-small {
    font-size: 0.8em;
  }
}
@media (max-width: 767px) {
  .select-allocation .btn-small {
    font-size: 0.9em;
    padding: 0.2em 1.2em 0.2em 1.2em;
  }
}
.select-allocation select {
  padding: 0.27em 1em 0.27em 2.5em;
  font-size: 1.3em;
  outline: none;
}
@media (min-width: 992px) {
  .select-allocation select {
    font-size: 0.9em;
  }
}
@media (max-width: 767px) {
  .select-allocation select {
    font-size: 0.9em;
    padding: 0.5em 0.8em 0.5em 2em;
  }
}
.select-allocation .arrow-wrapper {
  bottom: 0.4em;
}
@media (min-width: 992px) {
  .select-allocation .arrow-wrapper {
    bottom: 0.35em;
  }
}
.title-bottom-tlv {
  border-bottom: 2px solid #ce2b30;
  padding-bottom: 0.5em;
}
.woocommerce #tlv-form .shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent !important;
}
.woocommerce-page #tlv-form .shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent !important;
}
@media (min-width: 768px) {
  .woocommerce-page #tlv-form table.shop_table_responsive tr {
    display: table-row;
  }
  .woocommerce-page #tlv-form table.shop_table_responsive tr td {
    display: table-cell !important;
    padding: 8px 6px;
  }
}
.widget .woof_container_pa_size .woof_list li {
  margin: 0 !important;
  width: 23%;
  color: #949494;
  font-size: 0.9em;
}
.widget .woof_list_label li .woof_label_term:hover,
.widget .woof_list_label li .woof_label_term.checked {
  background-color: #fff;
  border-color: #ce2b30;
  color: #ce2b30;
}
.widget .woof_list_label .woof_label_term {
  background-color: transparent !important;
  border: 1px solid #949494;
  margin: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
}
.widget h4 {
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 500;
}
.widget .woof_checkbox_label {
  display: block !important;
  margin-left: 0;
  font-size: 1em;
  font-weight: 400;
  padding-top: 4px;
}
.widget .woof_color_term {
  width: 32px;
  height: 32px;
  padding: 2px;
  background-clip: content-box;
  transition: border-color 0.35s ease;
  border-radius: 50%;
  border: 1px solid #949494;
}
.widget .radio,
.widget .checkbox {
  margin: 0 0 5px 6px;
}
.widget .woof_container {
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px solid;
  overflow: hidden;
}
.widget .woof_color_checked {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid red;
  padding-top: 8px;
}
.widget .woof_color_checked:before {
  content: "e90b";
}
.widget .checked > .woof_color_checked {
  display: block;
}
.widget .woof_front_toggle {
  float: left;
  padding-left: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: transparent;
}
.widget .woof_front_toggle:after {
  content: "f107";
  color: #111111;
}
.widget .woof_front_toggle.woof_front_toggle_opened:after {
  content: "f106";
}
.woof_products_top_panel {
  display: none !important;
}
.woof_checkbox_term {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #f7f7f7;
  padding: 9px;
  border-radius: 4px;
  display: inline-block;
  float: right;
  margin-left: 12px !important;
  position: relative;
}
.woof_checkbox_term:checked {
  background-color: #fff;
  border: 1px solid #ce2b30;
  color: #111111;
  outline: none;
}
.woof_checkbox_term:checked:after {
  content: 'f00c';
  font-size: 18px;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #111111;
  font-weight: normal;
  font-family: FontAwesome;
}
.WOOF_Widget {
  padding-top: 3em;
}
@media (min-width: 992px) {
  .WOOF_Widget {
    padding-top: 0;
  }
}
/* order-tlv */
.order-tlv .allocation-help {
  position: absolute;
  left: 0;
  top: 50%;
  color: #333333;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #e5e5e5;
  background-color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
}
.order-tlv #myModal {
  top: 9vh;
}
.order-tlv #myModal .close {
  left: 1rem;
  top: 1rem;
  font-size: 4rem;
}
.order-tlv #myModal .modal-footer {
  text-align: left;
}
.order-tlv #myModal .modal-footer button {
  background-color: #ce2b30;
  border-color: #ce2b30;
}
.order-tlv .select-wrapper select {
  padding: 0 1.2em;
  font-size: 18px;
  line-height: 1.85;
  height: 100% !important;
}
.order-tlv .select-wrapper > span {
  padding: 0;
  position: absolute;
  font-size: 1.1rem;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.order-tlv .select-allocation input {
  background-color: #ce2b30;
  color: #fff;
  font-size: 18px;
  line-height: 1.85;
  padding: 0;
}
.order-tlv .select-allocation__flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 185px;
}
@media (min-width: 768px) {
  .order-tlv .select-allocation__flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: inherit;
  }
}
.order-tlv .select-allocation__flex > div {
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  .order-tlv .select-allocation__flex > div {
    margin-bottom: 0;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .order-tlv .select-allocation__flex > div {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.order-tlv .select-allocation__flex > input {
  font-weight: 400;
}
@media (min-width: 992px) {
  .order-tlv .select-allocation__flex > input {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.order-tlv fieldset {
  margin: 0 !important;
}
@media (min-width: 992px) {
  .order-tlv fieldset {
    margin: 0 0 3rem !important;
    padding: 0 !important;
  }
}
.order-tlv fieldset > legend {
  font-size: 1.6rem;
  margin-bottom: 20px;
  color: inherit;
}
.order-tlv fieldset > legend .legend-title {
  display: block;
  margin-bottom: 1rem;
  font-size: 2rem;
  position: relative;
  top: inherit;
}
.order-tlv fieldset > section .attributes {
  display: none;
}
.order-tlv fieldset > section .shop_table {
  margin: 0 !important;
}
@media (min-width: 992px) {
  .order-tlv fieldset > section .shop_table .tbody {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.order-tlv fieldset > section .shop_table .tbody .tlv-order-tr-wrapper {
  margin: 0 0 3rem !important;
}
@media (min-width: 992px) {
  .order-tlv fieldset > section .shop_table .tbody .tlv-order-tr-wrapper {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
  }
}
.order-tlv fieldset > section .shop_table .action-button {
  display: inline-block;
  padding: 0 15px;
  line-height: 1.5;
  margin-top: 0 !important;
  border: 1px solid #e5e5e5;
  background-color: white;
  border-radius: 5px;
  color: #111111;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  font-size: 1.1em;
}
.order-tlv fieldset > section .shop_table .remove-tr {
  border: 1px solid #e5e5e5;
  background-color: white;
  color: #111111;
}
.order-tlv fieldset > section .shop_table .remove-tr span:last-child {
  vertical-align: middle;
}
.order-tlv fieldset .tlv-order-tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .order-tlv fieldset .tlv-order-tr {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .order-tlv fieldset .tlv-order-tr {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.order-tlv fieldset .tlv-order-tr > div:first-child {
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
  margin-left: 1rem;
}
.order-tlv fieldset .tlv-order-tr > div:first-child .product-thumbnail {
  margin-bottom: 9px;
}
.order-tlv fieldset .tlv-order-tr > div:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
}
@media (min-width: 768px) {
  .order-tlv fieldset .tlv-order-tr > div:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
@media (min-width: 992px) {
}
.order-tlv fieldset .tlv-order-tr > div:last-child > div:not(:last-child) {
  margin-bottom: 10px;
}
.order-tlv fieldset .tlv-order-tr label {
  font-size: 1.3rem;
  text-align: right;
  display: block;
  margin-bottom: 2px;
}
.order-tlv fieldset .tlv-order-tr .select-wrapper {
  width: 100%;
}
.order-tlv fieldset .tlv-order-tr .select-wrapper select {
  width: 100%;
  padding: 0 15px;
  font-size: 0.8em;
  line-height: 2;
}
.order-tlv fieldset .tlv-order-tr .product-sku {
  font-size: 1.4rem;
}
.order-tlv fieldset .tlv-order-tr .product-name {
  font-size: 1.5rem;
}
.order-tlv .bottom-tlv-wrapper {
  display: block;
  max-width: 225px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .order-tlv .bottom-tlv-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: inherit;
  }
}
.order-tlv .bottom-tlv-wrapper .pickup-warpper {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .order-tlv .bottom-tlv-wrapper .pickup-warpper {
    margin-left: 30px;
    margin-bottom: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.order-tlv .bottom-tlv-wrapper button {
  line-height: 1.85;
  font-size: 18px;
}
@media (min-width: 768px) {
  .order-tlv .bottom-tlv-wrapper button {
    margin-bottom: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.order-tlv .tlv-banner {
  margin-bottom: 3rem;
}
.order-tlv .title-bottom-tlv {
  text-align: center;
  padding-bottom: 0.1em;
}
@media (min-width: 992px) {
  .order-tlv .title-bottom-tlv {
    text-align: right;
  }
}
.order-tlv .feedback {
  background-color: red;
}
.float-hidden-wrapper.show{
  height: auto;
}
#wpcf7-f2845-o3 .wpcf7-response-output {
    color: #fff;
}
/*******06-11-2020 start*******/
input#quote-quantity {
    width: 100%;
    background-color: #fff;
    width: 100%;
    height: 40px;
    font-size: 1em;
    padding: 0 10px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-weight: 300;
}
#wpcf7-f2845-o3 input#fast-quote-submit {
    width: 100% !important;
    height: 40px;
    padding: 0;
    line-height: 2.8;
    margin-top: 0px;
    border: 1px solid #e5e5e5;
}
.contact_menu{
   display:none !important;
}
#wpcf7-f2819-o1 input#quote-email,#wpcf7-f2819-o1 input#quote-phone{
    direction: rtl;
}
#wpcf7-f2826-o2 input#email-customer-club {
    direction: rtl;
}
#wpcf7-f4-p132-o1 input#branch-email {
    direction: rtl;
}
@media(max-width: 576px){
#wpcf7-f2819-o1 input#quote-phone,#wpcf7-f2819-o1 input#quote-email {
    direction: rtl;
}
.contact_menu{
   display:block !important;
}
.contact_menu a {
    color: #ce2b30 !important;
}
}
ul.footer-link-list li a {
    color: #ce2b30;
}
@media(max-width:576px){
li#menu-item-646780 {
    display: none;
}
}
/*******06-11-2020 end********/
/*****19-11-2020 start*********/
.float_form_success form.wpcf7-form.sent .row {
    display: none;
}
.float_form_success p.color-white.margin-bottom-lg {
    display: none;
}
.float_form_success .wpcf7-response-output {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.contact-form-bid.business_form_success .col-md-3,
.contact-form-bid.business_form_success .col-md-2,
.contact-form-bid.business_form_success .col-md-12 {
    display: none;
}
.contact-form-bid.business_form_success .wpcf7-response-output,.join_form_success .wpcf7-response-output{
    font-size: 25px;
    font-weight: 600;
}
.join_form_success .col-md-6,.join_form_success .col-md-4,.join_form_success .col-md-2,
.join_form_success .col-md-12{
    display: none;
}
/******19-11-2020 end**********/
.icon-avatar:before {
    content: "\e902" !important;
}
.icon-search:before {
    content: "\e904" !important;
}
.icon-agala:before {
    content: "\e903";
}
.icon-facebook:before {
    content: "\e900";
}
.icon-youtube:before {
    content: "\e901" !important;
}
#page ul.products li.product .button:after{
  content: "\e90a" !important;
}
.icon-arrow_left:before {
    content: "\e90a" !important;
}
.s-checkbox-group input[type="checkbox"]:checked + label:after, .s-checkbox-group input[type="checkbox"]:checked + span:after{
  content: "\e90b";
}
#page .woocommerce-message .button.wc-forward:after{
   content: "\e90a" !important;
}
label.checkbox input[type="checkbox"]:checked + span:after{
  content: "\f00c";
}
.icon-close:before{
  content: "\e907" !important;
}
.navbar-toggle.is-open:before{
  content: "\f00d" !important;
}
.main-menu ul.primary-menu > li.has-sub:after{
  content: "\f0fe";
}
.main-menu ul.primary-menu > li.has-sub.menu-open:after{
      content: "\f146";
}
.widget .woof_front_toggle:after {
    content: "\f107";
}



/* RH Addition 05.05.24 */
.orders-form-error-container {
    display:none;
    background: orange;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}


.req-field {
    font-size: 15px;
    color: #ff0f0f;
    vertical-align: middle;
    margin-right: 7px;
}


body.woocommerce-account #page .woocommerce .products-catalog .thumbnail {
    min-height: /*370px;*/ 345px;
}





/* SEOC */


/* Header */

.header-user-area {
    position: relative;
    margin-top: 2px;
}


.header-user-area .badge.badge--points {
    position: absolute;
    top: 42%;
    right: 4%;
    transform: translate(50%, -50%);
    font-size: 0.6em;
    min-width: 20px;
    height: 20px;
    line-height: 17px;
    padding: 3px 5px;
    background: #ce2931;
    border-radius: 10px;
    text-align: center;
}


.header-user-area .icon.icon-avatar {
    border: 1px solid #ce2931;
    padding: 11px;
    border-radius: 50%;    
}


/* Input Fields*/

.worker-textual-input {
    padding: 0 1.25rem;
    height: 46px;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    background: white;
}


  
/* checkout page */


/* checkout page -> Inputs */

.woocommerce-checkout .form-group {
    position: relative;
}


.woocommerce-checkout .form-control-placeholder {
    position: absolute;
    top: 22%;
    right: 10px;
    transition: all 0.3s;
    opacity: 0.5;
    
    
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    pointer-events: none;
        
}


.woocommerce-checkout .form-control:focus + .form-control-placeholder,
.woocommerce-checkout .form-control:not(:placeholder-shown) + .form-control-placeholder {
    top: -4px;
    font-size: 0.8rem;
    opacity: 1;
    background-color: #fff;
    border-radius: 10%;
}


.woocommerce-checkout .form-control:focus {
    outline: none;
    box-shadow: none;
}


#register_to_club_field label.checkbox .optional:before,
#register_to_club_field label.checkbox .optional:after {
	display: none;
}


#register_to_club {
    display: inline-block;
    margin: 5px 0 0 8px;
    position: relative;
    top: -3px;
}


#register_to_club  + span {
    padding-right: 0 !important;
    font-size: 0;
}


#register_to_club_field label.checkbox:after {
    content: '';
    background: url("/wp-content/themes/sogo-child/images/club-logo.jpg") no-repeat;
    background-size: contain;
    position: relative;
    right: 6px;
    top: 17px;
    border-radius: 47px;
    display: inline-block;
    width: 200px;
    height: 50px;
}


#register-form .profession-input {
    margin-bottom: 11px;
}


#register-form .profession-input span {
    position: relative;
    top: 3px;
    margin-right: 5px;
}



#register-form .date-picker {
    margin-top:30px;
}


#register-form label[for="business-enrollment-date-picker-day"],
#register-form label[for="birthday-picker-day"] {
    display: block;
}


#register-form  .validate-signature {
    margin-top: 30px;
    margin-bottom: 50px;
}



#register-form .date-picker select {
    margin-left: 5px;
    position: relative;
    display: inline-block;
} 



#register-form .date-picker select {
    position: relative;
}

#register-form .date-picker select:after {
    content: '';
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    pointer-events: none;
}



#register-form label {
    font-weight: bold !important;
    margin-bottom: 0.4em;
}


.profession-label {
    margin-top: 30px;
}


/* checkout page -> signture */


.woocommerce-checkout input.clearButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    border-radius: 100px;
    transform: rotate(45deg);
    position: relative;
    top: -8px;
    left: 28px;
}


.woocommerce-checkout .clearButton {
    display: inline-block;
    -webkit-appearance: button;
    cursor: pointer;
    background: whitesmoke;
    height: 25px;
    width: 25px;
    text-align: center;
    top: -13px;
    left: 35px;
    position: relative;
    border: 1px solid gray;
    border-radius: 6px;
}


.woocommerce-checkout input.clearButton:after {
        content: "\f1f8";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.woocommerce-checkout  .dscf7_signature_inner {
    display: inline-flex;
    position: relative;
}

.woocommerce-checkout  .dscfw_name_label {
    font-size: 15px;
}



/* checkout page -> OTP fields */

.woocommerce-checkout #checkout-login-form .container {
    max-width: 470px;
}


.woocommerce-checkout #otp-button {
    background-color: #ce2b30 !important;
}


.opt-form-error {
    font-size: 14px;
    color: red;
    margin-top: -11px;
    margin-bottom: 15px;
}


.woocommerce-checkout .otp-label {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #1e1e1e;
    line-height: 1.3;
    margin-bottom: 16px
}

.woocommerce-checkout .otp-label.light {
    font-weight: 400;
    margin-bottom: 5px;
}


#verify-code-try-again-button {
    font-size: 16px;
    text-align: center;
    display: block;
    border: none;
    background: transparent;
    margin-bottom: 28px;
    -webkit-appearance: button;
    cursor: pointer;
}


#verify-code-try-again-button span {
    font-weight: bold;
    text-decoration: underline;
}



.otp-loading-screen {
    text-align: center;
}

.otp-loading-screen .loading-text {
    color: #d1373b;
    font-size: 15px;
}


.otp-loading-screen .loading-image {
   background:url("/wp-content/themes/sogo-child/images/loader.svg");
   background-repeat: no-repeat;
   background-size: contain;
   width: 50px;
   height: 50px; 
   margin: 0 auto;
}


.custom-checkout-points-notice {
    background-color: #f9f9f9; /* Light grey background */
    border: 1px solid #ccc; /* Grey border */
    border-radius: 5px; /* Rounded corners */
    padding: 20px; /* Padding inside the rectangle */
    margin-bottom: 20px; /* Margin at the bottom */
}

.custom-checkout-points-notice p {
    margin: 0 0 10px; /* Spacing between paragraphs */
}

.custom-checkout-points-notice p.small {
    font-size: 0.6em; /* Smaller font for the secondary text */
    color: #666; /* Dark grey color for the secondary text */
}



.custom-checkout-profiles-select {
    background-color: #f9f9f9; /* Light grey background */
    border: 1px solid #ccc; /* Grey border */
    border-radius: 5px; /* Rounded corners */
    padding: 15px; /* Padding inside the box */
    margin-top: 20px; /* Margin at the top to separate from the points box */
    margin-bottom: 25px;
}

.custom-checkout-profiles-select select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}



.remove-discount-link {
    margin-right: 8px;
    font-size: 0.6em;
    vertical-align: bottom;
    color: #ce2931;
}

a.remove-discount-link:before {
    content: '[';
}


a.remove-discount-link:after {
    content: ']';
}



/* For IE11 */
.custom-checkout-profiles-select select::-ms-expand {
    display: none;
}

/* Optionally, add a wrapper to position the arrow if you cannot directly modify the select element */
.custom-checkout-profiles-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-checkout-profiles-select:after {
    content: '';
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333; /* Arrow color */
    pointer-events: none; /* Ensures the arrow doesn't interfere with select functionality */
}



#dscfw_sign {   
    border: 1.5px solid gray;
}


.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #billing_postcode_field {
    float: none !important;
}



.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview {
    display: inline-block;
    border: 1px solid rgba(241, 142, 6, 0.81); /* Orange border */
    background-color: rgba(220, 128, 1, 0.16); /* Light orange background */
    box-shadow: 0px 0px 2px #ffb103; /* Slight orange glow */
    color: #ffb103; /* Orange text */
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px; /* Rounded corners */
    transition: all 0.5s ease-in-out; /* Smooth transition for hover effect */
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview:hover {
    background-color: rgba(220, 128, 1, 0.33); /* Darker orange on hover */
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview .woocommerce-info {
    font-weight: bold; /* Make the text bold */
    font-size: 16px; /* Increase the font size */
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align items vertically */
    background: transparent;
    text-shadow: none;
    margin-bottom: 0 !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview .woocommerce-info:before {
    content: "\f071";
    font-family: FontAwesome;
    color: #ffb103;
    margin-left: 20px;
    font-size: 20px;
    text-shadow: 2px 1px #00040a;
    position: relative;
    top: auto;
}


.bell-icon {
    display: inline-block;
    position: absolute;
    right: 96px;
    top: 22px;
    pointer-events: none;
}


.bell-icon:after {
    content: '';
    display: inline-block;
    background: url(/wp-content/themes/sogo-child/images/bell.gif) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}


.badge.badge--points.badge--points-loading {
    top: 31%;
    right: 4%;    
} 


.points-loading {
    background: url('/wp-content/themes/sogo-child/images/points-loader.svg') no-repeat;
    background-size: contain;
    height: 45px;
    width: 11px;
    filter: invert(1);
    position: relative;
    left: 0px;
    top: 1px;    
}



#gobitpaymentgateway-iframe {
    border: none;
}



.system_updating_status.notice {
      display: inline-block;
    border: 1px solid rgba(241, 142, 6, 0.81); /* Orange border */
    background-color: rgba(220, 128, 1, 0.16); /* Light orange background */
    box-shadow: 0px 0px 2px #ffb103; /* Slight orange glow */
    color: #000;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px; /* Rounded corners */
    transition: all 0.5s ease-in-out; /* Smooth transition for hover effect */  
}


.system_updating_status.notice:before {
    content: "\f071";
    font-family: FontAwesome;
    color: #ffb103;
    margin-left: 20px;
    font-size: 20px;
    text-shadow: 2px 1px #00040a;
    position: relative;
    top: auto;
}


.button-message-system-timeout.woocommerce-message {
    display: block;
    width: 100%;
    clear: both;
    position: relative;
    top: 26px;
    font-size: 15px;
}



.button-message-system-timeout.woocommerce-message.woocommerce-message::before {
    content: "\e016";
}



.thankyou-page-waiting-update-message.woocommerce-message {
    display: inline-block;
    font-size: 17px;
    margin-top: 23px;
    border-color: orange !important;     
}


.thankyou-page-waiting-update-message.woocommerce-message:before {
    content: "\e016" !important;
    color: orange !important;
}




/* My Account page -> OTP fields */

.woocommerce-account #customer_login #checkout-login-form .container {
    max-width: 470px;
}


.woocommerce-account #customer_login #otp-button {
    background-color: #ce2b30 !important;
}



.woocommerce-account  #customer_login  .form-group {
    position: relative;
}


 #customer_login .form-control-placeholder {
    position: absolute;
    top: 22%;
    right: 10px;
    transition: all 0.3s;
    opacity: 0.5;
    
    
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
    pointer-events: none;
        
}


.woocommerce-account #customer_login .form-control:focus + .form-control-placeholder,
.woocommerce-account #customer_login .form-control:not(:placeholder-shown) + .form-control-placeholder {
    top: -4px;
    font-size: 0.8rem;
    opacity: 1;
    background-color: #fff;
    border-radius: 10%;
}


/*
.opt-form-error {
    font-size: 14px;
    color: red;
    margin-top: -11px;
    margin-bottom: 15px;
}
*/

.woocommerce-account .otp-label {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #1e1e1e;
    line-height: 1.3;
    margin-bottom: 16px
}

.woocommerce-account .otp-label.light {
    font-weight: 400;
    margin-bottom: 5px;
}

/*
#verify-code-try-again-button {
    font-size: 16px;
    text-align: center;
    display: block;
    border: none;
    background: transparent;
    margin-bottom: 28px;
    -webkit-appearance: button;
    cursor: pointer;
}


#verify-code-try-again-button span {
    font-weight: bold;
    text-decoration: underline;
}



.otp-loading-screen {
    text-align: center;
}

.otp-loading-screen .loading-text {
    color: #d1373b;
    font-size: 15px;
}


.otp-loading-screen .loading-image {
   background:url("/wp-content/themes/sogo-child/images/loader.svg");
   background-repeat: no-repeat;
   background-size: contain;
   width: 50px;
   height: 50px; 
   margin: 0 auto;
}
*/


.myaccount-welcome {
    text-align: center;
}



/* checkout page -> terms */

span.woocommerce-terms-and-conditions-checkbox-text {
    padding-right: 0 !important;
    line-height: 1.5 !important;
    font-size: 0.8em !important;
}

.woocommerce-terms-and-conditions-link {
    color: #ce2b30;
    text-decoration: underline;
}

#register_to_club {
    opacity: 1;
}

.woocommerce-terms-and-conditions-wrapper #terms.woocommerce-form__input {
    opacity: 1;
    margin: 0;
    display: inline-block;
    position: relative;
}


.woocommerce-terms-and-conditions-wrapper label.checkbox span:before, 
.woocommerce-terms-and-conditions-wrapper label.checkbox span:after {
    display: none;
}


/* Checkout -> branches */

#branches_container {
    margin: 20px 0;
}

.select2-container--default .select2-selection--single {
    height: 40px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    top: 4px;
}

.select2-container--default .select2-results__option {
    padding: 8px 16px;
}


#branches_container .select2-container {
    width: 100% !important;
}


#branches_container .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
}

#branches_container  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
}


/* Change the font for the Select2 container */
#branches_container .select2-container .select2-selection--single,
#branches_container  .select2-container .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-results__option {
    font-size: 15px !important;
}



.custom-checkout-profiles-select {
    position: relative;
    width: 100%;
}

.select-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.custom-checkout-profiles-select select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-right: 30px; /* Add some padding to make room for the bell icon */
    box-sizing: border-box; /* Ensure the padding is included in the element's total width */
}

.bell-icon {
    position: absolute;
    right: 10px; /* Adjust as needed to fit your design */
    pointer-events: none;
}


.woocommerce-NoticeGroup .woocommerce-info {
    display: none !important; /* Hide all .woocommerce-info elements */
}

.woocommerce-NoticeGroup .woocommerce-info:nth-of-type(1) {
    display: block !important; /* Display only the first .woocommerce-info element */
}


/* Checkout -> join club */
 .join-club {
    /*background-color: #48597D;
    color: #FFFFFF;*/
    
    background: url('/wp-content/themes/sogo-child/images/banner_join_club.jpg') no-repeat;
    
    background-size: cover;
    background-position: center;
    
    padding: 60px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 24px;
    position: relative;
    overflow: hidden;
    animation: float 3s infinite ease-in-out;
}


.join-club:before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
    transition: all 0.3s;
    transform: rotate(60deg);
    transition: all 0.5s;
}

.join-club:hover:before {
    transform: rotate(60deg) translateY(-100%);
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}




#register_to_club_field span.woocommerce-input-wrapper:after {
    content: 'ללא תשלום';
    margin-right: 17px;
}


#accept-newsletter_field {
    margin-top: 40px;
}

#accept-newsletter_field .input-checkbox {
    opacity: 1;
    margin: 0;
    display: inline-block;
    text-align: right;
    position: relative;

}

#accept-newsletter_field .optional,
#accept-newsletter_field label.checkbox span:before, 
#accept-newsletter_field label.checkbox span:after {
    display: none;
}





#accept-club-terms_field {
    margin-top: 40px;
}

#accept-club-terms_field .input-checkbox {
    opacity: 1;
    margin: 0;
    display: inline-block;
    text-align: right;
    position: relative;

}

#accept-club-terms_field .optional,
#accept-club-terms_field label.checkbox span:before, 
#accept-club-terms_field label.checkbox span:after {
    display: none;
}


#accept-club-terms_field  a {
    color: #ce2b30;
    text-decoration: underline;
}







.business-users-container{
    text-align: center;
    margin-top: 45px;
}


.business-users-container .btn-business-login {
    border: 1px solid #3cbfcd;
    display: inline-block;
    padding: 15px;
    background: #0ae8ff;
    font-weight: bold;
    border-radius: 15px;
}


.business-login-page .woocommerce-error li:not(:first-child) {
    display: none;
}


.business-login-page .entry-contnet {
    max-width: 1140px;
    margin: 0 auto;
}



.woocommerce form.login .lost_password {
    float: left;
    margin-bottom: 50px;
}

.business-login-page .woocommerce-form-login .woocommerce-form-login__submit {
    border: 1px solid #3cbfcd;
    display: inline-block;
    padding: 15px;
    background: #0ae8ff;
    font-weight: bold;
    border-radius: 15px;
}


.join-club-logo {
    border-radius: 47px;
    display: inline-block;
    width: 200px;
}


ul#shipping_method label[for="shipping_method_0_self_pickup"] {
    background: #cd2a34;
    color: #fff;
    padding: 0px 10px;
    border-radius: 10px;
    /*
    background: lightgray;
    padding: 2px 11px;
    border-radius: 10px;*/
}






#newsletter_subscription_field .input-checkbox {
    opacity: 1;
    margin: 0;
    display: inline-block;
    text-align: right;
    position: relative;

}


#newsletter_subscription_field label {
    padding-right: 0 !important;
    line-height: 1.5 !important;
    font-size: 0.8em !important;
}

#newsletter_subscription_field .optional,
#newsletter_subscription_field label.checkbox span:before, 
#newsletter_subscription_field label.checkbox span:after {
    display: none;
}





/* New Header Changes */


/* Header --> shipping bar */

.free-shipping-bar {
    background: #ce2b30;
    color: #fff;
    font-size: 1.1em;
    height: 2.1em;
    line-height: 2em;
}

.top-header {
    top:40px;
    transition: top 0.3s ease-in-out;
}

.top-header.scrolled {
    top: 0;
}





.social-navigation-header img {
    max-width: 20px;
}


.logo_side_menu li {
    padding-top: 9px !important;
}

ul#menu-logo-side-menu li a {
    font-size: 0.7em !important;
}



.margin-top-30 {
    margin-top: 30px;
}

.user-menu .nav.nav-tabs {
    border: 1px solid #ce2b30; 
    border-radius: 2px;
}


@media (max-width: 767px) {
    
    .free-shipping-bar {
        font-size: 0.8em;
    }
    
    .top-header-mobile {
        top: 40px;
        transition: top 0.3s ease-in-out;
    }
    
    .top-header-mobile.scrolled {
        top: 0;
    }
       
} /*767*/




.price-offer-stripe {
    background: #f7f7f7 url(images/cf-biz-bg.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 50% 38% !important;
}



footer#site-footer .footer-top-icons img {
    max-width: 500px;
    padding-bottom: 1vw;
}

@media (max-width: 767px) {

    footer#site-footer .footer-top-icons img {
        max-width: 265px;
        padding-bottom: 4.2vw;
    }

} /* 767 */



.floating-btn {
    max-width: 140px;
}


.footer-social-navigation img {
    max-height: 22px;
}

#site-footer .footer-link-title:first-child {
    margin-top:12px;
}


#site-footer .footer-link-title {
    font-size: 17px;
}



.woof_container_inner h4 {
    font-size: 0.7em;
}






/* Join the Club */


/* Keyframes for the beating heart effect */
@keyframes heartbeat {
    0%, 100% {
        transform: scale(1);
    }
    14% {
        transform: scale(1.3);
    }
    28% {
        transform: scale(1);
    }
    42% {
        transform: scale(1.3);
    }
    70% {
        transform: scale(1);
    }
}



.join-club-banner-container {
    border: 2px solid #ce2b30;
	
    margin-left: 15px;
    margin-right: 15px;
	
}

#particles-effect-container {
  width: 100%; /* Adjust this as needed */
  height: 640px; /* Adjust this as needed */
  position: relative; /* Ensure it's positioned correctly within your layout */
  overflow: hidden; /* Ensure particles don't overflow the container */
}


#particles-effect-container img.banner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#particles-effect-container .btnImg {
    position: absolute;
    bottom: 4%;
    left: 0;
    right: 0;
    margin: 0 auto;  
    max-width: 13%;
    transition: transform 0.3s ease-in-out; /* Smooth transition for the scaling */
    animation: heartbeat 1.5s ease-in-out infinite; /* Apply the heartbeat animation */
}


#particles-effect-container .btnImg:hover {
    transform: scale(1.1); /* Scale up the element by 10% on hover */
}


#particles-effect-container .click {
    position: absolute;
    max-width: 10%;
    max-height: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

@media (max-width: 767px) {


    .join-club-banner-container {
        margin: 0 !important;
    }

    #particles-effect-container {
            height: 215px;
    }
    
    
    #particles-effect-container .btnImg {
        bottom: -0.8vh;
        max-width: 28vw;
    }
    
} /*767*/



/* Checkout Shipping */
@-webkit-keyframes shockwaveJump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shockwaveJump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(2.25);
  }
}
@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(2.25);
  }
}




.seoc-checkout-shipping-notice {
    background: #fff00f;
    border-radius: 15px;
    padding: 9px;
    text-align: center;
    font-size: 19px;
    margin-top: 20px;
    
    -webkit-animation: shockwaveJump 2.5s ease-out infinite;
    animation: shockwaveJump 2.5s ease-out infinite;
}


footer#site-footer .footer-cancellation-item a {
    font-weight: bold;
    color: #d82027;
}


.page-id-1619529 .sub-text {
	max-width: 840px;   
    margin: 0 auto;
    display: block;
	text-align: right;
}

@media (max-width: 768px) {
	ul#menu-logo-side-menu li.footer-cancellation-item  a  {
		font-weight: bold !important;
    	color: #d82027 !important;
	}	
	
	.page-id-1619529 .sub-text {
		line-height: 1.3em;
    	text-align: right;
    	padding: 15px 20px;
	}
	
	.page-id-1619529 .sub-text p {
    	line-height: 1.1;
    	margin-top: 25px;
	}
    
    /*Hide branches item*/
    #menu-logo-side-menu .branches-items {
        display:none;
    }
    
    /* Fix keybaord shown in menu */
    .offcanvas-stop-scrolling .search-input input {
        pointer-events: none;
        opacity: 0;
        display:none;
    }
    
    
    .header-search:not(.open) input[type="search"] {
        pointer-events: none; /* Prevent interactions */
        visibility: hidden; /* Hide the input */
    }
    
    .navbar-offcanvas.in + .header-search input[type="search"] {
        pointer-events: auto; /* Enable interactions when menu is active */
        visibility: visible; /* Show the input */
    }

    
	
}




@media (min-width: 768px) {
  
    .bottom-header.affix {    
        background: rgba(255,255,255,0.9);
    }

}



@media (max-width: 768px) {

	.mobile-bottom-sticky {
		display:none;
	}
	
}



.tax-product_filter .join-club-banner-container {
	display:none;
}


.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
    color: #888; /* regular price */
}
.woocommerce ul.products li.product .price del + .woocommerce-Price-amount bdi {
    color: #ce2b30 !important;
}