/* base.css */

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
   font-style: inherit; font-size: 100%; font-family: inherit;
   vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ul { list-style: disc; padding-left:20px; }
ol { list-style: decimal; padding-left:20px; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html, body { width:100%; height:100%; }
body { font-size:12px; background-color:#fff; text-align:left; }
img, div { behavior:url(assets/css/iepngfix.htc); }
img { border:none; display:block; }
a { cursor:pointer; }
body, p, div, tr, td, span, a, pre
 { font-family: 'Open Sans', sans-serif; line-height:1.6em; color:#6f6f6f;
   text-decoration:none; }
small { font-size: 86%; }
a { color:#0000CC; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 { color:#000; font-weight:bold; }
h1, h1 a { font-size:24px }
h2, h2 a { font-size:20px }
h3, h3 a { font-size:16px }
fieldset { border: 1px solid black; padding:10px; }
.align-left, .al { text-align:left; }
.align-right, .ar { text-align:right; }
.align-justify, .aj { text-align:justify; }
.align-center, .ac { text-align:center; }
*/
.float-left, .fl { float:left; }
.float-right, .fr { float:right; }
.float-clear, .fc, .cl { clear:both; height:0px, display:block; }
.hidden, .h { display:none; }

/* default.css */

.carttable {
  width: 100%;
  border: 1px solid #ccc;
}
.carttable tr.head td {
  font-weight: bold;
}
.carttable tr td {
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #f4f4f4;
}
.carttable tr.odd td {
  border-right: 1px solid #eaeaea;
}
.carttable tr td.col-delete {
  width: 16px;
  text-align: center;
}
.carttable tr td.col-image {
  width: 32px;
  text-align: center;
}
.carttable tr td.col-productcode {
  width: 100px;
}
.carttable tr td.col-price {
  width: 60px;
  text-align: right;
}
.carttable tr td.col-qty {
  width: 60px;
  text-align: center;
}
.carttable tr td.col-qty a img, .carttable tr td.col-qty img {
  display: inline;
}
.carttable tr td.col-linetotal {
  width: 60px;
  border-right: none;
  text-align: right;
}
.carttable tr td {
  border-top: 1px solid #f4f4f4;
}
.carttable tr.head td {
  border-top: none;
}
.carttabletotals {
  width: 300px;
  border: 1px solid #ccc;
}
.carttabletotals tr td {
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  background-color: #eaeaea;
  text-align: right;
}
.carttabletotals tr td.title {
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #f4f4f4;
  background-color: #ddd;
  font-weight: bold;
  text-align: left;
}
.checkouttable {
  width: 500px;
  border: 1px solid #ccc;
}
.checkouttable tr td {
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  background-color: #eaeaea;
  text-align: right;
}
.checkouttable tr td.title {
  width: 150px;
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #f4f4f4;
  background-color: #ddd;
  font-weight: bold;
  text-align: left;
}
.carttable-print tr.head, .carttable-print tr.odd, .carttable-print tr.even, .carttabletotals tr td, .checkouttable tr td, .carttabletotals tr td.title, .checkouttable tr td.title {
  background-color: #fff;
}
#pagination a {
  color: #006400;
}

/* template.css */

#comingsoon-landing {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: black;
  background-image: url('../img-design/background_quantum.jpg');
  background-size: cover;
}
#comingsoon-landing h1 {
  background-color: white;
  color: black;
}
#comingsoon-landing p {
  color: white;
}
#comingsoon-landing a {
  color: white !important;
}
#comingsoon-landing a:hover {
  color: #b3b3b3 !important;
}
.overlay-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  width: 100vw;
  height: 100vh;
}
.centered-responsive {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body {
  padding: 0;
  margin: 0;
}
body, text, div, p, h1, h2, h3, h4, h5, h6 {
  font-family: 'Titillium Web', sans-serif;
  color: #949494;
}
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
div {
  -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 31px;
}
#welcome-home-h1 {
  color: #1a1a1a;
  font-size: 31px;
}
h1.tcenter {
  font-size: 30px;
  font-weight: bold;
  color: #4d4d4d;
}
h1.tcenter strong {
  font-weight: 700;
  color: #600;
}
.strong {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
h3 {
  font-size: 24px;
  color: #666;
  font-weight: 100;
  padding-bottom: 5px;
}
h4 {
  font-size: 19px;
  color: #e4854f;
}
a {
  color: #600;
}
a:hover {
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer !important;
}
hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
}
#hr-nomobile {
  display: none;
  /* SNIPS */
}
.full {
  width: 100% !important;
}
.container {
  padding: 20px 0;
  max-width: 1010px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#header-container {
  max-width: none !important;
}
.midalign, .midalign a {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-align-items: center;
  display: flex;
  align-items: center;
}
.basealign, .basealign a {
  display: flex;
  align-items: baseline;
  display: -webkit-flex;
  -webkit-align-items: baseline;
  display: -moz-flex;
  -moz-align-items: baseline;
}
.flexright {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
}
.flexcenter {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.blocklink {
  display: block;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 11px;
}
.content-container {
  margin-top: 105px;
}
.green-button {
  margin-top: 20px;
  display: inline-block;
  cursor: pointer;
}
.green-button a {
  padding: 12px 36px;
  background: #1a1a1a;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  transition: 0.4s;
}
.green-button input[type='submit'] {
  font-size: 20px;
  display: block;
  background: #1a1a1a;
  color: #fff;
  padding: 20px 30px;
  border: 0;
}
.allproducts-button a:hover {
  background: #600;
  transition: 0.4s;
}
.green-buttonfull {
  text-align: center;
}
.green-buttonfull a {
  display: inline-block;
  color: #fff;
  background: #600;
  padding: 15px 50px;
  font-size: 19px;
  margin: 10px 0;
  box-sizing: border-box;
  width: 100%;
  transition: background-color 1s;
}
.green-buttonfull input[type='submit'] {
  font-size: 20px;
  display: block;
  background: #600;
  color: #fff;
  padding: 20px 30px;
  border: 0;
}
.green-buttonfull a:hover {
  background-color: #1a1a1a;
}
.tcenter {
  text-align: center;
}
divcenter {
  margin-left: auto;
  margin-right: auto;
}
.greybg {
  background: #e6e6e6;
}
.greenbg {
  background: #f2f2f2;
}
.lgreybg {
  background: #f5f5f5;
}
#ourproductsP {
  color: #4d4d4d;
  font-size: 19px;
  text-align: center;
  padding-bottom: 20px;
}
#aboutusP {
  color: #4d4d4d;
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px;
  font-weight: normal;
}
#about-featp {
  width: 80%;
  margin: auto;
  font-weight: 200;
  font-size: 25px;
  line-height: 35px;
}
.about_home_header {
  color: #1a1a1a;
}
.green {
  color: #fff;
}
.darkgreen {
  color: #600;
}
.lgrey {
  color: #e5e5e5;
}
.red {
  color: #e30014;
}
.bold {
  color: #4d4d4d;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.semibold {
  color: #4d4d4d;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
.halfleft {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.halfright {
  width: 50%;
  float: right;
  box-sizing: border-box;
  text-align: right;
}
.fancybox-skin {
  background: #fff !important;
}
.detail_slide img {
  margin: 0 auto;
}
.detail_slide, .slick-slide {
  border: 1px solid #ccc;
}
.thumbnail_detail_slide, .slick-slide {
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-top: 5px;
  /*
.slick-slide img{
		width: auto!important;
		margin: 0;
	}
*/
}
button.slider-prev {
  background-image: url('../img-design/arrowleft-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-left: 25px !important;
  padding: 20px !important;
  background-position: center center !important;
  background-color: #600 !important;
  z-index: 200;
}
button.slider-next {
  background-image: url('../img-design/arrowright-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-right: 24px !important;
  padding: 20px !important;
  background-position: center center !important;
  background-color: #600 !important;
  z-index: 200;
}
button.slider-prev-grey {
  background-image: url('../img-design/arrowleft-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-left: 20px !important;
  padding: 20px !important;
  background-position: center center !important;
  z-index: 200;
}
button.slider-next-red {
  background-image: url('../img-design/arrowright-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-right: 20px !important;
  padding: 20px !important;
  background-position: center center !important;
  z-index: 200;
}
button.checkout-prev-grey {
  background-image: url('../img-design/arrowleft-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-left: 15px !important;
  padding: 20px !important;
  background-position: center center !important;
  z-index: 200;
  top: 12% !important;
}
button.checkout-next-red {
  background-image: url('../img-design/arrowright-grey.png') !important;
  background-repeat: no-repeat !important;
  margin-right: 15px !important;
  padding: 20px !important;
  background-position: center center !important;
  z-index: 200;
  top: 12% !important;
}
#checkout_wrapper {
  background: #f1f1f1;
}
.back-link a {
  color: #600;
  font-weight: bold;
  cursor: pointer;
}
#back-link-mobile {
  display: none;
}
#back-link-desktop {
  display: block;
  margin: 0 0 20px 40px;
}
.head-subtitle {
  font-size: 23px;
  font-weight: 100;
  line-height: 30px;
}
.head-subtitlesmall {
  color: #666;
  font-size: 15px;
  margin-top: -10px;
}
.input:focus {
  outline: none !important;
  border: 1px solid #0071b8 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  /* PAGE LAYOUTS */
}
.pageright {
  width: 75%;
  float: right;
  padding: 10px;
  box-sizing: border-box;
}
#pageright80 {
  width: 80%;
  float: right;
}
.pageleft {
  width: 70%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}
.sideleft {
  width: 25%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}
#sideleft20 {
  width: 20%;
}
.sideright {
  width: 30%;
  float: right;
  padding: 10px;
  box-sizing: border-box;
}
.sideleft ul {
  list-style: none;
  margin: 0;
}
.sideleft ul li {
  margin-bottom: 3px;
}
.sideleft ul li a {
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  line-height: 30px;
  font-weight: 400;
}
.children-all {
  display: none;
  margin: 0 0 20px;
  padding-left: 10px;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
}
.children-all li {
  list-style: none;
}
.show_list {
  display: block;
}
.sub_childs {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0;
  margin: 3px 0;
  padding: 3px 0;
}
.sub_childs li a {
  font-size: 14px !important;
  line-height: 20px !important;
}
.selected_parent_list {
  color: #600 !important;
  font-weight: 600 !important;
}
.top_parent_cat {
  color: #600;
}
.top_parent_catactive {
  color: #600 !important;
}
.top_parent_cat:hover {
  color: #600 !important;
}
.sideleft ul li a:hover {
  box-sizing: border-box;
  color: #600 !important;
}
.sideleft ul li a.active {
  color: #600;
}
.show_li a {
  color: #600 !important;
}
.topiconactive {
  color: #600 !important;
  /* HEADER CSS */
}
.header-notice {
  font-size: 14px;
  background: #600;
  padding: 10px 50px !important;
}
.header_notcie {
  padding: 0 !important;
  color: #fff;
  margin: 0 0 !important;
  width: 100% !important;
}
.header_notcie p {
  float: left;
  margin: 0;
}
.header_notcie .main-links {
  position: absolute;
  right: 30px;
}
.header_notcie .main-links a {
  color: white;
  font-size: 18px;
  font-weight: 200;
  padding: 5px;
  margin-right: 10px;
}
.logoholder {
  float: left;
  position: relative;
  top: 0px;
  margin-top: 32px;
  width: 220px;
  z-index: 1;
  margin-left: 40px;
}
.navbar .nav {
  position: relative;
  top: 0px;
  margin-top: 48px;
  margin-left: 10px;
}
.navbar-inverse .navbar-inner {
  background: #1a1a1a;
  border-bottom: 0;
  max-height: 110px;
  /*
-webkit-box-shadow: 0px 1px 17px 0px #E4E1FF;
	-moz-box-shadow:0px 1px 17px 0px #E4E1FF;
    box-shadow: 0px 1px 17px 0px #E4E1FF;
*/
}
.navbar-inverse .nav > li > a {
  color: #fff !important;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a, nav > li > a {
  color: #666;
  text-shadow: none;
  font-size: 17px;
  font-weight: 300;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
}
.navbar-inverse .nav > li > a {
  transition: all 0.7s;
}
.navbar-inverse .nav > li > a:hover {
  background-color: white;
  color: #1a1a1a !important;
  border-radius: 5%;
}
.header-menu-right {
  float: right;
  width: 36%;
  position: relative;
  top: 0px;
}
.navbar-fixed-top .container {
  width: 96%;
}
.sideleft ul li .webchild-a {
  font-size: 15px;
  font-weight: 500;
}
.menu-search, .menu-user, .menu-shoppingbag {
  float: right;
  margin: 10px 0;
  text-align: center;
  width: 115px;
  font-size: 13px;
  color: #fff;
  line-height: 1.3em;
}
.menu-search {
  cursor: pointer;
}
.menu-shoppingbag-quantity {
  background: url('../img-design/shoppingbag.png') no-repeat 50%;
  width: 46px;
  height: 45px;
  margin: auto;
  color: #600;
  font-size: 18px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-top: 10px;
}
.menu-user a {
  font-size: 13px;
  color: white;
  display: inline-block;
}
.menu-shoppingbag a, .menu-search a {
  font-size: 13px;
  color: white;
  margin-top: 5px !important;
}
.menu-search img, .menu-user img, .menu-shoppingbag img {
  padding: 10px 5px 5px 5px;
}
.desktop-search {
  height: 65px;
  box-sizing: border-box;
  display: none;
  width: 50%;
  cursor: pointer;
}
#desktop-search-input, #desktop-search-submit {
  width: 85%;
  height: 65px;
  border-radius: 0;
  box-sizing: border-box;
  padding: 10px;
  font-size: 12px;
  border: none;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  float: left;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: solid 2px #600;
  border-top: solid 2px #600;
  border-left: solid 2px #600;
  border-right: none !important;
}
#desktop-search-submit {
  width: 15%;
  float: left;
  height: 65px;
  background: url('../img-design/search-alt.png');
  background-size: 41px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: solid 2px #600;
  border-top: solid 2px #600;
  border-right: solid 2px #600 !important;
  border-left: none !important;
}
.desktop-search input:focus {
  outline: none !important;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
  /* BANNER CSS */
}
.banner-holder, .banner-home-bottom {
  height: 100% !important;
}
.banner-overlay {
  background: rgba(0, 0, 0, 0.4);
  height: 100% !important;
}
.banner-backgroundimage {
  height: 500px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}
.banner-backgroundimage img {
  width: 100%;
}
.banner-iconimage, .banner-title, .banner-description, .banner-button {
  margin: auto;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 28px;
  margin-bottom: 5px;
  text-shadow: 0px 0px 4px #8c8c8c;
}
#banner-button {
  margin-top: 5px;
}
#banner-button a {
  background: #600;
  color: #fff;
  padding: 15px 20px;
  transition: background-color 0.4s;
}
#banner-button a:hover {
  background-color: #1a1a1a;
  transition: background-color 0.4s;
}
.banner-title {
  font-size: 52px;
  line-height: 44px;
  font-weight: 600;
  text-shadow: 0px 0px 4px #8c8c8c;
}
.banner-description {
  font-size: 32px;
  font-weight: 300;
  text-shadow: 0px 0px 4px #8c8c8c;
}
.banner-iconimage {
  margin-bottom: 10px;
}
.banner-contentholder {
  height: auto;
  position: relative;
  margin: auto;
}
.banner-button-holder {
  text-align: center;
}
.banner-button {
  margin-top: 20px;
  display: inline-block;
}
.banner-button a {
  font-size: 20px;
  display: block;
  background: #0071b8;
  color: #fff;
  padding: 20px;
}
.banner-title-large {
  margin: auto;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 52px;
  font-weight: 600;
  text-shadow: 0px 1px 3px #000;
}
.banner-description-large {
  margin: auto;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 32px;
  font-weight: 300;
  margin-top: 18px;
  margin-bottom: 18px;
  text-shadow: 0px 1px 3px #000;
  /* HOW IT WORKS */
}
.hiw-item {
  width: 30%;
  float: left;
  margin-right: 1.5%;
  margin-left: 1.5%;
  box-sizing: border-box;
  padding: 10px;
  border: none !important;
}
.font-regular {
  font-weight: normal;
}
.hiw-title {
  text-align: center;
  color: #600;
  font-size: 19px;
  font-weight: bold;
  margin: 15px 0 10px 0;
}
.hiw-title a {
  text-align: center;
}
.hiw-desc {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 14px;
  color: #969696;
}
.hiw-image {
  text-align: center;
  margin: auto;
  /* SHOP CSS */
  /* homepage css */
}
.home-product {
  width: 22%;
  float: left;
  margin-right: 1.5%;
  margin-left: 1.5%;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
}
.home-product-image {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  padding: 10px;
}
.home-product img, .home-product-image img {
  width: 87%;
}
.home-product-image img {
  max-width: none;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  padding: 2px 10px;
}
.home-product-content {
  padding: 15px;
}
.home-product-origin {
  font-size: 13px;
  font-weight: 600;
  color: #600;
}
.home-product-category {
  font-size: 14px;
  color: #4d4d4d;
  padding: 5px 0;
  font-weight: normal;
  height: 13px;
}
.vert-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.home-product-title {
  min-height: 50px;
  margin-bottom: 5px;
}
.home-product-title a {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 600;
  min-height: 40px;
  padding: 5px 0 10px 0;
}
.home-product-title a:hover {
  text-decoration: none;
}
.home-product-bottomleftholder {
  min-width: 50%;
  float: left;
  position: absolute;
  bottom: 0;
  height: 60px;
}
.home-product-qty {
  width: 7px;
  border: none !important;
  box-shadow: none !important;
  padding: 0px !important;
  margin-bottom: 2px !important;
}
.home-product-price {
  font-size: 22px;
  font-weight: bold;
  color: #0071b8;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
}
.home-product-button {
  float: right;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  position: relative;
  left: 5px;
}
.home-product-button img {
  text-align: center;
  display: inline-block;
}
.home-product-unit {
  color: #4d4d4d;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  /* shop page css */
}
#shopsidebarh2, #shopsidebarh2-brand {
  color: #600;
  font-weight: 600;
  font-size: 19px;
}
#categorylist_landing_wrapper .category_wrapper {
  width: 198px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  padding: 10px;
}
#categorylist_landing_wrapper .category_wrapper .category_images {
  text-align: center;
  overflow: hidden;
  border: 1px solid #ddd;
}
#categorylist_landing_wrapper .category_wrapper:nth-child(3n+4) {
  clear: both;
}
#categorylist_landing_wrapper .category_wrapper:nth-child(3n+2) {
  margin: 0 15px 19px 15px;
}
#categorylist_landing_wrapper .category_wrapper h3 {
  font-weight: 600;
  font-size: 19px;
  margin: 10px 0 0;
  line-height: 23px;
  min-height: 46px;
}
#categorylist_landing_wrapper .category_wrapper h3 a {
  color: #600;
}
#categorylist_landing_wrapper .category_wrapper .product_link {
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 400;
}
#categorylist_landing_wrapper .category_wrapper .product_link:hover {
  color: #5784d3;
}
.shopgreybgtop {
  background: #ececec;
}
.shopgreybgtop .container {
  max-width: 1200px;
}
.shopbodygreybg {
  background: #f5f5f5;
}
.shopmenu {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.shopmenuitem img {
  margin-bottom: 10px;
  max-height: 50px;
}
.shopmenuitem {
  margin: auto;
  padding: 0 10px;
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
}
.shopmenuitem a {
  font-weight: bold;
  color: #666;
}
.shopmenuitem a:hover {
  color: #600;
}
.shop-product {
  width: 31%;
  float: left;
  margin-right: 2%;
  background: #fff;
  border: solid 1px #e3e3e3;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.shop-product-button {
  float: right;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  margin-top: -50px;
  /* Added Kev */
  margin-right: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.shop-item-topleft {
  width: 70%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
}
.shop-item-topright {
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  float: left;
  /*
.shop-item-topleft img{
	width:100%;
}
*/
}
.shop-item-bottom {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}
.shop-item-cat {
  color: #600;
  font-size: 16px;
  font-weight: 100;
}
.shop-item-title {
  color: #4d4d4d;
  font-size: 27px;
  font-weight: 600;
  line-height: 30px;
}
.shop-item-title .detail-item-title-con {
  color: #4d4d4d;
}
.shop-item-topright .detail-item-title-con {
  color: #4d4d4d;
  font-size: 30px;
}
.shop-item-price {
  color: #1a1a1a;
  font-size: 30px;
  font-weight: bold;
  float: left;
  margin-top: 40px;
  white-space: nowrap;
}
.shop-item-price div {
  color: #0071b8;
}
.shop-item-unit {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 100;
}
.shop-item-availability {
  padding-top: 5px;
  margin-bottom: 22px;
}
.shop-item-addcartbutton {
  font-size: 20px;
  background: #0071b8;
  color: #fff;
  border: 0;
}
.shop-item-addcartbutton input[type="button"] {
  font-size: 20px;
  background: #600;
  color: #fff;
  border: 0;
  width: 100%;
  padding: 20px 30px;
  transition: background 1s;
}
.shop-item-addcartbutton input[type="button"]:hover {
  background-color: #1a1a1a;
  cursor: pointer;
}
.shop-item-addcartbutton input[type="button"].disabled {
  background: #999;
  color: #fff !important;
  cursor: not-allowed;
}
.back-link-shopitem {
  width: 50%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 9px;
}
.back-link-shopitem a {
  color: #600;
  border: solid 1px #600;
  background: transparent;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 10px;
  font-weight: 600;
  display: block;
}
.price-add-container {
  position: relative;
  min-height: 50px;
  /* TABS */
}
.tab {
  border: none;
  display: none;
}
.tablist {
  list-style: none;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
ul.tablist {
  padding: 0;
  margin: 0;
}
.tablist li {
  display: inline-block;
}
#tablist-about li {
  display: inline-block;
  float: none;
}
.tablist a {
  border: solid 1px #b0b0b0;
  padding: 15px 10px;
  margin: 10px;
  color: #b0b0b0;
  font-weight: 100;
  min-width: 200px;
  font-size: 18px;
  display: block;
}
.tablist li.active a, .tablist li a:hover {
  background: #fff;
  color: #600;
  text-decoration: none;
  font-weight: 300;
  border: solid 1px #600;
  cursor: pointer;
  /* HOME ABOUT SECTION */
}
#news_wrapper {
  background: #efefef;
}
.home-about-image {
  height: 165px;
  overflow: hidden;
}
.home-about-item {
  width: 30%;
  float: left;
  margin-right: 1.5%;
  margin-left: 1.5%;
  text-align: center;
  background: #fff;
}
.home-about-content {
  padding: 20px;
  background: #fff;
}
.home-about-item img {
  width: 100% !important;
}
.home-about-title a {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}
.home-about-title {
  padding-bottom: 10px;
  min-height: 48px;
}
.home-about-readmore {
  text-align: center;
}
.home-about-readmore a {
  font-size: 15px;
  font-weight: bold;
  color: #600;
  transition: color 0.2s, background-color 0.2s, padding 0.2s;
  padding: 10px;
  border-radius: 5px;
}
.home-about-readmore a:hover {
  color: white;
  background-color: black;
  padding: 10px;
  border-radius: 2px;
  /* ABOUT US PAGE */
}
.featp {
  font-size: 18px;
  color: #969696;
  font-weight: 100;
  line-height: 30px;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 90%;
}
.about-item {
  margin: 20px 0;
}
.about-image {
  float: left;
  width: 32%;
  padding: 10px;
  box-sizing: border-box;
}
.about-contentholder {
  float: left;
  width: 68%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.about-title {
  font-size: 22px;
  color: #600;
  font-weight: 600;
  margin-bottom: 10px;
}
.about-description {
  font-size: 15px;
  line-height: 22px;
  /* NEWS CSS */
}
.news-item {
  width: 47%;
  float: left;
  margin-left: 3%;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e3e3e3;
  margin-bottom: 20px;
  border-radius: 3px;
}
.news-item:nth-child(even) {
  clear: right;
}
.news-image {
  width: 100%;
  height: 185px;
  overflow: hidden;
}
.news-image img {
  border-radius: 3px 3px 0 0;
  width: 100%;
}
.news-contentholder {
  padding: 15px;
}
.news-contentholder .news-title {
  height: 60px;
  margin-bottom: 15px;
}
.news-title a {
  color: #666;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 50%;
  display: block;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
.news-date {
  margin-bottom: 5px;
  color: #600;
  font-size: 14px;
  font-weight: 600;
}
.news-content {
  font-size: 13px;
  line-height: 16px;
  min-height: 115px;
}
.news-singleitem {
  border: solid 2px #e3e3e3;
  border-radius: 5px;
  background: #fff;
}
.news-singleitem-images {
  height: 440px;
  overflow: hidden;
}
.news-singleitem-images .slick-slide {
  border: none;
  margin: 0 auto;
  padding: 0;
}
.news-single-contentholder {
  padding: 20px 40px;
}
.news-single-h1 {
  color: #666;
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 30px;
}
.news-single-date {
  color: #600;
  margin-bottom: 10px;
  font-weight: 600;
}
.news-single-subtitle {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  /* PAGINATION CSS */
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img-design/select-bg.png) !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-color: transparent !important;
  color: #969696;
}
.pagination {
  border: solid 1px #e6e6e6;
  height: 40px;
  color: #969696;
  margin: 20px 0;
}
.paginationlabel {
  border-right: solid 1px #e6e6e6;
  padding: 10px;
  float: left;
}
select.paginationselect, input[type="file"], select {
  height: 60px;
  color: #969696;
  border: 0;
  padding: 0 10px;
  border-radius: 0;
}
select.paginationselect {
  height: 40px;
}
select.paginationselect:focus, input[type="file"], select:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
select.paginationselect {
  border-right: 1px solid #e6e6e6;
}
.paginationpages {
  float: right;
}
.paginationprev {
  border-right: solid 1px #e6e6e6;
  padding: 10px;
  float: left;
}
.paginationnext {
  padding: 10px;
  float: left;
}
.paginationcurrent {
  border-right: solid 1px #e6e6e6;
  padding: 10px 15px;
  float: left;
}
.paginationcurrent, .paginationcurrent a {
  color: #600;
  cursor: pointer;
  font-weight: 600;
}
.paginationnotcurrent {
  border-right: solid 1px #e6e6e6;
  padding: 10px 15px;
  float: left;
  color: #969696;
}
.paginationnotcurrent:hover {
  cursor: pointer;
  color: #600;
}
.paginationnotcurrent a {
  color: #969696 !important;
  cursor: pointer;
}
.paginationnotcurrent a:hover {
  color: #600 !important;
  cursor: pointer;
  /* REGISTER FORM CSS */
}
.registerform {
  max-width: 518px !important;
}
.registerforminput, .registerforminput select, input.registerforminput, select.registerforminput {
  background: #fff;
  background-color: #fff !important;
  border: solid 1px #e6e6e6;
  line-height: 28px;
  min-height: 60px;
  border-radius: 0 !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 10px;
  font-family: 'Open-sans', sans-serif;
  font-size: 16px;
  color: #969696 !important;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100% !important;
}
.registerforminput:focus, .registerforminput select:focus, input.registerforminput:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
input.registerforminput::-webkit-input-placeholder {
  color: #969696;
}
input.registerforminput::-moz-placeholder {
  color: #969696;
  /* firefox 19+ */
}
input.registerforminput:-ms-input-placeholder {
  color: #969696;
  /* ie */
}
input.registerforminput:-moz-placeholder {
  color: #969696;
}
.checkEmailConfirm {
  margin-bottom: 80px;
}
.email_confirmed {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  padding: 5% 0;
}
.registerformbutton {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  background: #600;
  color: #fff;
  padding: 20px 30px;
  border: 0;
  width: 100% !important;
  float: left;
}
p.terms {
  color: #666;
  margin-top: 15px;
}
p.terms a {
  color: #666;
  font-weight: bold;
}
p.terms a:hover {
  font-weight: bold;
  color: #600;
  /* CHECKOUT AND CART CSS */
}
#show {
  padding-top: 22px;
  width: 550px;
  min-height: 500px;
}
.carttop-notice {
  font-size: 16px;
  color: #600;
  font-weight: 600;
}
.carttop-produce {
  font-size: 19px;
  color: #666;
}
.carttop-payment {
  font-size: 19px;
  color: #666;
  font-weight: 600;
  padding: 10px 0;
}
.cart-deliverynotice {
  font-weight: 500;
  font-size: 17px;
  color: #666;
  text-align: left;
  padding-top: 5px;
}
.cartitemrow {
  width: 100%;
  margin: 20px 0;
}
.cartitemrow-image {
  float: left;
  width: 16.6%;
}
.cartitemrow-title {
  float: left;
  width: 30%;
  padding-left: 20px;
  box-sizing: border-box;
}
.cartitemrow-title-cat {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 100;
  margin-bottom: 5px;
}
.cartitemrow-title-name {
  font-size: 20px;
  color: #4d4d4d;
  font-weight: 600;
}
.cartitemrow-qty {
  float: left;
  width: 21.6%;
}
.cartitemrow-qty select, input.cartitemrow-qty {
  background: #fff;
  background-color: #fff !important;
  border: solid 1px #e6e6e6;
  line-height: 28px;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  font-family: 'Open-sans', sans-serif;
  font-size: 16px;
  color: #4d4d4d !important;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0;
  min-height: 60px;
}
.cartitemrow-qty select:focus, input.cartitemrow-qty:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.cartitemrow-unit {
  float: left;
  width: 16.6%;
  font-size: 16px;
  color: #4d4d4d;
  margin-left: 12px;
}
.cartitemrow-price {
  float: left;
  width: 16.6%;
  font-size: 20px;
  color: #4d4d4d;
}
.cartitemrow-remove {
  float: left;
  width: 5.6%;
  font-size: 30px;
  color: #600;
  font-weight: 800;
}
.cartitemrow-remove a {
  position: relative;
  top: -4px;
  color: #600;
}
.cartcoupon input, input.cartcoupon {
  background: #fff;
  background-color: #fff !important;
  border: solid 1px #e6e6e6;
  line-height: 28px;
  min-height: 60px;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  margin-bottom: 18px;
  font-family: 'Open-sans', sans-serif;
  font-size: 16px;
  color: #969696 !important;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100% !important;
}
input#coupontext {
  width: 70% !important;
  float: left;
  -moz-transition-property: none;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  border-right: none !important;
}
input#couponsubmit {
  width: 30% !important;
  float: left;
  -moz-transition-property: none;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  background: #1a1a1a !important;
  color: #fff !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  border-left: none !important;
  padding: 0px;
}
.cartcoupon input:focus, input.cartcoupon:focus, input#coupontext:focus, input#couponsubmit:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#couponpadding {
  padding-top: 20px;
}
#couponpadding h4 {
  color: #600;
  /* CHECKOUT CSS */
}
.checkout-loginholder {
  width: 47%;
  margin-right: 3%;
  float: left;
  box-sizing: border-box;
}
#checkoutheaderh1 {
  color: #4d4d4d;
}
#checkouth1 {
  color: #600 !important;
  font-size: 27px !important;
  font-weight: 600 !important;
}
.checkout-loginholder h2 {
  color: #600;
  font-size: 21px;
  font-weight: 600;
}
.form-input {
  box-sizing: border-box !important;
  width: 100% !important;
}
#carth2 {
  color: #4d4d4d;
}
input#feusers_signupform2, #feusers_signupform2 input {
  font-size: 13px !important;
  min-height: 50px !important;
  font-family: 'Open Sans', sans-serif;
}
input#feusers_signupform2, #feusers_signupform2 input[type="submit"] {
  font-size: 21px !important;
}
#feusers_signupform2_submit, #feusers_signupform2_submit input {
  font-size: 21px !important;
  background-color: #600;
}
.checkout-radioholder {
  margin: 10px 0;
}
#checkout-otheraddressradio, #checkout-billingaddressradio {
  float: left;
  width: 13px;
  height: 13px;
}
label#checkout-otheraddressradio, label#checkout-billingaddressradio {
  float: right;
  width: 95%;
  font-size: 15px;
  color: #808080;
}
.checkout-radioholder label {
  margin-left: 10px;
  display: inline-block;
}
.checkout-termsnotice {
  color: #600;
  font-size: 16px;
  margin-bottom: 20px;
}
.checkouth3 {
  color: #600;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
a.checkoutlink {
  color: #600;
  font-size: 15px;
}
a.checkoutlink:hover {
  color: #1a1a1a;
}
.checkout-ordertablehead {
  width: 100%;
  border: solid 1px #e5e5e5;
  margin-top: 20px;
}
.checkout-ordertablerow, .manager-ordertablerow {
  color: #4d4d4d !important;
  font-size: 15px;
  float: left;
  padding: 10px 20px;
  font-weight: bold;
  box-sizing: border-box;
}
.checkout-orderrow {
  border-bottom: solid 1px #e5e5e5;
}
.checkout-orderrow-item, .manager-orderrow-item {
  padding: 10px 20px;
  box-sizing: border-box;
}
.checkout-itemdesc {
  width: 50%;
  float: left;
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-orderrow-title {
  width: 50%;
  float: left;
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 500;
}
.checkout-orderrow-unit {
  font-size: 13px;
  color: #4d4d4d;
  font-weight: 400;
}
.checkout-price {
  width: 10%;
  text-align: center;
  float: left;
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-orderrow-price {
  width: 10%;
  text-align: center;
  float: left;
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-quantity, .checkout-orderrow-qty {
  width: 30%;
  text-align: center;
  float: left;
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-orderrow-qty {
  width: 30%;
  text-align: center;
  float: left;
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-subtotal, .checkout-orderrow-subtotal {
  width: 10%;
  text-align: center;
  float: left;
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-orderrow-subtotal {
  width: 10%;
  text-align: center;
  float: left;
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 600;
}
.checkout-order-totals-row {
  padding: 10px 0;
  box-sizing: border-box;
}
.checkout-totalboxnotice {
  float: left;
  text-align: right;
  font-size: 17px;
  color: #4d4d4d;
  width: 90%;
  font-weight: 600;
}
.checkout-totalboxtotals {
  float: right;
  text-align: center;
  font-size: 17px;
  color: #4d4d4d;
  width: 10%;
  font-weight: 600;
}
.checkout-grandtotal {
  padding: 20px 0;
  box-sizing: border-box;
  border-top: solid 1px #600;
  border-bottom: solid 1px #600;
  line-height: 20px;
  margin: 20px 0;
}
.checkout-grandtotal .checkout-totalboxnotice, .checkout-grandtotal .checkout-totalboxtotals {
  font-weight: 600;
}
hr#checkouthr {
  border-top: solid 1px #cbcbcb !important;
}
#ordersuccessnotice {
  font-size: 17px;
  color: #808080;
}
.checkout-printorder {
  width: 25%;
  float: right;
  font-size: 15px;
  color: #4d4d4d;
  position: relative;
  top: 15px !important;
  text-align: right;
}
.checkout-printorder img {
  position: relative;
  top: -2px;
}
.checkout-printorder a {
  color: #4d4d4d;
}
.checkout-deliveryremarksbox {
  width: 100%;
}
#checkout-deliveryremarksbox {
  min-height: 200px;
  width: 100%;
  margin-top: 20px;
  border-radius: 0px;
  font-size: 16px;
  padding: 14px 15px;
  box-sizing: border-box;
}
#checkout-deliveryremarksbox:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
textarea {
  resize: none;
}
textarea#checkout-deliveryremarksbox::-webkit-input-placeholder {
  color: #600 !important;
}
textarea#checkout-deliveryremarksbox::-moz-placeholder {
  color: #600 !important;
  /* firefox 19+ */
}
textarea#checkout-deliveryremarksbox:-ms-input-placeholder {
  color: #600 !important;
  /* ie */
}
textarea#checkout-deliveryremarksbox:-moz-placeholder {
  color: #600 !important;
}
.checkout-delivery-radioholder {
  width: 90%;
}
.delivery-schedule-holder {
  width: 100%;
  border: 1px solid #e0e0e0 !important;
  min-height: 246px;
  opacity: 0.7;
  position: relative;
  z-index: 0;
}
.delivery-day-item {
  width: 20%;
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.delivery-day-date {
  background: #fff;
  font-size: 16px;
  color: #4d4d4d;
  height: 25% !important;
  min-height: 60px;
  font-weight: bold;
  margin: 0px 2px 2px 0px;
}
.delivery-day-morning {
  font-size: 19px;
  color: #4d4d4d;
  background: #e7e7e7;
  height: 25% !important;
  min-height: 60px;
  margin: 0 2px 2px 0;
}
.delivery-day-lunchtime {
  font-size: 19px;
  color: #4d4d4d;
  background: #dbdbdb;
  height: 25% !important;
  min-height: 60px;
  margin: 0 2px 2px 0;
}
.delivery-day-afternoon {
  font-size: 19px;
  color: #4d4d4d;
  background: #c1c1c1;
  height: 25% !important;
  min-height: 60px;
  margin: 0 2px 0px 0;
}
.delivery-day-evening {
  font-size: 19px;
  color: #404040;
  background: #a9a9a9;
  height: 25% !important;
  min-height: 60px;
  margin: 2px 2px 0px 0;
}
.delivery-day-morning:hover, .delivery-day-lunchtime:hover, .delivery-day-afternoon:hover, .delivery-day-evening:hover, .delivery-day-date-selected {
  color: #fff;
  background: #e56a25;
  cursor: pointer;
}
#current_date .delivery-day-date {
  background-color: #355392;
}
.date-today .delivery-day-date {
  background-color: #355392;
  /* MANAGER CSS */
}
#account_wrapper {
  background: #f5f5f5;
}
#manager-welcomeh3 {
  font-size: 31px;
  font-weight: 500;
  border-bottom: solid 1px #e5e5e5;
  color: #600;
}
#manager-welcomeh3-accinfo {
  font-size: 28px;
  font-weight: 300;
  color: #600;
}
#about_detail_wrapper {
  text-align: center;
}
.subscribtion_btn {
  padding: 10px 40px;
  background: #600;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
}
.subscribtion_btn:hover {
  color: #fff;
}
.manager-accountinput, .manager-accountinput select, input.manager-accountinput {
  background: #fff;
  background-color: #fff !important;
  border: solid 1px #e6e6e6;
  line-height: 28px;
  min-height: 60px;
  border-radius: 0 !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 18px;
  font-family: 'Open-sans', sans-serif;
  font-size: 16px;
  color: #969696 !important;
  padding-left: 15px;
  box-sizing: border-box;
  width: 60% !important;
}
.manager-accountinput:focus, .manager-accountinput select:focus, input.manager-accountinput:focus {
  outline: none !important;
  border: 1px solid #e56a25 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #ccc !important;
}
.manager-accountbuttonsholder {
  width: 60%;
}
.manager-accountsubmit {
  font-size: 20px;
  display: block;
  background: #600;
  color: #fff;
  padding: 20px 30px;
  border: none;
  width: 60% !important;
  float: right;
  box-sizing: border-box;
}
.manager-accountedit, a.manager-accountedit:hover {
  font-size: 20px;
  display: block;
  background: #4d4d4d;
  color: #fff !important;
  padding: 20px 30px;
  border: none;
  width: 38% !important;
  float: left;
  margin-right: 2%;
  box-sizing: border-box;
  cursor: pointer;
}
.manager-orderinfo, .manager-price, .manager-orderno, .manager-vieworder {
  width: 25%;
}
.manager-orderinfo, .manager-orderno, .manager-price, .manager-vieworder, .manager-vieworder a {
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 400;
}
#manager-vieworderimage {
  max-width: 30px;
  padding: 10px;
}
input.manager-newsletter-input {
  height: 60px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  width: 70%;
  float: left;
  box-sizing: border-box;
  max-width: 500px;
  background: #efefef;
  font-size: 19px;
  padding-left: 20px;
}
input.manager-newsletter-submit {
  height: 60px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: #0071b8;
  color: #fff;
  width: 30%;
  float: left;
  box-sizing: border-box;
  font-weight: 600;
  text-transform: uppercase;
  max-width: 100px;
  font-size: 17px;
}
.manager-newsletterunsubscribe {
  font-size: 17px;
  display: block;
  background: #e20012;
  color: #fff !important;
  padding: 13px 0px;
  border: none;
  width: 35% !important;
  float: left;
  margin-right: 2%;
  box-sizing: border-box;
  cursor: pointer;
  max-width: 300px;
  height: 45px;
  font-weight: bold;
  /* CORPORATE CSS */
}
#corporateh3 {
  font-weight: 400;
  border-bottom: solid 1px #e5e5e5;
  color: #600;
  /* CONTACT US CSS */
}
#contact_select_wrapper {
  background: #fff;
  width: 100%;
  border: solid 1px #e6e6e6;
  margin-top: 9px;
  padding: 0px;
  overflow: hidden;
}
#contact_select_wrapper select {
  background: transparent;
  width: 100%;
  margin: 0;
  font-size: 16px;
}
.contacttitle {
  font-weight: 100;
  line-height: 42px;
  font-size: 22px;
}
.contactpage-leftfields {
  width: 49.5%;
  float: left;
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
}
.contactpage-rightfields {
  width: 49.5%;
  float: right;
  box-sizing: border-box;
  padding: 10px 0 10px 10px;
}
.contactform-input {
  background: #fff;
  width: 100%;
  margin: 10px 0;
  min-height: 40px;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  padding: 10px;
}
.contactform-input, .contactform-input select, input.contactform-input {
  background: #fff;
  background-color: #fff !important;
  border: solid 1px #e6e6e6;
  line-height: 28px;
  min-height: 60px;
  border-radius: 0 !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 18px;
  font-family: 'Open-sans', sans-serif;
  font-size: 16px;
  color: #969696 !important;
  padding-left: 15px;
  box-sizing: border-box;
}
.contactform-input:focus, .contactform-input select:focus, input.contactform-input:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
textarea.contactform-input {
  min-height: 200px;
  width: 100%;
  margin-top: 0px;
  border-radius: 0px;
  font-size: 17px;
  padding: 15px;
  margin-bottom: 25px;
}
textarea.contactform-input:focus {
  outline: none !important;
  border: 1px solid #600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
input.contactform-submit {
  height: 60px;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
  background: #600;
  color: #fff;
  width: 30%;
  box-sizing: border-box;
  font-weight: 600;
  max-width: 310px;
  font-size: 17px;
  display: block;
  border: 1px solid transparent;
  font-family: 'Titillium Web', sans-serif;
}
.contactpagedetails {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 30px;
}
#contactFeatP {
  font-weight: 300;
}
.contactpagedetails strong {
  color: #600;
  font-size: 21px;
  font-weight: 300;
}
#contact_wrapper {
  background: #f6f6f6;
}
#contactformh1 {
  color: #600;
  /* FOOTER CSS */
}
footer {
  background: #1a1a1a;
  color: #fff;
}
footer a {
  color: #969696;
}
footer a:hover {
  text-decoration: none;
  color: #fff;
}
footer p {
  color: #969696;
}
footer #newsletter_wrapper {
  position: relative;
  overflow: hidden;
}
footer form {
  margin: 0;
}
footer #newsletter_wrapper #feusers_signupform3_submit {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px !important;
}
footer #newsletter_wrapper .registerforminput {
  margin: 0;
}
footer #newsletter_wrapper #feusers_signupform3_submit.registerformbutton {
  width: 100px !important;
  /*
.footer-col-1{width: 33%;float:left;box-sizing:border-box;padding:8px;margin-top:-10px;}
.footer-col-2{width: 18%;float:right;box-sizing:border-box;padding:8px;}
.footer-col-3{width: 17%;float:right;box-sizing:border-box;padding:8px;}
.footer-col-4{width: 22%;float:right;box-sizing:border-box;padding:8px;}
.footer-col-5{width: 19%;float:right;box-sizing:border-box;padding:8px;}
*/
}
.footer-col-1 {
  width: 33%;
  float: left;
  box-sizing: border-box;
  padding: 8px;
  margin-top: -10px;
}
.footer-col-2 {
  width: 12%;
  float: right;
  box-sizing: border-box;
  padding: 8px;
}
.footer-col-3 {
  width: 15%;
  float: right;
  box-sizing: border-box;
  padding: 8px;
}
.footer-col-4 {
  width: 19%;
  float: right;
  box-sizing: border-box;
  padding: 8px;
}
.footer-col-5 {
  width: 19%;
  float: right;
  box-sizing: border-box;
  padding: 8px;
}
.mediumh2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: white;
}
#footerh2 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: white;
}
.footerlinklist {
  list-style: none;
  margin: 0;
}
.footerlinklist li {
  padding: 1.5px 0;
}
#feusers_signupform3_name {
  display: none;
}
input.newsletter-input {
  height: 50px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  width: 70%;
  float: left;
  box-sizing: border-box;
}
input.newsletter-submit {
  height: 50px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: #0071b8;
  color: #fff;
  width: 30%;
  float: left;
  box-sizing: border-box;
  font-weight: 600;
  text-transform: uppercase;
}
#copyright, #uml {
  padding-top: 27px;
  color: #e3e3e3;
  margin-left: 10px;
  /* SEARCHFORM CSS */
}
.searchpopup {
  background: #0071b8;
  background-color: #0071b8;
  height: 100%;
  weight: 100%;
}
.searchpopupform {
  background: #fff;
}
.hiw-mobile {
  display: none;
}
.header-menu-left {
  display: none;
}
#footer-logo-mobile {
  display: none;
}
#footer-logo {
  margin-top: 23px;
}
#footer-contactdetails-mobile {
  display: none;
}
#footer-separator {
  height: 2px;
  background-color: #969696;
  margin-top: -20px;
  margin: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.footer-menu {
  display: none;
}
#header-container-mobile {
  display: none;
}
#tablist-about {
  display: block;
}
#mobile-tablist-about {
  display: none;
}
.banner-full {
  display: block;
}
.banner-mobile {
  display: none;
}
#mobile-tablist-about {
  display: none;
}
.news-mobile {
  display: none;
}
.shop-product-mobile {
  background-color: white;
  display: none;
}
#download_specs {
  padding: 10px;
}
#download_specs a {
  background: #600 url('../img-design/download.png') no-repeat 14% 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 30px 15px 75px;
  margin-right: 10px;
  display: inline-block;
}
ul#myList, #myList li {
  display: none;
}
#myList {
  list-style-type: none !important;
  list-style: none !important;
}
.cartitemrow-unit {
  display: block;
}
#cartitemrow-title-unit-mobile {
  display: none;
}
#hr-mobile {
  display: none;
}
select.cartitemrow-qty-mobile, div#cartitemrow-price-mobile {
  display: none;
}
.checkout-login-full {
  display: block;
}
.checkout-login-mobile {
  display: none;
}
.checkout-printordermobile {
  display: none;
}
.fancybox-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 25px !important;
  height: 25px !important;
  cursor: pointer !important;
  z-index: 8040 !important;
  background: url('../img-design/fancybox-close.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.fancybox-wrap .fancybox-desktop {
  width: 580px;
  height: auto;
  position: fixed;
  top: 181px;
  left: 631px;
  overflow: visible;
}
#productlist_images .slick-slide {
  width: auto !important;
  border: none;
}
#productlist_images1 .slick-slide {
  width: 345px !important;
  border: none;
}
#variantlist_images .slick-slide {
  border: none;
  width: 243px !important;
}
#variantlist_images .slick-track {
  width: 243px;
}
#variantsmall_images {
  border: none;
}
#variantsmall_images .slick-slide {
  border: none;
  width: 243px !important;
}
.fancybox-skin {
  border-radius: 0 !important;
}
.searchresult-title {
  min-height: 50px;
}
.searchresult-title a {
  color: #666;
  font-size: 19px;
  font-weight: 600;
  min-height: 40px;
  padding: 5px 0 10px 0;
}
.searchresult-item {
  width: 31%;
  float: left;
  margin-right: 2%;
  background: #fff;
  border: solid 1px #e3e3e3;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.searchresult-item::nth-child(3n+1) {
  clear: both;
}
.searchresult-content {
  padding: 15px;
  background: #f9f9f9;
  position: relative;
}
.searchresult-button {
  margin-top: 15px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
.searchresult-button a {
  font-size: 15px;
  display: block;
  background: #600;
  color: #fff;
  padding: 10px 15px;
}
.searchresult-button a:hover {
  background-color: #600;
}
#loadMore {
  display: none;
}
.shop-desktop {
  display: block;
}
.shop-mobile {
  display: none;
}
.menuspacer {
  height: 77px;
  background-color: #ececec;
}
.back-link-shopitem {
  float: left;
}
.manager-newsletterunsubscribe {
  margin-bottom: 20px;
}
.editaccount-button a {
  font-size: 15px;
  background: #600;
  color: #fff;
  padding: 10px 15px;
  margin-top: 20px;
  width: 50%;
  float: left;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  max-width: 220px;
}
#feusers_loginform_email, #feusers_loginform_password, input#feusers_signupform2, #feusers_signupform2 input {
  padding: 5px 15px !important;
  height: 60px;
  margin: 5px 0 !important;
  border-radius: 0px !important;
  font-size: 16px;
  min-height: 35px !important;
  max-width: 400px;
  font-weight: 100;
}
#feusers_loginform input[type="submit"] {
  background-color: #600 !important;
}
#feusers_loginform_submit {
  width: 100%;
}
#feusers_loginform_submit, #feusers_forgotpasswordform_submit, #feusers_passwordform_submit {
  font-size: 15px;
  background-color: #600 !important;
  color: #fff;
  padding: 10px 15px;
  margin-top: 20px;
  width: 50%;
  float: left;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  max-width: 220px;
  border: none;
}
#feusers_forgotpasswordform_email, #feusers_passwordform_newpassword, #feusers_passwordform_confirmnewpassword {
  padding: 5px 15px !important;
  height: 35px;
  margin: 5px 0 !important;
  border-radius: 0px !important;
  font-size: 16px;
  min-height: 35px !important;
  max-width: 400px;
  font-weight: 100;
}
.loadMoreholder {
  display: none;
}
#feusers_signupform3_submit {
  height: 60px;
  padding: 0px;
  margin-left: -2px;
  position: absolute;
  top: 0;
}
.varianthide, .variant {
  display: none;
}
.varianthide p, .variant p {
  font-weight: 600 !important;
}
.home-product-button-mobile {
  display: none;
}
.lSSlideWrapper {
  border: 1px solid #fff;
}
.lSSlideWrapper img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: none;
  width: 100%;
}
.lslide {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
.lightSlider {
  height: 100% !important;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0px;
}
.lSPager {
  height: 70px;
}
.lSPager li {
  height: inherit;
}
.lSPager a {
  height: inherit;
  display: block;
  border: 1px solid #fff f;
  box-sizing: border-box;
  overflow: hidden;
}
.lSSlideOuter .lSPager.lSGallery img {
  margin: 0 auto;
  height: 100%;
  display: block;
}
.productslider li {
  list-style-type: none;
}
.fancybox-inner .lSPager {
  height: 60px;
}
.fancybox-inner .shop-item-availability {
  margin-bottom: 13px;
}
.error {
  color: #d80b0b;
  margin-bottom: 10px;
}
.arrowhover {
  display: none;
}
#corporateheaderh1 {
  font-weight: 600;
  color: #666;
}
.lightgreybg {
  background-color: #f1f1f1;
}
.qtyshow {
  display: block;
}
.qtyhide {
  display: none;
}
#feusers_loginform_email, #feusers_loginform_password {
  width: 100%;
  max-width: none;
}
.forgotpass-container, .registration-container, .checkout-container {
  padding: 20px 40px;
}
.managerh4 {
  color: #600;
  font-size: 21px;
  font-weight: 300;
  margin: 25px 0px;
}
#accinfo-terms {
  margin-top: 15px;
}
#accinfo-terms a {
  color: #600;
}
#tabs-manager-orders, #tabs-manager-newsletter {
  min-height: 275px;
}
input.manager-accountinput {
  color: #ccc !important;
}
.checkout-login-input input {
  height: 60px !important;
}
.checkout-login-button #feusers_loginform_submit {
  background-color: #600;
  max-height: 50px;
  line-height: 0px;
  max-width: none;
  height: 60px;
  float: none;
  font-weight: 100 !important;
  font-size: 21px !important;
  display: block;
}
.view-order-mob {
  display: none;
}
.home-about-item img, .category_images img, .news-image img {
  transition: transform 2s;
}
.home-about-item img:hover, .category_images img:hover, .news-image img:hover {
  transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transition: transform 2s;
}
.searchresult-content .home-product-title {
  min-height: 45px;
}
.searchresult-content .home-product-category {
  height: 25px;
}
.searchresult-content .product-description {
  height: 65px;
}
.delivery-schedule-holder .delivery-day-item {
  border: none;
  margin-right: 0px;
  margin-top: 0px;
}
.home-about-desc {
  min-height: 145px;
}
.contact_blue {
  color: #600;
  font-weight: 500;
}
.dates_ul {
  margin-top: 30px !important;
}
.h2_ul {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #600;
  border-bottom: 1px solid #600;
}
.clickyear {
  color: #600 !important;
  font-weight: 600;
}
.clickyear:hover, .showyears a:hover {
  color: #600 !important;
}
.select-delivery {
  color: #600;
  font-size: 17px;
  font-weight: normal;
  margin: 20px 0px;
}
.calendar-icon {
  margin-right: 15px;
}
#feusers_signupform3_email {
  width: 218px !important;
  border: none !important;
  padding-right: 15px;
}
#feusers_signupform3_email:focus {
  border: none !important;
}
#checkout-paymentdetailsh1 {
  font-size: 27px;
  color: #600;
}
.shopdropdown:hover .arrowdefault {
  display: none;
}
.shopdropdown:hover .arrowhover {
  display: inline-block;
}
.nav-shopitems {
  background-color: #600;
}
.dropdown-menu {
  list-style: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  padding-left: 345px;
  padding-right: 150px;
}
.dropdown-menu li {
  display: inline-block;
}
.dropdown-menu li a {
  display: inline-block;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  transition: background-color 1s;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  color: #fff;
  text-decoration: none;
  background-color: #1a1a1a;
  background-image: -moz-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a1a1a), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: -o-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: linear-gradient(to bottom, #1a1a1a, #1a1a1a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$baseblack, endColorstr=$baseblack, GradientType=0);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1a1a1a;
  background-image: -moz-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a1a1a), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: -o-linear-gradient(top, #1a1a1a, #1a1a1a);
  background-image: linear-gradient(to bottom, #1a1a1a, #1a1a1a);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$baseblack, endColorstr=$baseblack, GradientType=0);
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #fff;
}
#login-popup p {
  color: #600;
}
#login-popup p a {
  color: #600;
}
#contacth1 {
  color: #600;
}
.fields-required-con {
  color: #600;
  padding-bottom: 10px;
  padding-top: 5px;
}
#popin h4 {
  color: red;
}
.darkblue-button input[type="submit"] {
  font-size: 20px;
  display: block;
  background: #600;
  color: #fff;
  padding: 20px 30px;
  border: 0;
  width: 100%;
}
.darkblue-button {
  margin-top: 25px;
}
.darkblue-button-div {
  font-size: 20px;
  background: #600;
  padding: 20px 30px;
  border: 0;
  text-align: center;
}
#checkout-paymentbuttonfull a {
  color: white;
}
.half {
  width: 50%;
}
.all-star-orange {
  color: #600;
  font-weight: 600;
}
#payment-cvv-input {
  width: 50% !important;
  height: 43px !important;
}
#checkout-paymentsuccessh1green {
  color: #600;
}
#payment-cvv-image {
  margin-bottom: 10px;
  margin-left: 10px;
}
#checkout-paymentsuccessh1 {
  color: #600;
  font-weight: normal;
}
.shopbodygreybg .pageright h1 {
  color: #600;
}
.categories .top_parent_cat {
  color: #4d4d4d;
}
#title-news-h1 {
  color: #600;
}
.home-h2 {
  font-weight: 600;
}
.text-white {
  color: white;
}
.shop-item-bottom .bold {
  color: #600;
}
#detail-item-brand {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: normal;
}
#manager-accountinfo-bold {
  font-weight: normal;
}
#feusers_accountform input[type="password"]::-webkit-input-placeholder {
  color: #ccc !important;
}
#feusers_accountform input[type="password"]:-ms-input-placeholder {
  color: #ccc !important;
}
#feusers_accountform input[type="password"]::placeholder {
  color: #ccc !important;
}
.tandc strong {
  color: #1a1a1a;
}
.news-readmore a {
  color: #600;
  font-weight: 600;
}
.item-detail-section h2 {
  color: #600;
}
#related-items-con h3 {
  color: #600;
  font-weight: 600;
  padding-bottom: 0px;
  line-height: normal;
}
#related-items-con .shop-product {
  width: 100%;
}
#related-items-con .related-image {
  padding: 20px;
  border: 1px solid #fff;
  background-color: white;
}
#related-items-con .price-add-container {
  min-height: 61px;
}
#related-items-con .item {
  padding: 15px;
  background-color: #f5f5f5;
}
#related-items-con .home-product-name {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 600;
  min-height: 40px;
  padding: 5px 0 0px 0;
}
#related-items-con .home-product-category {
  font-weight: 600;
}
#related-items-con .shop-product-button img {
  margin-left: 7px;
}
.navbar .nav > li {
  transition: background-color 0.7s;
}
@media print {
  .hide-in-print {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: 950px;
  }
  .header-menu-right {
    width: 38%;
  }
  .banner-backgroundimage {
    height: 400px;
  }
  #home-about-holder {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #about-featp {
    margin-left: auto;
    margin-right: auto;
  }
  #back-link-mobile {
    display: none;
  }
  #back-link-desktop {
    display: block;
    margin: 0 0 20px 40px;
  }
  .mediumh2 {
    line-height: 18px;
  }
  #home-product-price-sale {
    font-size: 14px;
  }
  .home-product-content {
    min-height: 150px;
  }
  .manager-newsletterunsubscribe {
    margin-bottom: 20px;
  }
  .searchresult-item:nth-child(3n) {
    clear: both;
  }
  .back-link-shopitem {
    float: left;
  }
  .navbar-inverse .nav > li > a {
    font-size: 14px;
    padding: 10px;
  }
  .news-image {
    height: 175px;
  }
  #tablist-manager .tablist li a {
    padding: 15px 10px;
    margin: 6px;
    font-size: 16px;
  }
  .checkout-container {
    padding: 20px 40px;
  }
  .home-about-image {
    height: 150px;
  }
  .news-singleitem-images {
    height: 400px;
  }
  #feusers_signupform3_email {
    width: 198px !important;
  }
  .footer-col-1 {
    margin-top: 0px;
  }
  .nav-shopitems li a {
    padding: 10px 5px;
    font-size: 12px;
  }
}
@media (max-width: 900px) {
  #searchbox-holder {
    width: 80%;
    margin-top: 20px;
  }
  .news-content {
    min-height: 135px;
  }
}
@media (min-width: 769px) and (max-width: 979px) {
  .menuspacer {
    height: 133px !important;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  .home-product-category {
    font-size: 13px;
  }
  .home-product-title a {
    font-size: 15px;
  }
  .home-about-title {
    height: 50px;
    position: relative;
  }
  .home-about-title a {
    font-size: 16px;
    display: block;
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 95%;
    line-height: 17px;
  }
  .home-about-desc {
    min-height: 190px;
  }
  .news-image {
    height: 135px;
  }
  .news-singleitem-images {
    height: 290px;
  }
}
@media (min-width: 901px) and (max-width: 979px) {
  #searchbox-holder {
    width: 80%;
    margin-top: 20px;
  }
  .news-image {
    height: 160px;
  }
}
@media (min-width: 980px) and (max-width: 1023px) {
  .news-image {
    height: 170px;
  }
}
@media (max-width: 1023px) {
  .navbar-fixed-top {
    margin-bottom: 0px;
    position: fixed;
  }
  .menuspacer {
    height: 122px;
  }
  .navbar-inverse .navbar-inner {
    max-height: none;
    height: 80px;
  }
  .navbar-fixed-top .container {
    width: 96%;
  }
  .navbar .nav {
    top: -11px;
  }
  .navbar-inverse .nav > li > a {
    font-size: 14px;
  }
  .logoholder {
    width: 120px;
    top: 13px;
  }
  .header-menu-right {
    width: auto;
    top: 1px;
  }
  .menu-search, .menu-shoppingbag {
    width: 90px;
  }
  .menu-shoppingbag a, .menu-search a {
    margin-top: 10px !important;
  }
  .menu-shoppingbag-quantity {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
  }
  .menu-search img, .menu-user img, .menu-shoppingbag img {
    width: 35px;
  }
  .menu-user {
    width: 100px;
  }
  #manager-welcomeh3 {
    font-size: 31px;
  }
  .container {
    padding: 20px;
    box-sizing: border-box;
  }
  .mobile-search {
    display: none;
  }
  .menu-search, .menu-search a, .menu-user, .menu-user a, .menu-shoppingbag, .menu-shoppingbag a {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 15px;
  }
  .header-menu-right img, .swing {
    margin-bottom: 6px !important;
  }
  .banner-backgroundimage {
    height: 350px;
  }
  .banner-iconimage {
    max-width: 160px;
  }
  .banner-title {
    font-size: 40px;
    line-height: 36px;
  }
  .banner-description {
    font-size: 25px;
  }
  .banner-iconimage, .banner-title, .banner-description, .banner-button {
    padding: 5px;
  }
  #banner-button a {
    font-size: 17px;
    padding: 10px 20px;
  }
  .footer-col-5 {
    font-size: 10px;
    line-height: 15px;
  }
  .home-products {
    padding-left: 30px;
    padding-right: 30px;
  }
  #about-featp {
    width: 85%;
    margin-left: auto;
  }
  .back-link-destop a {
    display: block;
  }
  #back-link-desktop {
    display: block;
    margin: 0 0 20px 40px;
  }
  #back-link-mobile {
    display: none;
  }
  button.slider-next {
    margin-right: 24px !important;
  }
  input.newsletter-submit {
    font-size: 10px;
  }
  footer p, footer a {
    font-size: 12px;
    line-height: 16px;
  }
  .footerlinklist li {
    padding: 0;
    line-height: 16px;
  }
  .registerforminput, .registerforminput select, input.registerforminput, .manager-accountinput, .manager-accountinput select, input.manager-accountinput, .contactform-input, .contactform-input select, input.contactform-input {
    min-height: 50px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .contactform-input, .contactform-input select, input.contactform-input {
    min-height: 60px;
  }
  #categorylist_landing_wrapper .category_wrapper {
    margin: 0 10px 10px 0;
    clear: none;
    width: 230px;
  }
  #categorylist_landing_wrapper .category_wrapper:nth-child(3n+4) {
    clear: none;
  }
  #categorylist_landing_wrapper .category_wrapper:nth-child(3n+2) {
    margin: 0 10px 10px 0;
    clear: none;
  }
  input[type="file"], select {
    width: 205px;
  }
  select.paginationselect {
    width: 190px;
  }
  #home-product-price-sale {
    font-size: 14px;
  }
  .shop-item-title {
    line-height: 25px;
  }
  select.cartitemrow-qty-full {
    max-width: none;
    height: 45px;
  }
  select.cartitemrow-qty-mobile {
    display: block;
    max-width: none;
    height: 45px;
  }
  .qty-text {
    display: none;
  }
  #checkout-headerinfoholder {
    font-size: 13px;
  }
  .checkout-subtotal, .checkout-orderrow-subtotal {
    width: 20%;
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-itemdesc {
    width: 45%;
  }
  .checkout-subtotal {
    width: 15%;
    font-size: 15px;
  }
  .checkout-orderrow-subtotal {
    width: 15%;
    font-size: 17px;
  }
  .checkout-orderrow-qty {
    font-size: 17px;
  }
  .checkout-orderrow {
    border-bottom: solid 1px #e5e5e5;
  }
  .checkout-orderrow-title {
    width: 45%;
  }
  .manager-newsletterunsubscribe {
    margin-bottom: 20px;
    width: 40% !important;
  }
  .tablist a {
    min-width: 150px;
    font-size: 15px;
    padding: 10px 5px;
  }
  #manager-welcomeh3-accinfo {
    border-bottom: none;
    margin-bottom: 0;
  }
  #manager-welcomeh3 {
    font-size: 31px;
  }
  .lightview-order-mobile {
    width: 90%;
  }
  textarea.contactform-input {
    font-size: 14px;
  }
  #contactForm1 {
    max-width: 800px;
    margin: auto;
  }
  .searchresult-item:nth-child(3n) {
    clear: both;
  }
  .back-link-shopitem {
    float: left;
  }
  #hr-desktop {
    display: none;
  }
  .header_notcie {
    padding: 0;
    color: ;
    max-width: 1155px;
    margin-left: 25px;
  }
  .banner-title-large {
    font-size: 40px;
    line-height: 38px;
  }
  .banner-description-large {
    font-size: 27px;
    line-height: 27px;
    margin-top: 2px;
  }
  #feusers_signupform3_submit {
    height: 50px;
    width: 80px;
  }
  .news-title a {
    font-size: 18px;
  }
  .paginationcurrent, .paginationnotcurrent {
    padding: 10px 13px;
  }
  .tandc {
    padding: 0px 20px;
  }
  #tablist-manager .tablist li a {
    padding: 15px 8px;
    margin: 5px;
    font-size: 15px;
  }
  .checkout-container {
    padding: 20px 40px;
  }
  .home-product-origin {
    font-size: 11px;
  }
  .home-about-image {
    height: 140px;
  }
  .searchresult-content .product-description {
    height: 80px;
  }
  .news-singleitem-images {
    height: 310px;
  }
  #feusers_signupform3_email {
    width: calc(100% - 100px) !important;
  }
  .home-product-title {
    min-height: 70px;
  }
  #menu-shopitems {
    text-align: left;
  }
  .nav-shopitems {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 949px) {
  .home-product {
    margin-left: 15px;
    margin-right: 15px;
  }
  .home-about-image {
    height: 115px;
  }
  .shop-item-addcartbutton input[type="button"] {
    font-size: 19px;
    padding: 20px 15px;
  }
}
@media (max-width: 790px) {
}
@media (max-width: 768px) {
  .navbar-inverse .navbar-inner {
    height: 80px;
  }
  h1 {
    font-size: 25px;
    line-height: 25px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  .container {
    padding: 15px;
    box-sizing: border-box;
  }
  ul.nav {
    display: none !important;
  }
  div.header-notice.full {
    display: none;
  }
  #header-container {
    display: none;
  }
  #header-container-mobile {
    display: block;
    width: 100%;
    height: 80px;
    border-bottom: solid 1px #e5e5e5;
  }
  .header-menu-left {
    display: block;
    width: 25%;
    float: left;
    margin: 0;
    box-sizing: border-box;
  }
  .header-menu-right {
    display: block;
    width: 12%;
    float: right;
    margin: 0;
    box-sizing: border-box;
    bottom: 0;
    top: 3px;
  }
  #my-navigation {
    background-color: #fff;
    color: #0071b8;
    text-align: left;
    width: 75%;
    max-width: 350px;
    height: auto;
    position: absolute;
    overflow: auto;
    left: -736px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .offcanvas--left--active {
    transform: translate3d(736px, 0, 0);
  }
  .mmenu-open {
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    background: none;
    border: none;
    text-align: center;
    display: block;
    padding-top: 18px;
    padding-left: 20px;
  }
  .mmenu-text {
    margin-top: -5px;
    font-size: 10px;
  }
  .mmenu-text-closed {
    color: #fff;
  }
  .mmenu-text-opened {
    color: #666;
  }
  .mmenu-close {
    text-align: center;
    font-size: 8px;
    cursor: pointer;
    width: 25%;
    float: right;
    height: 80px;
  }
  .mmenu-close img {
    margin-top: 20px;
  }
  .mmenu-login {
    min-height: 36px;
    font-size: 12px;
  }
  .mmenu-login a {
    font-size: 12px;
    color: #4d4d4d;
  }
  .mmenu-catlist {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-top: solid 1px #e5e5e5;
  }
  .mmenu-catlist ul {
    list-style: none;
    margin: 0;
  }
  .mmenu-catlist ul li {
    border-bottom: 1px solid #e5e5e5;
  }
  .mmenu-catlist ul li a {
    font-size: 11px;
    color: #666;
    box-sizing: border-box;
    line-height: 35px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 15px;
  }
  .mmenu-catlist ul li a:hover {
    font-weight: 600;
    box-sizing: border-box;
    color: #600;
  }
  .mmenu-catlist ul li a.active {
    color: #e20012;
  }
  #shopsidebarh2 {
    display: none;
  }
  .mmenu-socialmedia {
    min-height: 36px;
  }
  .mmenu-socialmedia a {
    float: left;
    margin-left: 15px;
  }
  .logoholder {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    top: 8px;
    padding: 15px;
  }
  .logoholder img {
    max-width: 141px;
    margin: auto;
  }
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    box-sizing: border-box;
    padding: 0;
  }
  .menu-user, .menu-search {
    display: none;
  }
  .menu-shoppingbag {
    width: auto;
    margin: 0;
    position: relative;
    right: 20px;
  }
  .menu-shoppingbag a {
    font-size: 10px;
  }
  .menu-shoppingbag-quantity {
    background: url('../img-design/shoppingbag.png');
    width: 32px;
    height: 32px;
    margin: auto;
    color: #600;
    font-size: 12px;
    margin-top: 10px;
    box-sizing: border-box;
    padding-top: 10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mobile-search {
    border-bottom: solid 1px #600;
    height: 37px;
    box-sizing: border-box;
    margin-top: 80px;
  }
  #mobile-search-input, #mobile-search-submit {
    width: 85%;
    height: 36px;
    border-radius: 0;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    border: none;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    float: left;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  #mobile-search-submit {
    width: 15%;
    float: left;
    height: 36px;
    background: url('../img-design/search-alt.png');
    background-size: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .mobile-search input:focus {
    outline: none !important;
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
  }
  .navbar-fixed-top {
    margin-bottom: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .banner-iconimage {
    display: none;
  }
  .menuspacer {
    display: none;
  }
  .banner-backgroundimage {
    height: 320px;
  }
  .banner-iconimage, .banner-title, .banner-description, .banner-button {
    padding: 0;
  }
  .banner-title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .banner-description {
    font-size: 18px;
  }
  .green-button a {
    font-size: 14px;
    padding: 10px 15px;
  }
  .banner-title-large {
    font-size: 34px;
    line-height: 32px;
  }
  .banner-description-large {
    font-size: 22px;
    line-height: 20px;
    margin-top: 0px;
  }
  .banner-full {
    display: none;
  }
  .banner-mobile {
    display: block;
  }
  .hiw-image {
    display: table;
    width: 260px;
  }
  .hiw-item {
    width: 100%;
  }
  .hiw-desc {
    font-size: 13px;
    width: 220px;
    line-height: 14px;
    margin: 0 auto;
    margin-top: 5px;
  }
  .home-about-item {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px;
    width: 350px;
  }
  #aboutusP, #ourproductsP {
    font-size: 14px;
  }
  .home-product-bottomleftholder {
    max-width: 75%;
    box-sizing: border-box;
  }
  .home-product-button {
    width: auto;
    box-sizing: border-box;
  }
  #tablist-about {
    display: none;
  }
  #mobile-tablist-about {
    display: block;
  }
  #mobile-tablist-about.tablist, ul#mobile-tablist-about.tablist {
    width: 70%;
    margin: auto;
  }
  #mobile-about-tablist-dropdown img {
    position: relative;
    left: 5px;
    top: -1px;
  }
  #mobile-about-tablist-dropdown:hover .arrowdefault {
    display: none;
  }
  #mobile-about-tablist-dropdown:hover .arrowhover {
    display: inline-block;
  }
  li#mobile-about-tablist-dropdown, li#mobile-about-tablist-dropdown a {
    width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
    padding: 5px;
  }
  ul#mobile-about-tablist-menu {
    margin: 0;
  }
  ul#mobile-about-tablist-menu li, ul#mobile-about-tablist-menu li a {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: auto;
  }
  ul#mobile-about-tablist-menu li a {
    padding: 15px;
  }
  .about-contentholder {
    width: 60%;
    font-size: 12px;
  }
  .about-description {
    font-size: 13px;
    line-height: 17px;
  }
  .about-image {
    width: 40%;
  }
  .about-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .featp, .head-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
  .form-input, input.form-input {
    width: 70%;
  }
  .pagination {
    width: 100%;
  }
  .shop-desktop {
    display: none;
  }
  .shop-mobile {
    display: block;
    /* NEWS CSS */
  }
  .news-title a {
    font-size: 15px;
    line-height: 14px !important;
  }
  .news-date {
    font-size: 11px;
    margin-bottom: 0;
  }
  .news-content {
    font-size: 12px;
    line-height: 15px;
    min-height: 135px;
    /* CREATE ACCOUNT CSS */
  }
  .registerforminput, .registerforminput select, input.registerforminput, .manager-accountinput, .manager-accountinput select, input.manager-accountinput, .contactform-input, .contactform-input select, input.contactform-input {
    min-height: 45px;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .account_newsletter {
    text-align: center;
  }
  .registerformbutton {
    font-size: 16px;
    padding: 12px;
    /* WEB SHOP CSS */
  }
  .shop-product {
    display: none;
  }
  .home-product-content {
    background: #fff;
  }
  ul#myList {
    margin: 0;
    padding: 0;
  }
  #myList li:nth-child(odd) {
    clear: both;
  }
  .shop-product-mobile {
    display: block;
    width: 47%;
    margin: 20px 0;
    border: solid 1px #e3e3e3;
    float: left;
    margin-right: 3%;
    box-sizing: border-box;
  }
  ul#myList, #myList li {
    display: block;
  }
  #myList li {
    display: none;
  }
  #loadMore {
    display: block;
    color: #fff;
    background: #600;
    padding: 8px 15px;
    cursor: pointer;
    max-width: 125px;
    text-align: center;
    margin: auto;
    box-sizing: border-box;
  }
  .shop-item-topleft, .shop-item-topright {
    width: 100%;
    float: none;
    padding: 10px;
    min-width: 300px;
  }
  .shop-item-bottom {
    padding: 10px;
  }
  .shop-item-bottom p {
    text-align: left;
  }
  #pageright80 {
    width: 70%;
  }
  #sideleft20 {
    width: 30%;
  }
  .carttop-notice {
    font-size: 14px;
  }
  .carttop-produce, .carttop-payment {
    font-size: 14px;
    padding: 0px;
  }
  div#cart-button-mobile.halfleft div#pageright80, div#cart-mobile.halfleft div#pageright80 {
    width: 88% !important;
  }
  .cart-deliverynotice {
    font-size: 16px;
  }
  input#coupontext, input#couponsubmit {
    font-size: 13px;
  }
  input#couponsubmit {
    padding-left: 0px;
  }
  .green-buttonfull a {
    font-size: 15px;
    padding: 10px;
  }
  #couponpadding {
    padding-top: 0px;
  }
  #carth2 {
    color: #4d4d4d;
    font-size: 20px;
  }
  .cartitemrow-image {
    width: 26.6%;
  }
  .cartitemrow-title {
    width: 40%;
    padding-left: 15px;
  }
  .cartitemrow-qty {
    width: 25%;
  }
  .cartitemrow-unit {
    display: none;
  }
  #cartitemrow-title-unit-mobile {
    display: block;
    color: #4d4d4d;
  }
  .cartitemrow-qty select, input.cartitemrow-qty {
    line-height: 18px;
    border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-family: 'Open-sans', sans-serif;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
    min-height: 30px;
    padding-left: 10px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img-design/select-bg-mob.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-color: transparent !important;
    color: #969696;
    width: 80% !important;
  }
  .cartitemrow-qty select:focus, input.cartitemrow-qty:focus {
    outline: none !important;
    border: 1px solid #600 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  select.cartitemrow-qty {
    display: block;
    max-width: none;
    height: 45px;
  }
  .cartitemrow-price {
    display: none;
  }
  select.cartitemrow-qty-full {
    display: block;
    max-width: none;
    height: 45px;
    font-size: 16px;
    font-weight: 400;
  }
  select.cartitemrow-qty-mobile, div#cartitemrow-price-mobile {
    display: block;
  }
  #cartitemrow-price-mobile {
    display: block;
    float: left;
    width: 100%;
    font-size: 18px;
    color: #4d4d4d;
    margin-top: 14px;
  }
  .cartitemrow-title-cat {
    font-size: 14px;
  }
  .cartitemrow-title-name {
    font-size: 16px;
  }
  .checkout-loginholder {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    box-sizing: border-box;
    float: none;
  }
  #checkout-headerinfoholder {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }
  .checkout-itemdesc, .checkout-orderrow-title {
    width: 45%;
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-price, .checkout-orderrow-price {
    width: 15%;
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-quantity, .checkout-orderrow-qty {
    width: 20%;
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-subtotal, .checkout-orderrow-subtotal {
    width: 20%;
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-totalboxnotice, .checkout-totalboxtotals {
    font-size: 12px;
    line-height: 16px;
  }
  .checkout-totalboxnotice {
    width: 85%;
  }
  .checkout-totalboxtotals {
    width: 15%;
  }
  .checkout-orderrow {
    width: 100%;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
  }
  h2.shop-item-title {
    line-height: 26px;
  }
  .shop-item-price {
    margin-top: 25px;
  }
  .checkout-ordertablehead {
    margin-bottom: 0;
  }
  #checkout-paymentsuccessh1green {
    font-size: 22px;
    line-height: 24px;
  }
  .checkout-printorder {
    width: 30%;
  }
  .delivery-day-date {
    font-size: 14px;
  }
  .delivery-day-morning {
    font-size: 16px;
  }
  .delivery-day-lunchtime {
    font-size: 16px;
  }
  .delivery-day-afternoon {
    font-size: 16px;
  }
  .tablist {
    display: none;
  }
  #tablist-manager {
    margin-top: 15px;
  }
  .manager-accountinput, .manager-accountinput select, input.manager-accountinput {
    width: 100% !important;
    max-width: 550px;
  }
  .editaccount-button a {
    font-size: 15px;
    background: #600;
    color: #fff;
    padding: 10px 15px;
    margin-top: 20px;
    width: 50%;
    float: left;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
  #manager-welcomeh3 {
    border-bottom: none;
    margin-bottom: -5px;
    font-size: 18px;
  }
  .manager-accountedit, a.manager-accountedit:hover {
    font-size: 16px;
    padding: 10px;
  }
  .manager-accountsubmit {
    font-size: 16px;
    padding: 10px;
  }
  p#accinfo-terms {
    font-size: 12px;
    margin-top: 5px;
  }
  .manager-ordertablerow {
    font-size: 15px;
  }
  .checkout-orderrow-unit span.bold {
    font-size: 14px;
  }
  .manager-orderinfo, .manager-orderno, .manager-price, .manager-vieworder, .manager-vieworder a {
    font-size: 14px;
  }
  .manager-vieworder {
    padding: 10px;
  }
  div.checkoutdiv hr {
    display: none;
  }
  #hr-desktop {
    display: none;
  }
  input.manager-newsletter-input {
    height: 45px;
    font-size: 14px;
  }
  input.manager-newsletter-submit {
    height: 45px;
    font-size: 14px;
  }
  .manager-newsletterunsubscribe {
    font-size: 14px;
    width: 50% !important;
    margin-bottom: 20px;
  }
  h2#newsletterh2 {
    font-size: 17px;
    font-weight: 400;
    color: #668c00;
    margin-bottom: -15px;
    text-align: left;
  }
  textarea.contactform-input {
    min-height: 150px !important;
    width: 100%;
    margin-top: 0px;
    border-radius: 0px;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 20px;
  }
  .contactpagedetails {
    font-size: 14px;
  }
  .contactpagedetails strong {
    font-size: 16px;
  }
  div.contactpagedetails p {
    margin-bottom: 5px;
  }
  #contactFeatP {
    margin-bottom: 15px;
  }
  input.contactform-submit {
    height: 45px;
    font-size: 14px;
    /* FOOTER CSS */
  }
  #footer-logo-mobile {
    display: block;
    margin: auto;
    padding-bottom: 10px;
  }
  img#footer-logo-mobile {
    max-width: 80px;
  }
  #footer-logo {
    display: none;
  }
  h4#footerh2 {
    font-size: 14px;
    text-transform: uppercase;
  }
  .footer-col-1, .footer-col-4 {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    text-align: center;
  }
  .footer-col-2, .footer-col-3, .footer-col-5 {
    display: none;
  }
  .footer-menu {
    text-align: center;
    display: block;
  }
  .footer-menu a {
    font-size: 12px;
  }
  #copyright, #uml {
    padding-top: 0px;
    text-align: center;
    display: inline-block;
    font-size: 8px;
    width: 100%;
    margin: 0 auto;
  }
  .mobile-search {
    display: block;
  }
  .back-link-shopitem {
    margin: 15px 10px;
    width: auto;
    float: none;
  }
  .back-link-shopitem a {
    padding: 20px;
  }
  .loadMoreholder {
    display: block;
  }
  #feusers_signupform3 {
    width: 90%;
    margin: 0 auto;
  }
  #feusers_signupform3_submit {
    height: 45px;
  }
  #banner-button a {
    font-size: 13px;
    padding: 5px 10px;
  }
  .shopmenuitem {
    padding: 0px 15px;
  }
  .shopmenuitem a {
    font-size: 12px;
  }
  .shopmenuitem img {
    width: 40px;
    margin-bottom: 0px;
  }
  .sideleft ul li a {
    font-size: 14px;
    line-height: 22px;
  }
  .sideleft ul li .webchild-a {
    font-size: 12px;
    line-height: 20px;
  }
  #categorylist_landing_wrapper .category_wrapper {
    width: 40%;
  }
  #categorylist_landing_wrapper .category_wrapper h3 {
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
  }
  .home-product-category {
    height: 30px;
  }
  .home-product-title {
    min-height: 60px;
  }
  .home-product-title a {
    font-size: 15px;
  }
  .home-product-button-mobile {
    display: block;
  }
  .home-product-button-desktop {
    display: none;
  }
  #tabs-manager-account .container {
    padding: 20px 50px;
  }
  #account_wrapper {
    padding: 20px 60px;
    box-sizing: border-box;
  }
  .manager-accountinput, .manager-accountinput select, input.manager-accountinput {
    max-width: none;
  }
  #manager-welcomeh3-accinfo {
    font-size: 25px;
    text-align: center;
  }
  #tabs-manager-orders {
    margin-bottom: 30px;
  }
  #about-featp {
    width: 90%;
  }
  #contactForm {
    max-width: 600px;
    margin: 0 auto;
  }
  .contactpage-leftfields, .contactpage-rightfields {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 10px;
  }
  .contactform-input, .contactform-input select, input.contactform-input, #contact_select_wrapper select {
    font-size: 13px;
    min-height: 60px;
  }
  #contact_select_wrapper {
    padding: 0px;
    box-sizing: border-box;
  }
  #contact_select_wrapper select {
    padding-left: 10px;
  }
  #contactpreference {
    padding: 0;
  }
  #map_canvas_map {
    height: 250px !important;
  }
  .head-subtitlesmall {
    margin-top: 0px;
  }
  .tandc {
    padding: 0px 20px;
  }
  #corporateheaderh1 {
    font-size: 18px;
  }
  .checkout-container {
    padding: 20px 40px;
  }
  #checkouth1 {
    font-size: 24px !important;
  }
  .checkout-pagetopheader {
    padding: 0px;
  }
  .view-order-mob {
    display: block;
  }
  .view-order-desktop {
    display: none;
  }
  select.paginationselect, .paginationlabel {
    display: none;
  }
  .pagination-shop {
    display: none;
  }
  .searchresult-content .home-product-title {
    min-height: 55px;
  }
  .searchresult-content .searchresult-button a {
    font-size: 12px;
    padding: 8px 15px;
  }
  .searchresult-content .product-description {
    font-size: 12px;
    line-height: 16px;
    height: 85px;
  }
  .home-about-image {
    height: 185px;
  }
  .h2_ul {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 10px;
  }
  #feusers_signupform3_email {
    float: left;
  }
  #newsletter_wrapper .error {
    clear: both;
  }
  .header-menu-right img, .swing {
    margin-bottom: 0px !important;
  }
  .menu-shoppingbag a, .menu-search a {
    margin-top: 2px !important;
  }
  .news-readmore {
    font-size: 12px;
  }
  #createaccounth3 {
    line-height: initial;
    margin-bottom: 10px;
  }
  .registerforminput, .registerforminput select, input.registerforminput, select.registerforminput {
    font-size: 13px;
  }
  #menu-shopitems {
    display: none;
  }
}
@media (min-width: 501px) and (max-width: 550px) {
  .news-contentholder .news-title {
    height: 60px;
  }
  .news-title a {
    font-size: 14px;
    line-height: 17px !important;
  }
  .news-content {
    min-height: 215px;
  }
  .news-image {
    height: 85px;
  }
  .news-singleitem-images {
    height: 180px;
  }
}
@media (min-width: 551px) and (max-width: 600px) {
  .news-contentholder .news-title {
    height: 60px;
  }
  .news-title a {
    font-size: 14px;
    line-height: 17px !important;
  }
  .news-content {
    min-height: 185px;
  }
  .news-image {
    height: 95px;
  }
  .news-singleitem-images {
    height: 200px;
  }
}
@media (min-width: 601px) and (max-width: 650px) {
  .news-contentholder .news-title {
    height: 60px;
  }
  .news-title a {
    font-size: 15px;
    line-height: 19px !important;
  }
  .news-content {
    min-height: 155px;
  }
  .news-image {
    height: 105px;
  }
  .lSPager {
    height: 80px;
  }
  .news-singleitem-images {
    height: 220px;
  }
}
@media (min-width: 651px) and (max-width: 700px) {
  .news-contentholder .news-title {
    height: 60px;
  }
  .news-title a {
    font-size: 15px;
    line-height: 19px !important;
  }
  .news-content {
    min-height: 140px;
  }
  .news-image {
    height: 110px;
  }
  .lSPager {
    height: 80px;
  }
  .news-singleitem-images {
    height: 245px;
  }
}
@media (min-width: 701px) and (max-width: 768px) {
  .news-contentholder .news-title {
    height: 60px;
  }
  .news-title a {
    font-size: 15px;
    line-height: 19px !important;
  }
  .news-content {
    min-height: 125px;
  }
  .news-image {
    height: 125px;
  }
  .lSPager {
    height: 90px;
  }
  .news-singleitem-images {
    height: 260px;
  }
}
@media (max-width: 500px) {
  .banner-contentholder {
    width: 95%;
  }
  .shop-product {
    display: none;
  }
  #mobile-tablist-about {
    display: block;
  }
  .banner-full {
    display: none;
  }
  .banner-mobile {
    display: block;
  }
  .container {
    padding: 15px;
    box-sizing: border-box;
  }
  h1, h2 {
    font-size: 20.6px;
    margin-bottom: 5px;
    text-align: center;
  }
  p {
    font-size: 12px;
    line-height: 13px;
  }
  ul.nav {
    display: none !important;
  }
  div.header-notice.full {
    display: none;
  }
  #header-container {
    display: none;
  }
  #header-container-mobile {
    display: block;
    width: 100%;
    height: 80px;
    border-bottom: solid 1px #e5e5e5;
  }
  .header-menu-left {
    display: block;
    width: 25%;
    float: left;
    margin: 0;
    box-sizing: border-box;
  }
  .header-menu-right {
    display: block;
    width: 12%;
    float: right;
    margin: 0;
    box-sizing: border-box;
    bottom: 0;
    top: 3px;
  }
  #my-navigation {
    background-color: #fff;
    color: #0071b8;
    text-align: left;
    width: 75%;
    max-width: 350px;
    height: auto;
    position: absolute;
    overflow: auto;
    left: -380px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .offcanvas--left--active {
    transform: translate3d(380px, 0, 0);
  }
  .mmenu-open {
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    background: none;
    border: none;
    text-align: center;
    display: block;
    padding-top: 18px;
    padding-left: 20px;
  }
  .mmenu-text {
    margin-top: -5px;
    color: #4d4d4d;
    font-size: 10px;
  }
  .mmenu-close {
    text-align: center;
    font-size: 8px;
    cursor: pointer;
    width: 25%;
    float: right;
    height: 80px;
  }
  .mmenu-text-closed {
    color: #fff;
  }
  .mmenu-text-opened {
    color: #666;
  }
  .mmenu-login {
    min-height: 36px;
    font-size: 12px;
  }
  .mmenu-login a {
    font-size: 12px;
    color: #4d4d4d;
  }
  .mmenu-catlist {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-top: solid 1px #e5e5e5;
  }
  .mmenu-catlist ul {
    list-style: none;
    margin: 0;
  }
  .mmenu-catlist ul li {
    border-bottom: 1px solid #e5e5e5;
  }
  .mmenu-catlist ul li a {
    font-size: 11px;
    color: #666;
    box-sizing: border-box;
    line-height: 35px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 15px;
  }
  .mmenu-catlist ul li a:hover {
    font-weight: 600;
    box-sizing: border-box;
    color: #600;
  }
  .mmenu-catlist ul li a.active {
    color: #e20012;
  }
  #shopsidebarh2 {
    display: none;
  }
  .mmenu-socialmedia {
    min-height: 36px;
  }
  .mmenu-socialmedia a {
    float: left;
    margin-left: 15px;
  }
  .logoholder {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    top: 8px;
    padding: 15px;
  }
  .logoholder img {
    max-width: 108px;
    margin: auto;
  }
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    box-sizing: border-box;
    padding: 0;
  }
  .menu-user, .menu-search {
    display: none;
  }
  .menu-shoppingbag {
    width: auto;
    margin: 0;
    position: relative;
    right: 20px;
  }
  .menu-shoppingbag a {
    font-size: 10px;
  }
  .menu-shoppingbag-quantity {
    background: url('../img-design/shoppingbag.png');
    width: 32px;
    height: 32px;
    margin: auto;
    color: #600;
    font-size: 12px;
    margin-top: 10px;
    box-sizing: border-box;
    padding-top: 10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .mobile-search {
    border-bottom: solid 1px #600;
    height: 37px;
    box-sizing: border-box;
    margin-top: 80px;
  }
  #mobile-search-input, #mobile-search-submit {
    width: 85%;
    height: 36px;
    border-radius: 0;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    border: none;
    margin: 0;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  #mobile-search-submit {
    width: 15%;
    float: left;
    height: 36px;
    background: url('../img-design/search-alt.png');
    background-size: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .mobile-search input:focus {
    outline: none !important;
    border: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
  }
  .navbar-fixed-top {
    margin-bottom: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .banner-iconimage {
    display: none;
  }
  .menuspacer {
    display: none;
  }
  .banner-backgroundimage {
    height: 250px;
    background-size: 450px Auto;
  }
  .banner-iconimage, .banner-title, .banner-description, .banner-button {
    padding: 0;
  }
  .banner-title {
    font-size: 22px;
    line-height: 10px;
  }
  .banner-description {
    font-size: 15px;
  }
  .green-button a {
    font-size: 12px;
    padding: 5px 10px;
  }
  .hiw-title {
    font-size: 18px;
  }
  .hiw-item {
    width: 100%;
  }
  .hiw-desc {
    font-size: 13px;
    width: 210px;
    line-height: 14px;
    margin: 0 auto;
    margin-top: 5px;
  }
  .hiw-image {
    width: 210px;
  }
  #ourproductsP, #aboutusP {
    font-size: 12px;
    line-height: 14px;
  }
  .banner-title-large {
    font-size: 24px;
    line-height: 26px;
  }
  .banner-description-large {
    font-size: 17px;
    line-height: 17px;
    margin-top: 0;
  }
  .home-about-item {
    margin: auto;
    padding: 0;
    margin-bottom: 20px;
    float: none;
    width: 100%;
    max-width: 290px;
  }
  .home-about-contnet {
    padding: 15px;
  }
  .home-about-title {
    padding-bottom: 2px;
  }
  .home-about-desc {
    font-size: 11px;
    line-height: 13px;
    min-height: auto;
  }
  .home-about-readmore a {
    font-size: 13px;
  }
  .footer-col-1, .footer-col-4 {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    text-align: center;
  }
  .footer-col-2, .footer-col-3, .footer-col-5 {
    display: none;
  }
  .mediumh2 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  #footer-logo-mobile {
    display: block;
    margin: auto;
    padding-bottom: 10px;
  }
  img#footer-logo-mobile {
    max-width: 80px;
  }
  #footer-logo {
    display: none;
  }
  h4#footerh2 {
    font-size: 14px;
    text-transform: uppercase;
  }
  .footer-col-4 p {
    line-height: 21px;
  }
  #footer-contactdetails {
    display: none;
  }
  #footer-contactdetails-mobile {
    display: block;
  }
  #footer-separator {
    height: 1px;
    width: 90%;
    margin-bottom: 5px;
  }
  .footer-menu {
    text-align: center;
    display: block;
  }
  .footer-menu a {
    font-size: 9px;
  }
  #copyright, #uml {
    padding-top: 0px;
    text-align: center;
    display: inline-block;
    font-size: 8px;
    width: 100%;
    /* ABOUT PAGE CSS */
  }
  #tablist-about {
    display: none;
  }
  #mobile-tablist-about {
    display: block;
  }
  .featp {
    font-size: 15px;
    line-height: 20px;
    margin: auto;
    margin-bottom: 10px;
  }
  #about-featp {
    width: 100%;
    line-height: 26px;
    padding: 10px 0;
  }
  .about-image, .about-contentholder, .about-title, .about-description {
    width: 100%;
    text-align: center;
  }
  .about-image {
    margin-bottom: 15px;
  }
  .about-title {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .about-description p {
    font-size: 12px;
    line-height: 17px;
  }
  .about-contentholder {
    padding: 0 10px 10px 10px;
  }
  .about-item {
    margin: 0;
  }
  #mobile-tablist-about.tablist, ul#mobile-tablist-about.tablist {
    width: 90%;
    max-width: 400px;
    margin: auto;
  }
  li#mobile-about-tablist-dropdown, li#mobile-about-tablist-dropdown a {
    width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
    padding: 5px;
  }
  ul#mobile-about-tablist-menu {
    margin: 0;
  }
  ul#mobile-about-tablist-menu li, ul#mobile-about-tablist-menu li a {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: auto;
  }
  ul#mobile-about-tablist-menu li a {
    padding: 15px;
  }
  .tablist a {
    font-size: 15px;
    /* NEWS PAGE CSS */
  }
  .sideleft {
    display: none;
  }
  .pageright {
    width: 100%;
  }
  .pagination {
    display: none;
  }
  .news-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
    float: none;
  }
  .news-title a {
    font-size: 16px;
  }
  .news-date {
    font-size: 12px;
  }
  .news-contentholder .news-title {
    height: 30px;
  }
  .news-content {
    font-size: 12px;
    line-height: 15px;
    min-height: auto !important;
  }
  .news-readmore a {
    color: #600;
    font-size: 11px;
    font-weight: bold;
  }
  #loadMore {
    display: block;
  }
  .news-full {
    display: none;
  }
  .news-mobile {
    display: block;
  }
  .news-single-contentholder {
    padding: 25px;
  }
  .news-single-h1 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
  }
  .news-single-date {
    font-size: 12px;
    text-align: center;
  }
  .news-single-subtitle {
    font-size: 11.3px;
    line-height: 15px;
  }
  button.slider-prev {
    margin-left: 25px !important;
    padding: 12px !important;
    background-color: #e56a25 !important;
    background-size: 30% 45%;
  }
  button.slider-next {
    margin-left: 25px !important;
    padding: 12px !important;
    background-color: #e56a25 !important;
    background-size: 30% 45%;
  }
  .back-link {
    width: 50%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .back-link a {
    color: #355392;
    font-weight: bold;
    cursor: pointer;
    /* REGISTER ACCOUNT CSS */
  }
  .head-subtitle {
    margin-top: 15px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
  }
  h3 {
    font-size: 13px;
  }
  #createaccounth3 {
    margin: 0;
    margin-left: 0;
    padding: 0;
  }
  .createaccounth3-margin {
    padding-left: 0px 17px !important;
  }
  #logindetailsh3 {
    margin: 0;
    padding: 0;
  }
  #validationnotice {
    font-size: 11px;
    margin-bottom: -5px;
  }
  .registerform {
    width: 90%;
    margin: auto;
    max-width: 518px !important;
  }
  .registerforminput, .registerforminput select, input.registerforminput, .manager-accountinput, .manager-accountinput select, input.manager-accountinput, .contactform-input, .contactform-input select, .contactform-input textarea, input.contactform-input {
    min-height: 34px !important;
    margin: auto;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100% !important;
    max-height: 34px;
  }
  #contact_select_wrapper {
    min-height: 34px !important;
    margin: auto;
    margin-bottom: 10px;
    font-size: 8.5px;
    width: 100% !important;
    max-height: 34px;
    padding: 0;
  }
  .registerforminput:focus, .registerforminput select:focus, input.registerforminput:focus, .manager-accountinput:focus, .manager-accountinput select:focus, input.manager-accountinput:focus, .contactform-input:focus, .contactform-input select:focus, .contactform-input textarea:focus, input.contactform-input:focus {
    outline: none !important;
    border: 1px solid #243251 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .registerformbutton {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
  }
  input.registerforminput::-webkit-input-placeholder {
    color: #969696;
  }
  input.registerforminput::-moz-placeholder {
    color: #969696;
    /* firefox 19+ */
  }
  input.registerforminput:-ms-input-placeholder {
    color: #969696;
    /* ie */
  }
  input.registerforminput:-moz-placeholder {
    color: #969696;
  }
  p.terms {
    font-size: 10px;
    line-height: 14px;
    margin-top: 5px;
    /* SHOP CSS */
  }
  .shopmenu {
    width: 100%;
    /*
.shopmenuitem{
		width:25%;
		box-sizing:border-box;
		font-size:9.5px;
		line-height:12px;
		padding:0;
	}
*/
  }
  #download_specs a {
    margin-bottom: 10px;
  }
  #categorylist_landing_wrapper {
    text-align: center;
  }
  .category_wrapper {
    float: none;
    display: inline-block;
    /*
.shopmenuitem a{
		width:100%;
	}
	.shopmenuitem img{
		width:50px;
	}
	#shopmenuitem-img{
		width:50px!important;
		max-width:50px!important;
		padding:0;
		margin:0;
		margin-left:auto;
		margin-right:auto;
	}
*/
  }
  .head-subtitlesmall {
    color: #969696;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
  }
  .shop-product-mobile {
    display: block;
    width: 100%;
    margin-left: 0;
    border: solid 1px #e3e3e3;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
    float: none;
  }
  .home-product-content {
    background: #fff;
    min-height: auto;
  }
  .home-product-category {
    height: 25px;
  }
  .home-product-title {
    min-height: auto;
  }
  #sideleft20 {
    display: none;
  }
  #pageright80 {
    width: 100%;
  }
  .shop-item-topleft {
    width: 100%;
    margin: 0 auto;
  }
  .shop-item-topleft, .shop-item-topright {
    padding: 10px;
    min-width: auto;
  }
  .shop-item-cat {
    font-size: 12px;
  }
  h2.shop-item-title {
    font-size: 21px;
    padding: 0;
    margin-top: 5px;
    text-align: left;
    line-height: 20px;
    width: 100%;
  }
  #myList {
    list-style-type: none !important;
    list-style: none !important;
    display: block;
  }
  ul#myList {
    list-style-type: none !important;
    list-style: none !important;
    margin: 0;
    display: block;
  }
  #myList li {
    display: none;
  }
  #myList li:nth-child(odd) {
    clear: none;
  }
  .shop-item-topright {
    width: 100%;
  }
  .shop-item-price {
    margin-top: 20px;
  }
  .bold {
    font-size: 15px;
  }
  .shop-item-unit {
    font-size: 12px;
  }
  #qty.registerforminput, #qty.registerforminput select, input#qty {
    font-size: 15px;
  }
  .shop-item-availability.bold {
    font-size: 12px;
  }
  .shop-item-price p {
    font-size: 32px;
  }
  .shop-item-bottom p {
    font-size: 13px;
    line-height: 16px;
  }
  .shop-item-bottom {
    padding: 10px;
  }
  .shop-item-addcartbutton a {
    font-size: 15px;
    padding: 10px;
    font-weight: 600;
  }
  #shop-item-availability {
    font-size: 12px;
  }
  #shop-item-holder {
    font-size: 15px;
  }
  .shop-desktop {
    display: none;
  }
  .shop-mobile {
    display: block;
    /* CART CSS */
  }
  #carth2 {
    color: #4d4d4d;
    font-size: 14px;
  }
  .cart-header {
    width: 100%;
  }
  #cart-mobile {
    width: 100%;
    margin-bottom: 5px;
  }
  .carttop-notice {
    font-size: 12px;
    font-weight: 100;
  }
  .cartitemrow {
    margin: 10px 0;
  }
  .carttop-produce, .carttop-payment {
    font-size: 14px;
    padding: 2px 0;
  }
  #carttop-price {
    text-align: right;
  }
  .green-buttonfull a {
    font-size: 15px;
    padding: 15px 30px;
  }
  #cart-button-mobile {
    width: 100%;
    border-top: solid 1px #e5e5e5;
    padding: 15px 0px 0px 0px;
  }
  .cart-deliverynotice {
    font-size: 13px;
    margin-bottom: 0;
    padding-top: 10px;
  }
  .cartitemrow-image {
    width: 26.6%;
  }
  .cartitemrow-title {
    font-size: 11px;
    padding-left: 0px;
    width: 40%;
    box-sizing: border-box;
    padding-top: 10px;
  }
  .cartitemrow-qty {
    width: 25%;
  }
  .cartitemrow-title-cat {
    font-size: 11px;
    padding-left: 10px;
  }
  .cartitemrow-title-name {
    font-size: 12px;
    padding-left: 10px;
  }
  .cartitemrow-remove {
    font-size: 16px;
  }
  .cartitemrow-unit {
    font-size: 10px;
    display: none;
  }
  #cartitemrow-title-unit-mobile {
    font-size: 10px;
    padding-left: 10px;
    display: block;
    color: #4d4d4d;
  }
  #cartitemrow-price-mobile {
    display: block;
    float: left;
    width: 100%;
    font-size: 15px;
    color: #4d4d4d;
    margin-top: 14px;
  }
  .cartitemrow-price {
    display: none;
  }
  .cartitemrow-qty select, input.cartitemrow-qty {
    line-height: 18px;
    border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-family: 'Open-sans', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0;
    min-height: 30px;
    padding-left: 10px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img-design/select-bg-mob.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-color: transparent !important;
    color: #969696;
    width: 80% !important;
  }
  .cartitemrow-qty select:focus, input.cartitemrow-qty:focus {
    outline: none !important;
    border: 1px solid #600 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  select.cartitemrow-qty-mobile {
    display: block;
    max-width: 70px;
    height: 30px;
  }
  select.cartitemrow-qty-full {
    display: block;
    max-width: 70px;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
  }
  div#couponpadding.halfleft {
    width: 100%;
    padding-top: 0;
  }
  #couponpadding h4 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px 0;
  }
  input#coupontext {
    font-size: 12px;
    margin-bottom: 0px !important;
  }
  input#couponsubmit {
    font-size: 15px;
    padding-right: 0px;
    margin-bottom: 10px !important;
  }
  #hr-mobile {
    display: block;
    /* CHECKOUT CSS */
  }
  #checkoutheaderh1 {
    color: #4d4d4d;
    font-size: 14px;
    padding: 15px 0;
  }
  #checkouth1 {
    font-size: 18px !important;
    text-align: center;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
  }
  .checkout-loginholder {
    width: 95%;
    margin-bottom: 20px;
    text-align: left;
    padding: 2px 20px 5px 20px !important;
    margin: auto;
    float: none;
  }
  div.checkoutdiv h2 {
    text-align: left;
    font-size: 14px;
    line-height: 14px;
  }
  div.checkoutdiv p {
    margin-top: 10px;
    font-size: 12px;
  }
  div.checkoutdiv hr {
    display: none;
  }
  #hr-desktop {
    display: none;
  }
  a#mobile-fpwlink {
    font-size: 10px;
  }
  #feusers_loginform_submit {
    font-size: 14px !important;
    padding: 8px !important;
  }
  #feusers_loginform_email, #feusers_loginform_password, input#feusers_signupform2, #feusers_signupform2 input, #feusers_signupform2 select {
    padding: 5px 15px !important;
    height: 40px !important;
    margin: 5px 0 !important;
    border-radius: 0px !important;
    font-size: 12px !important;
    min-height: 42px !important;
  }
  input#feusers_signupform2_submit {
    font-size: 14px !important;
    font-weight: 600;
  }
  p.greyul {
    font-size: 9px;
  }
  #feusers_signupform2 {
    width: 100%;
  }
  .checkout-termsnotice {
    font-size: 9px;
    margin-bottom: 5px;
    margin-top: -10px;
  }
  .checkout-radioholder {
    margin: 0px;
  }
  .checkout-radioholder-delivery {
    margin: 10px 0;
  }
  label#checkout-otheraddressradio, label#checkout-billingaddressradio {
    font-size: 9px;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: 0px;
  }
  #checkout-otheraddressradio, #checkout-billingaddressradio {
    width: 13px;
    height: 13px;
  }
  .green-button {
    margin-top: 15px;
  }
  .checkout-pagetopheader {
    padding: 0px 10px;
  }
  .checkout-pagetopheader p {
    font-size: 11.5px;
    font-weight: 100;
    line-height: 14px;
  }
  #feusers_signupform1 {
    width: 92%;
  }
  #feusers_signupform1 .error {
    font-size: 10px;
  }
  #checkout-headerinfoholder {
    width: 100%;
    font-size: 10px;
    line-height: 13px;
  }
  .checkouth3 {
    font-size: 12px;
    margin: 5px 0;
    padding-bottom: 0px;
  }
  a.checkoutlink {
    font-size: 11px;
    padding: 5px 0;
    display: block;
    width: 30px;
  }
  .checkout-ordertablehead {
    margin: 10px 0px 0px 0px;
  }
  .checkout-orderrow {
    width: 100%;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
  }
  .checkout-itemdesc, .checkout-price, .checkout-quantity, .checkout-subtotal {
    font-size: 10px;
  }
  .checkout-ordertablerow, .manager-ordertablerow, .manager-orderrow-item {
    padding: 6px 5px;
    margin: 0;
  }
  .checkout-orderrow-item {
    padding: 10px 5px;
    margin: 0;
  }
  .checkout-orderrow-price, .checkout-orderrow-qty, .checkout-orderrow-subtotal {
    font-size: 10px;
  }
  .checkout-orderrow-title, .checkout-orderrow-unit {
    font-size: 9px;
    line-height: 11px;
  }
  #checkout-orderrow-title-full {
    width: 100%;
  }
  .checkout-itemdesc, .checkout-orderrow-title {
    width: 45%;
  }
  .checkout-price, .checkout-orderrow-price {
    width: 15%;
  }
  .checkout-quantity, .checkout-orderrow-qty {
    width: 20%;
  }
  .checkout-subtotal, .checkout-orderrow-subtotal {
    width: 20%;
  }
  .checkout-totalboxnotice, .checkout-totalboxtotals {
    font-size: 10px;
  }
  .checkout-totalboxnotice {
    width: 85%;
  }
  .checkout-totalboxtotals {
    width: 15%;
  }
  .checkout-order-totals-row {
    padding: 5px 0px;
  }
  .checkout-grandtotal {
    padding: 8px 0;
    margin: 10px 0;
  }
  #checkout-paymentbuttonfull {
    width: 100%;
    margin-top: 10px;
  }
  #checkout-paymentdetailsh1 {
    font-size: 18px !important;
    text-align: center;
    padding-bottom: 5px;
    display: inline-block;
    font-weight: 400 !important;
    margin-top: 25px;
    width: 100%;
  }
  #checkout-paymentdetailsfull {
    width: 100%;
  }
  #checkout-paymentdetailsfull label {
    font-size: 10px;
    color: #666;
    margin: 0;
  }
  .checkout-printorder {
    display: none;
  }
  .checkout-printordermobile {
    display: block;
    text-align: center;
    width: 100%;
    top: 0;
  }
  .checkout-printordermobile a {
    color: #4d4d4d;
    font-size: 12px;
  }
  .checkout-printordermobile img {
    padding-right: 5px;
  }
  #checkout-paymentsuccessh1 {
    color: #4d4d4d;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
  }
  #checkout-paymentsuccessh1green {
    font-size: 18px !important;
    text-align: left;
    display: inline-block;
    line-height: 20px;
    padding: 0;
    margin: 0;
    color: #355392 !important;
    font-weight: 400;
    margin-top: 15px;
  }
  #ordersuccessnotice {
    font-size: 11px;
    margin-bottom: 5px;
  }
  .checkout-delivery-radioholder {
    width: 100%;
  }
  .delivery-day-date {
    font-size: 12px;
  }
  .delivery-day-morning {
    font-size: 14px;
  }
  .delivery-day-lunchtime {
    font-size: 14px;
  }
  .delivery-day-afternoon {
    font-size: 14px;
    /* MANAGER/MY ACCOUNT CSS */
  }
  #tablist-manager {
    display: none;
  }
  #manager-welcomeh3, #manager-welcomeh3-accinfo {
    font-size: 20px;
    padding: 0;
  }
  #manager-accountinfoh3 {
    border-bottom: 0;
    font-size: 18px;
    padding: 0;
  }
  h4.darkgreen {
    font-size: 13px;
    margin-top: 25px;
    font-weight: 400;
  }
  #manager-bold {
    font-size: 13px;
    margin-bottom: 5px;
  }
  p#manager-bold span.bold {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #808080 !important;
  }
  .editaccount-button a {
    font-size: 13px;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    max-width: none;
  }
  #manager-accountinfo-bold {
    font-weight: 100;
    font-size: 13px;
  }
  .manager-accountbuttonsholder {
    width: 100%;
  }
  .manager-accountedit, .manager-accountsubmit, .manager-accountedit a, .manager-accountsubmit a, a.manager-accountedit:hover, .manager-accountsubmit a:hover {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 15px;
  }
  p#accinfo-terms {
    font-size: 11px;
  }
  .manager-orderinfo {
    font-size: 14px;
    font-weight: 400;
  }
  .manager-orderinfo, .manager-orderno, .manager-price, .manager-vieworder, .manager-vieworder a {
    font-size: 13px;
  }
  div.checkout-orderrow-unit span.bold {
    font-size: 11px !important;
    font-weight: 400 !important;
  }
  #manager-orderdate {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  #manager-viewordertext {
    display: none;
  }
  #manager-vieworderimage {
    max-width: 20px;
    padding: 5px;
  }
  .manager-vieworder {
    width: 15%;
  }
  .manager-orderno {
    width: 35%;
    text-align: center;
  }
  .manager-orderrow-item {
    padding: 10px 5px;
  }
  p#managerP {
    font-size: 12px;
    line-height: 18px;
  }
  .manager-newsletterunsubscribe {
    width: 100% !important;
    margin-bottom: 20px;
    max-width: 100% !important;
  }
  h2#newsletterh2 {
    font-size: 17px;
    font-weight: 400;
    color: #668c00;
    margin: 25px 0;
    text-align: left;
  }
  input.manager-newsletter-input {
    color: #808080;
    font-size: 17px;
    font-weight: 400;
    padding-left: 10px;
    width: 70% !important;
  }
  input.manager-newsletter-submit {
    width: 30% !important;
    max-width: 30% !important;
    /* CORPORATE CSS */
  }
  #corporate-tablist {
    display: none;
  }
  #corporateh3 {
    font-size: 20px;
    font-weight: 400;
    border-bottom: solid 1px #e5e5e5;
  }
  #corporateheaderh1 {
    color: #4d4d4d;
    font-size: 14px;
    padding: 15px 0;
    /* CONTACT CSS */
  }
  #contacth1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #contactFeatP {
    font-size: 12px;
    margin-bottom: 18px;
    line-height: 14px;
  }
  div.contactpagedetails p strong {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .contactpagedetails {
    margin-bottom: 0;
  }
  .contactpagedetails p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #contactformh1 {
    color: #4d4d4d;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .contactpage-leftfields, .contactpage-rightfields {
    width: 100%;
    padding: 0;
  }
  #contactform-input-textarea {
    min-height: 115px !important;
    font-size: 11px;
    padding: 10px;
    line-height: 10px;
  }
  #contactForm {
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  input.contactform-submit {
    width: 70%;
    font-size: 13px;
    height: 36px;
    margin-top: 10px;
  }
  .contactform-input, .contactform-input select, .contactform-input textarea, input.contactform-input {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
  }
  .searchresult-item {
    width: 100%;
    float: left;
    margin-right: 2%;
    background: #fff;
    border: solid 1px #e3e3e3;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #fff;
    /* MISC CSS */
  }
  div#cart-button-mobile.halfleft div#pageright80, div#cart-mobile.halfleft div#pageright80 {
    width: 100% !important;
  }
  #back-link-desktop {
    display: none;
  }
  #back-link-mobile {
    display: block;
    margin: 0px 0px 25px 25px;
  }
  .mobile-search {
    display: block;
  }
  #feusers_signupform3_submit {
    height: 34px;
    font-size: 14px;
  }
  .home-product-title a {
    font-size: 14px;
    line-height: 15px;
    /*
.shopmenuitem img {
    	height: 35px!important;
    	width: auto!important;
	}
	.shopmenuitem {
    	width: 22%;
	}
*/
  }
  .shopmenuitem {
    padding: 0px 5px;
    width: 20%;
    line-height: 15px;
  }
  .shopmenuitem a {
    font-size: 11px;
  }
  .shopmenuitem img {
    width: 35px;
    margin-bottom: 2px;
  }
  #categorylist_landing_wrapper .category_wrapper {
    margin: 0 auto !important;
    clear: both;
    margin-bottom: 15px !important;
    width: 250px;
    box-sizing: border-box;
  }
  .shop-item-topright select#variant, .shop-item-topright select#qty {
    height: 45px !important;
    min-height: auto !important;
    max-height: none;
    font-size: 13px;
  }
  .back-link-shopitem {
    margin: 15px 10px;
    width: auto;
    float: none;
  }
  .back-link-shopitem a {
    padding: 20px;
  }
  #account_wrapper {
    padding: 20px 40px;
  }
  input.manager-accountinput {
    min-height: 40px !important;
    font-size: 12px;
    max-height: 40px;
  }
  .green-button input[type="submit"], .green-buttonfull input[type="submit"] {
    width: 100%;
    font-size: 15px;
    padding: 10px 20px;
    margin-bottom: 10px;
  }
  .checkout-radioholder label {
    width: 85%;
  }
  h1.tcenter {
    font-size: 20px;
    line-height: 30px;
  }
  #contact_select_wrapper select {
    height: 32px;
    min-height: 32px;
  }
  .contactpage-leftfields, .contactpage-rightfields {
    margin-bottom: 0px;
  }
  .news-image {
    height: auto;
  }
  .news-single-contentholder p {
    line-height: 22px;
  }
  .tandc {
    padding: 0px 15px;
  }
  .forgotpass-container, .registration-container {
    padding: 0 10px;
  }
  .checkout-container {
    padding: 0 15px;
  }
  .page-title1 {
    text-align: left;
  }
  #checkoutheaderh1 {
    font-size: 16px;
  }
  .account_newsletter p {
    font-size: 13px;
    margin: 10px 0px;
    line-height: 20px;
  }
  .managerdetails-container {
    padding: 15px 0px;
  }
  #feusers_signupform1 select.registerforminput {
    font-size: 12px;
  }
  .lSPager {
    height: 60px;
  }
  p.shop-item-unit {
    font-size: 18px;
    line-height: 22px;
  }
  .searchresult-content .product-description {
    height: 55px;
    font-size: 14px;
  }
  .searchresult-content .home-product-title {
    min-height: 30px;
  }
  .home-product-title a {
    font-size: 16px;
  }
  .home-about-image {
    height: 135px;
  }
  .header-menu-right img, .swing {
    margin-bottom: 0px !important;
  }
  .menu-shoppingbag a, .menu-search a {
    margin-top: 2px !important;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background-size: 30% 45%;
    /*
#categorylist_landing_wrapper .category_wrapper:nth-child(3n+2) {
    	margin: 0 auto;
    	clear: none;
    }
*/
    /* END OF 500PX MEDIA QUERY */
  }
}
@media (min-width: 320px) and (max-width: 400px) {
  .news-singleitem-images {
    height: 145px;
  }
}
@media (min-width: 401px) and (max-width: 450px) {
  .news-singleitem-images {
    height: 190px;
  }
}
@media (min-width: 451px) and (max-width: 500px) {
  .news-singleitem-images {
    height: 220px;
  }
}

/* animate.css */

@charset "UTF-8";


.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;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .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(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(-100%, 0, 0);
    transform: translate3d(-100%, 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(-100%, 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;
}

/* jquery.fancybox.css */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img-other/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img-other/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img-other/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img-other/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img-other/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img-other/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}