/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/
/***************************************/
/*	HELPER CLASSES           */
/***************************************/
/*********************************/
/*          CUSTOM STYLES        */
/*********************************/


h1, h2, h3, h4 {color: rgb(0, 90, 173);}


.video-container {
     width: 100%; 
     margin: auto; 
     padding: 5px;
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.solid-menus .drop-down {padding-top: 18px !important;}

.solid-menus .drop-down li {
    line-height: 2.25em;
    background: #0050a3;
}
.solid-menus .drop-down li a{
padding-top: 10px !important;
padding-bottom: 10px !important;
text-align: left;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 3px;
}
.solid-menus .drop-down li a:hover{
color: #ff3929;
background: #fff;
}


.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.round {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.width100 {
  width: 100%;
}

.width50 {
  width: 50%;
}

.ypad10 {
  padding: 10px 0px;
}

.xpad10 {
  padding: 0px 10px;
}

.txt-c {
  text-align: center !important;
}

.hide {
  display: none;
}

.relative {
  position: relative;
}

.pad20 {
  padding: 20px;
}

.hide {
  display: none;
}

/*
Container
--------------------------*/
.m-container {
  width: 100%;
  max-width: 1300px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .m-container {
    max-width: 980px;
  }
}
@media (max-width: 1023px) {
  .m-container {
    max-width: 768px;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .m-container {
    padding: 0 10px;
  }
}

/*********************************/
/*          Utilities       */
/*********************************/
/*
GRID SYSTEM
--------------------------*/
.col-group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .col-group {
  zoom: 1;
}

/* IE6 */
*:first-child + html .col-group {
  zoom: 1;
}

/* IE7 */
.col-2, .col-xs-2,
.col-3, .col-xs-3,
.col-4, .col-xs-4,
.col-5, .col-xs-5,
.col-6, .col-xs-6,
.col-8, .col-xs-8 {
  float: left;
  display: inline-block;
}

.col-2,
.col-xs-2 {
  width: 20%;
}

.col-3,
.col-xs-3 {
  width: 25%;
}

.col-4,
.col-xs-4 {
  width: 33.3333333%;
}

.col-5,
.col-xs-5 {
  width: 50%;
}

.col-6,
.col-xs-6 {
  width: 66.66666666%;
}

.col-8,
.col-xs-8 {
  width: 80%;
}

/*
TYPOGRAPHY
------------------------------*/
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/*
Lists
---------------------------------*/
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
Alignment
-----------------*/
.inline-left {
  display: inline-block;
  float: left;
}

.inline-right {
  display: inline-block;
  float: right;
}

/*
Visibility
-----------------*/
.visible-tab {
  display: none;
}
@media (max-width: 1023px) {
  .visible-tab {
    display: block;
  }
}

.visible-mob {
  display: none;
}
@media (max-width: 767px) {
  .visible-mob {
    display: block;
  }
}

/*
Visibility
-----------------*/
@media (max-width: 1023px) {
  .hidden-tab {
    display: none;
  }
}

@media (max-width: 767px) {
  .hidden-mob {
    display: none;
  }
}

/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)        */
/*******************************************************************************************************/
/*body:: Controls website background and any other text outside of a table without an associated style.*/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
  background: #fff;
  line-height: 1.25em;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  overflow-x: hidden;
}

/*mainframe:: Container for all the page elements not including the top bar if there is one.*/
.mainframe {
  width: 100%;
  padding: 0px 0px;
  margin: 0px auto 30px auto;
  /*background: #fff;*/
  position: relative;
}

/*mod_bg:: Controls the left and right column modules background.*/
.mod_bg {
  padding: 10px;
  background: #e7ebee;
  margin-bottom: 15px;
  /*@include border;*/
}
.mod_bg ul.cat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod_bg ul.cat > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod_bg ul.cat li {
  line-height: 1.8;
}
.mod_bg ul.cat li a {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.mod_bg ul.cat li a:hover {
  color: #ff3929;
}

/*
iOS safari reset for input fields
---------------*/
input[type="button"],
input[type="text"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*************************/
/*** ALL GLOBAL TITLES ***/
/*************************/
/*header-specials:: Styling for title of Featured Products.*/
.header-specials {
  background: none;
  font-size: 24px;
  text-transform: none;
  text-decoration: none;
  padding: 8px 0px;
  line-height: 2;
  text-align: left;
  position: relative;
  z-index: 1;
  font-weight: 600;
}
@media (max-width: 767px) {
  .header-specials {
    text-align: center;
  }
}

/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/
.menu-headers {
  background: none;
  font-size: 17px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 0px;
  line-height: 1.2;
  text-align: left;
  position: relative;
  z-index: 1;
}

/*page_headers:: Controls the title of all your pages.*/
.page_headers {
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #000;
  margin: 0px 0px 0px 0px;
  text-transform: none;
  padding: 0px 0px;
  /*font-weight: 700;*/
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: none;
  text-align: left;
  position: relative;
}

/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/
.titles {
  color: #000;
  background: none;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0px;
  margin: 0px 0px 0px 0px;
  text-transform: none;
  padding: 0 0 8px;
  font-weight: 700;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  text-align: left;
  position: relative;
}

/*titles2:: Controls the titles on the view cart page*/
.titles2 {
  font-size: 1.1em;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #005aad;
  margin: 0px 0px 0px 0px;
  text-transform: none;
  padding: 0px 0px;
  font-weight: bold;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: none;
  text-align: left;
  position: relative;
}

/*******************************************************************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************************************************************/
/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/
tr {
  text-align: left;
}

/*td:: Controls all text inside a table without and associated style.*/
td {
  text-decoration: none;
  word-spacing: normal;
}

/*data:: Controls the font style of your content on all the pages.*/
.data {
  letter-spacing: 0px;
}

/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
  background: #fff;
  padding: 2px 2px 2px 2px;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*price:: Controls the way the product's final price display throughout the site.*/
.price {
  font-size: 1.3em;
  color: #005aad;
  font-weight: bold;
  letter-spacing: 0px;
}

/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/
.price2 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

/*error:: Controls the error messages*/
.error {
  font-size: 14px;
  font-weight: normal;
  color: #e10e04;
  text-decoration: none;
}

/*borders:: Controls the color of the line dividers used throughout the site.*/
.borders {
  color: #000;
  border: 1px solid #ccc;
}

/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/
.borders2 {
  border: 1px solid #ccc;
  border-style: none none dotted;
}

/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/
A, A:visited {
  color: #ff3929;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: color 200 ease;
  -moz-transition: color 200 ease;
  -ms-transition: color 200 ease;
  -o-transition: color 200 ease;
  transition: color 200 ease;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
}

/*A:hover:: When a user passes  their mouse over them.*/
A:hover, A:visited:hover {
  color: #005aad;
  text-decoration: none;
}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/
/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
  font-size: 14px;
  font-weight: bold;
  color: #010101;
}

/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
  font-size: 14px;
  font-weight: bold;
  color: #005aad;
}

/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/
/*btn:: Controls the buttons, (ONLY if it is not using and image).*/
.btn {
  font-family: "Open Sans", sans-serif;
  background: #005aad;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border: none;
  line-height: 22px;
  padding: 8px 18px;
  margin: 2px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/
.btn:hover, .btn_over {
  font-family: "Open Sans", sans-serif;
  background: #ff3929;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border: none;
  line-height: 22px;
  padding: 8px 18px;
  margin: 2px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/
.txtBoxStyle {
  border: 1px solid #cdcdcd;
  background-color: #fefefe;
  font-weight: normal;
  font-size: 14px;
  color: #ff3929;
  padding: 3px 1px 3px 8px;
  font-family: "Open Sans", sans-serif;
}

/*txtAreaStyle:: Controls the text and style of the Text Areas.*/
.txtAreaStyle {
  border: 1px solid #cdcdcd;
  background-color: #fefefe;
  font-weight: normal;
  font-size: 14px;
  color: #010101;
}

/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
  height: 20px;
  color: #010101;
  font-size: normal;
  border: none;
  padding: 3px 0px 0px 0px;
  margin: 0;
}

/*******************************************************************************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/*******************************************************************************************************/
/*invoice_table:: Controls the background color on your invoices*/
.invoice_table {
  background-color: #f9f8f8;
}

/*invoice_title:: Controls the way the title of the invoices look */
.invoice_title {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #ccc;
  color: #000;
}

img {
  border: none;
}

/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/
/*font1:: Primary Screen Font */
.font1 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

/*font2:: Secondary Screen Font */
.font2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ff3929;
}

.font3 {
  font-family: "Open Sans", sans-serif;
  font-size: normal-font;
  font-weight: normal;
  color: #005aad;
}

.font4 {
  font-family: "Open Sans", sans-serif;
  font-size: normal-font;
  font-weight: normal;
  color: #ff3929;
}

/*top:: Controls the  Color of the top Bar*/
/*line:: Controls the  Color of the line below the top bar*/
/*store-name:: Store Name.*/
.store-name {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #ff3929;
  text-transform: uppercase;
  display: block;
  margin: 50px 0 0;
}

/*store-slogan:: Store Slogan.*/
.store-slogan {
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  color: #005aad;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  line-height: 1;
  display: block;
  margin: 10px 0 0;
}

/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/
.footer {
  background: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  color: #ccc;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
  font-family: "Open Sans", sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: underline;
}

/*
START: SELECTION COLORS
-------------------*/
::-moz-selection {
  background: #ff3929;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ff3929;
  color: #fff;
  text-shadow: none;
}

/*
Place Holder
------------------*/
input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
/*********************************/
/*Frame*/
/*********************************/
#TS_items, #NR_items {
  position: relative;
}

#mainContainer {
  width: 100%;
  padding: 15px 0;
  margin: 0px;
  min-height: 400px;
  background: none;
}

#midContent {
  float: left;
  background: none;
  width: 100%;
  padding: 0px 0px;
  margin: 0px;
  min-height: 400px;
}

#leftContent {
  float: left;
  width: 212px;
  background: none;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
}
@media (max-width: 767px) {
  #leftContent {
    display: none;
  }
}

#rightContent {
  float: right;
  width: 212px;
  background: none;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  position: relative;
}
@media (max-width: 1023px) {
  #rightContent {
    display: none;
  }
}

/*********************************/
/*Global Product Display Styling*/
/*********************************/
.productBlockContainer {
  margin: 0 -10px;
}

.product-container {
  margin: 0;
  padding: 0 10px 20px 10px;
}
@media (max-width: 767px) {
  .product-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 auto 15px auto !important;
    display: block;
    max-width: 300px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    display: block;
  }
}

.product-container.middle-item {
  padding: 0 10px !important;
}

.product-container.first-item {
  padding-left: 10px !important;
}

.product-container.last-item {
  padding-right: 10px !important;
}

.product-item {
  padding: 8px;
  margin: 0px auto 0px auto;
  text-align: center;
  position: relative;
  background: #fff;
  /*border: 1px solid #ddd;*/
  min-height: inherit;
  max-width: 250px;
}

.product-item:hover, .product-item:hover {
  /*@include border;*/
}

.product-item .img {
  padding: 0px;
  background: #fff;
  width: 100%;
  height: 150px;
  min-height: initial;
  position: relative;
}

.product-item .img img {
  max-width: 100%;
  max-height: 150px;
  min-height: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-item .content {
  position: relative;
  width: 100%;
  margin: 5px auto 5px auto;
  padding: 0px 8px;
  background: none;
  overflow: hidden;
  text-align: center;
}

.product-item .name {
  text-align: left;
  line-height: normal;
  height: 38px !important;
  min-height: 0;
  overflow: hidden;
  padding: 0px;
  margin: 0px 0px 3px 0px;
}

.product-item .name a {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #000;
  line-height: 16px;
  text-transform: none;
}

.product-item .name a:hover {
  color: #005aad;
  text-decoration: none;
}

.product-item .price {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 26px;
  height: 26px;
  padding: 0px 0px;
  margin: 0px 0px;
  vertical-align: top;
  overflow: hidden;
}

.product-item .price img {
  vertical-align: top;
}

.product-item .stars {
  float: none;
  line-height: 16px;
  height: 16px;
  margin: 10px 0px;
  position: relative;
  text-align: left;
}

.product-item .stars img {
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin: auto;
}

.product-item .stars span {
  float: left;
  display: inline-block;
}

.product-item .action {
  text-align: left;
}

.product-item .status {
  visibility: hidden;
  height: 49px;
  display: none;
}

.product-item .qty {
  font-size: 18px;
  margin-top: 15px;
}

.product-item .qty input {
  text-align: center;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #ff3929;
}

.product-item s, .product-item .price2, .product-item del {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #ff3929;
  padding-right: 2px;
}

.product-item .onsale, .product-item .on-sale {
  background: #ff3929;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  opacity: 1;
  padding: 0;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.product-item {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-item:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


#midContent img {
  /*width: 100%;*/
}

.breadcrumbs {
  color: #ff3929;
  font-size: 12px;
}
.breadcrumbs a {
  color: #000;
  font-size: 12px;
}
.breadcrumbs a:hover {
  color: #ff3929;
}

header {
  height: auto;
  padding: 15px 0 30px;
}
header .left {
  float: left;
  display: inline-block;
}
header .right {
  float: right;
  display: inline-block;
}
@media (max-width: 1300px) {
  header {
    height: auto;
  }
  header .left {
    max-width: 60% !important;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  header {
    height: auto;
    padding: 15px 0 15px;
  }
  header .right {
    padding: 12px 0 0;
  }
}
@media (max-width: 767px) {
  header {
    padding: 0;
  }
}

.header-left {
  height: 160px;
  max-height: 100%;
}
@media (max-width: 767px) {
  .header-left {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
}
.header-left .logo {
  position: relative;
  height: 100%;
  min-width: 260px;
  max-width: 100%;
  overflow: hidden;
  line-height: 1.2;
}
.header-left .logo img {
  position: absolute;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.header-right {
  width: calc(100% - 330px);
}
@media (max-width: 767px) {
  .header-right {
    display: none;
  }
}
.header-right .welcome-msg {
  display: inline-block;
  float: right;
  /*@include hidden-tab;*/
  color: #000000;
  padding: 0;
  line-height: 24px;
  float: left;
  padding: 9px 0 5px 36px;
  background: url(../images/user-icon.png) no-repeat left center;
}
.header-right .welcome-msg a {
  color: #000000;
  text-decoration: none;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.header-right .welcome-msg a:hover {
  opacity: 0.8;
}
.header-right .cart-block {
  margin: 0 12px;
  text-align: right;
  float: right;
  background: url(../images/basket-icon.png) no-repeat left center;
  position: relative;
  width: 27px;
  height: 36px;
}
.header-right .cart-area {
  font-size: 14px;
  text-align: right;
  display: inline-block;
  position: absolute;
  right: -7px;
  top: -11px;
  width: auto;
}
.header-right .cart-area a {
  color: #1c6cb6;
  display: block;
}
.header-right .cart-area a:hover {
  color: #ff3929;
}
.header-right .contact-phone {
  font-size: 14px;
  display: inline-block;
  margin: 30px 0 18px;
  text-align: right;
  padding: 5px 0 20px 32px;
  border-bottom: 3px dotted #d4d4d4;
  float: right;
  background: url(../images/phono-icon.png) no-repeat left 5px;
}
@media (max-width: 1023px) {
  .header-right .contact-phone {
    display: none;
  }
}

.top-menubar {
  display: none;
}

#mob-Search,
.m-contact-phone {
  display: none;
}

@media (max-width: 1023px) {
  header .menulinks-block {
    display: none;
  }
  header .header-left {
    height: 90px;
    max-width: 20%;
  }
  header .header-right {
    width: 70%;
    padding: 15px 0 0;
  }
  header .header-right .cart-block .cart-area,
  header .header-right .cart-block .contact-phone {
    display: block;
    margin: 10px 0;
  }

  .top-menubar {
    padding: 10px 0;
    display: block;
    background: #ff3929;
  }
  .top-menubar .search-area {
    max-width: 260px;
  }
  .top-menubar .search-area .search-text {
    height: 30px;
  }

  .mob-menu-trigger,
  #mob-Search,
  #mob-Cart {
    font-size: 30px;
    line-height: 22px;
    float: left;
    padding: 4px 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
  }
  .mob-menu-trigger:hover,
  #mob-Search:hover,
  #mob-Cart:hover {
    color: #4A0708;
  }
}
@media (max-width: 767px) {
  header .cart-area {
    display: none;
  }
  header .header-left {
    height: 120px;
    max-width: 100%;
  }

  .header-left .logo {
    width: 100%;
    text-align: center;

    padding: 10px 0;
  }
  .header-left .logo img {
    position: static;
  }

  .top-menubar {
    border-bottom: 1px solid #000;
  }
  .top-menubar .search-area {
    display: none;
  }

  .mob-menu-trigger,
  #mob-Search,
  #mob-Cart {
    display: block;
    width: 20%;
  }

  #mob-Search {
    width: 60%;
    display: block !important;
  }

  .m-contact-phone {
    clear: both;
    text-align: center;
    padding: 20px 0 10px;
    display: block;
  }
}
/*
links menu
-------------------*/
.link-menu {
  float: left;
}
.link-menu .links-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.link-menu .links-list > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.link-menu .links-list > li {
  margin-left: 0px;
}
.link-menu .links-list > li > a {
  color: #000;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  padding: 25px 11px;
  display: inline-block;
}
.link-menu .links-list > li > a:hover {
  color: #ff3929;
}
@media (max-width: 1023px) {
  .link-menu {
    display: none;
  }
}

/*
category menu
-------------------*/
/*$cat-full-width: true;
$cat-background: $primary-color;
$cat-border-width: null;
$cat-border-style: null;
$cat-border-color: null;

$cat-font-color: #fff;
$cat-font-size: 17px;
$cat-font-weight: 600;

$cat-hover-font-color: $primary-color;
$cat-hover-background-color: #e7ebee;

.cat-menu {
	@include hidden-tab;
	margin-top: 0px;
	
	@if $cat-full-width {
		background: $cat-background;
		@include border($cat-border-width, $cat-border-style, $cat-border-color);
	}
	@else {
		& .m-container {
			background: $cat-background;
			@include border($cat-border-width, $cat-border-style, $cat-border-color);
		}
	}
	
	.cat-list {
		@include clearfix;
		@include list-inline;
		
		& > li {
			& > a {
				color: $cat-font-color;
				font-size: $cat-font-size;
				font-weight: $cat-font-weight;
				display: block;
				padding: 0 10px;
				text-decoration: none;
				text-transform: uppercase;
				line-height: 50px;
				
				&:hover {
					color: $cat-hover-font-color;
					background: $cat-hover-background-color;
				}
			}
		}
	}
}
*/
.cat-menu {
  margin-top: 0px;
  background: #ff3929;
  background: #ff3929;
}
@media (max-width: 1023px) {
  .cat-menu {
    display: none;
  }
}
.cat-menu .cat-list {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cat-menu .cat-list:before {
  content: "";
  display: table;
}
.cat-menu .cat-list:after {
  clear: both;
}
.cat-menu .cat-list > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cat-menu .cat-list > li > a {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
  letter-spacing: 3px;
}
.cat-menu .cat-list > li > a:hover {
  color: #ff3929;
  background: #e7ebee !important;
}

/*
Mobile menu
----------------*/
.hidden-mobile-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 21;
}

.tab-ham-container {
  margin-top: 15px;
  zoom: 1;
  display: none;
}
.tab-ham-container:before {
  content: "";
  display: table;
}
.tab-ham-container:after {
  clear: both;
}
@media (max-width: 1023px) {
  .tab-ham-container {
    display: block;
  }
}
@media (max-width: 767px) {
  .tab-ham-container {
    display: none;
  }
}
.tab-ham-container .tab-ham {
  color: #fff;
  padding: 3px 2px;
  font-size: 20px;
  background: #ff3929;
  display: inline-block;
  float: right;
  cursor: pointer;
}
.tab-ham-container .tab-ham:hover {
  opacity: 0.8;
  background: #005aad;
}

.mob-menu {
  display: none;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  position: fixed;
  top: 0;
  right: -250px;
  background: #ff3929;
  width: 250px;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1000;
}
@media (max-width: 1023px) {
  .mob-menu {
    display: block;
  }
}
.mob-menu.open {
  right: 0;
}
.mob-menu .mob-menu-close {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
  margin: 10px auto;
}
.mob-menu .mob-menu-close i {
  cursor: pointer;
}
.mob-menu .mob-menu-mod {
  color: #fff;
  margin-bottom: 25px;
}
.mob-menu .mob-menu-mod .mob-mod-heading {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
.mob-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block !important;
}
.mob-menu ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mob-menu ul li a {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
  display: block;
  text-decoration: none;
}
.mob-menu ul li a:hover {
  color: #fff;
  background: #005aad;
}
.mob-menu .welcome-msg {
  padding-left: 15px;
  padding-right: 15px;
}
.mob-menu .welcome-msg a {
  color: #fff;
  text-decoration: underline;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

/*
Mob menu bar 
------------------*/
.mob-menu-bar {
  display: none;
  text-align: center;
}
.mob-menu-bar > a {
  text-decoration: none;
  color: #000000;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  background: none;
  border-radius: 0;
  float: none;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 0;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mob-menu-bar > a:hover {
  opacity: 0.8;
  background: none;
  text-decoration: none;
}
.mob-menu-bar > a.mSearch-tragger:after {
  content: '\e81c';
}
.mob-menu-bar > a.mEmail-link:after {
  content: '\e832';
}
.mob-menu-bar > a.mCart-link:after {
  content: '\e80a';
}
.mob-menu-bar > a.mMenu-btn:after {
  content: '\e824';
}
@media (max-width: 1023px) {
  .mob-menu-bar {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .mob-menu-bar {
    float: none;
  }
}

/*
Drop Cat menu extra styles
----------------*/
.solid-menus * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.solid-menus article,
.solid-menus aside,
.solid-menus details,
.solid-menus figcaption,
.solid-menus figure,
.solid-menus footer,
.solid-menus header,
.solid-menus hgroup,
.solid-menus main,
.solid-menus menu,
.solid-menus nav,
.solid-menus section,
.solid-menus summary {
  display: block;
}

.solid-menus audio,
.solid-menus canvas,
.solid-menus progress,
.solid-menus video {
  display: inline-block;
  vertical-align: baseline;
}

.solid-menus audio:not([controls]) {
  display: none;
  height: 0;
}

.solid-menus [hidden],
.solid-menus template {
  display: none;
}

.solid-menus a {
  background-color: transparent;
  text-decoration: none;
}

.solid-menus a:link,
.solid-menus a:visited {
  outline: 0;
  color: #fff;
}

.solid-menus a:active,
.solid-menus a:hover {
  outline: 0;
  color: #F92B61;
}

.solid-menus abbr[title] {
  border-bottom: 1px dotted;
}

.solid-menus b,
.solid-menus strong {
  font-weight: bolder;
  color: #FDFDFD;
}

.solid-menus dfn {
  font-style: italic;
}

.solid-menus h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.solid-menus mark {
  background: #ff0;
  color: #000;
}

.solid-menus small {
  font-size: 80%;
}

.solid-menus sub,
.solid-menus sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.solid-menus sup {
  top: -0.5em;
}

.solid-menus sub {
  bottom: -0.25em;
}

.solid-menus img {
  -webkit-transition: all 0.2s ease-in-out;
  border: none;
  float: none;
  text-align: center;
  margin: 0 auto;
  width: 70px;
  height: 54px;
  display: block;
  border: none !important;
  /* for firefox */
}

.solid-menus svg:not(:root) {
  overflow: hidden;
}

.solid-menus figure {
  margin: 1em 40px;
}

.solid-menus hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

.solid-menus pre {
  overflow: auto;
}

.solid-menus code,
.solid-menus kbd,
.solid-menus pre,
.solid-menus samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.solid-menus button,
.solid-menus input,
.solid-menus optgroup,
.solid-menus select,
.solid-menus textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

.solid-menus button {
  overflow: visible;
}

.solid-menus button,
.solid-menus select {
  text-transform: none;
}

.solid-menus button,
.solid-menus html input[type="button"],
.solid-menus input[type="reset"],
.solid-menus input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
}

.solid-menus button[disabled],
.solid-menus html input[disabled] {
  cursor: default;
}

.solid-menus button::-moz-focus-inner,
.solid-menus input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.solid-menus input {
  line-height: normal;
}

.solid-menus input[type="checkbox"],
.solid-menus input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.solid-menus input[type="number"]::-webkit-inner-spin-button,
.solid-menus input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.solid-menus input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.solid-menus input[type="search"]::-webkit-search-cancel-button,
.solid-menus input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.solid-menus fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.solid-menus legend {
  border: 0;
  padding: 0;
}

.solid-menus textarea {
  overflow: auto;
}

.solid-menus optgroup {
  font-weight: bold;
}

.solid-menus table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.solid-menus td,
.solid-menus th {
  padding: 0;
}

.solid-menus tr {
  display: table-row;
}

.solid-menus ul,
.solid-menus ol {
  padding: 0;
  list-style: none;
  margin: 0;
}

.solid-menus h1,
.solid-menus h2,
.solid-menus h3,
.solid-menus h4,
.solid-menus h5,
.solid-menus h6 {
  margin: 0;
  padding: 0;
  font-weight: 900;
}

.solid-menus h1 {
  font-size: 3.157em;
}

.solid-menus h2 {
  font-size: 2.369em;
}

.solid-menus h3 {
  font-size: 1.777em;
}

.solid-menus h4 {
  font-size: 1.333em;
}

.solid-menus h5 {
  font-size: 0.975em;
  line-height: 2.15;
}

.solid-menus h6 {
  font-size: 16px;
  padding: 0.25em 0.15em 0.25em 0.15em;
  line-height: 18px;
  color: #ff3929;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.solid-menus p,
.solid-menus blockquote {
  /*font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.075em;*/
  margin: 0;
}

.solid-menus p a.normal {
  font-size: 15px;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 0 0 20px;
  clear: both;
  font-weight: 500;
}

.solid-menus p a.normal:hover {
  color: #005aad;
}

.solid-menus blockquote {
  padding: 0.75em 1em 0.75em 1em;
  background: #f0f0f0;
}

.solid-menus hr {
  clear: both;
  padding: 0;
  border: 0;
  margin: 1em 0;
  background: #E7E7E7;
  height: 2px;
}

.solid-menus:: -webkit-input-placeholder {
  font-style: italic;
}

.solid-menus: -moz-placeholder {
  font-style: italic;
}

.solid-menus:: -moz-placeholder {
  font-style: italic;
}

.solid-menus: -ms-input-placeholder {
  font-style: italic;
}

.solid-menus {
  /* Helper Class */
  /* flex */
  /* floats */
  /* General Layout */
  /* Special Columns */
  /* layout table cell */
}

.solid-menus .l-group:after {
  content: "";
  height: 0;
  display: table;
  clear: both;
  visibility: hidden;
}

.solid-menus .l-none {
  display: none;
}

.solid-menus .l-block {
  display: block;
}

.solid-menus .l-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.solid-menus .l-float-left {
  float: left !important;
}

.solid-menus .l-float-right {
  float: right !important;
}

.solid-menus .l-float-none {
  float: none;
}

.solid-menus .l-align-center {
  text-align: center;
}

.solid-menus .l-align-right {
  text-align: right;
}

.solid-menus .l-text-indent {
  text-indent: 1.50em;
}

.solid-menus .l-va-top {
  vertical-align: top;
}

.solid-menus .l-container {
  margin: 0 auto;
}

.solid-menus .l-inline-list > li {
  display: inline-block;
}

.solid-menus .l-floated-list li {
  float: left;
  margin: 5px 8px 5px 0;
}

.solid-menus .l-vertical-list > li {
  display: block;
}

.solid-menus .l-float-clear {
  clear: both;
}

.solid-menus .l-pos-r {
  position: relative;
}

.solid-menus .l-pos-a {
  position: absolute;
}

.solid-menus .l-floated-image {
  margin: 0.15em 1em 0em 0;
}

.solid-menus .l-floated-image-mr {
  margin: 0.15em 1.25em 0 0;
}

.solid-menus .l-overflow-hidden {
  overflow: hidden;
}

.solid-menus .l-pull-right {
  left: auto;
  right: 1px;
  margin-right: -1px;
}

.solid-menus .l-one-col > li,
.solid-menus .l-two-cols > li,
.solid-menus .l-three-cols > li,
.solid-menus .l-four-cols > li,
.solid-menus .l-five-cols > li,
.solid-menus .l-six-cols > li {
  float: left !important;
}

.solid-menus .l-one-third-col,
.solid-menus .l-two-third-col,
.solid-menus .l-one-third-col-r,
.solid-menus .l-two-third-col-r {
  float: left;
}

.solid-menus .l-no-pad-left {
  padding-left: 0;
}

.solid-menus .l-one-col > li {
  width: 100%;
  margin-bottom: 0.35em;
}

.solid-menus .l-two-cols > li {
  width: 47%;
  margin: 0 5.5% 1.15% 0%;
  padding-right: 1%;
}

.solid-menus .l-two-cols > li:nth-child(2n+2) {
  margin-right: 0;
}

.solid-menus .l-three-cols > li {
  width: 31%;
  margin: 0 24px 2% 0;
}

.solid-menus .l-three-cols > li:nth-child(3n+3) {
  margin-right: 0;
}

.solid-menus .l-four-cols > li {
  width: 22.59125%;
  margin: 0 3.21% 1% 0;
}

.solid-menus .l-four-cols > li:nth-child(4n+4) {
  margin-right: 0;
}

.solid-menus .l-five-cols > li {
  width: 17.9125%;
  margin: 0 2.48% 0.15% 0;
}

.solid-menus .l-five-cols > li:nth-child(5n+5) {
  margin-right: 0;
}

.solid-menus .l-six-cols > li {
  width: 15.2512%;
  margin: 0 1.25% 0.15% 0;
}

.solid-menus .l-one-third-col {
  width: 32.90%;
  margin: 0 2.5% 1% 1%;
}

.solid-menus .l-two-third-col {
  width: 61.91667%;
  margin: 0 0 0 1.65%;
}

.solid-menus .l-one-third-col-r {
  width: 31.58333%;
  margin-right: 1%;
}

.solid-menus .l-two-third-col-r {
  width: 63.91667%;
  margin-right: 2.5%;
  padding-right: 2.5%;
}

.solid-menus .l-table-cell > li {
  display: table-cell;
}

.solid-menus {
  /* background */
  /* element widths */
  /* margins */
  /* padding */
  /* offsets */
  /* alignments */
  /* visibility */
  /* texts */
  /* wrapping */
  /* borders */
  /* background */
  /* box-shadow */
  /* navigation container */
  /* main title */
  /* Main Navigation */
  /* links */
  /* home-menu */
  /* Sub-menu 1 */
  /* Sub Menu 2, Sub Menu 3 ... Sub Menu 7 */
  /* SIDE MENU */
  /* SIDE MENU WIDE */
  /* lists */
  /* panels */
  /* fly-leafs */
  /* div container */
  /* home */
  /* drop downs */
  /* specific portions on mega-menu (home) */
  /* MULTI - DROP */
  /* FULL WIDTH */
  /* SOCIAL */
  /* GALLERY - Best Deals */
  /* TABS */
  /* BLOG */
  /* SIGN UP */
  /* Buttons */
  /* forms */
  /* font-awesome */
  /* contents of the page, body contents */
  /* warning - not supported browsers */
  /* table */
  /* Image Container */
  /* OVERLAY */
  /* overlay social */
  /* overlay social-1 */
  /* overlay-social-2 */
  /* overlay-social-2-2 */
  /* overlay-social-3 */
  /* 3D Flip */
  /* non frame animations */
  /* flip caption, bounce, stretch, rollIn */
  /* frame animations */
  /* SLIDES, SWEEP, ZOOM */
  /* sweeps */
  /* zoom */
  /* overlay-blocks */
  /* overlay-blocks-swivel */
  /* overlay-blocks-swivel-left */
  /* overlay-blocks-swivel-alternate */
  /* overlay-blocks-blinds-top */
  /* overlay-blocks-blinds-bottom */
  /* overlay-blocks-blinds-450 */
  /* overlay-blocks-flaps-top */
  /* overlay-blocks-flaps-bottom */
  /* overlay-blocks-flaps-twist */
  /* overlay-software */
  /* overlay-software-1 */
  /* overlay-software-2 */
  /* overlay-software-3 */
  /* overlay-software-4 */
  /* overlay-software-5 */
  /* overlay-software-6 */
  /* overlay-software-7 */
  /* overlay-software-8 */
  /* overlay-software-9 */
  /* slider */
  /* SLIDER ANIMATION */
  /* slide animation, 5 images, modify to fit your needs */
  /* --- */
  /* pricing */
}

.solid-menus .bold {
  font-weight: bold;
}

.solid-menus .small-font {
  font-size: 0.7em;
}

.solid-menus .medium-font {
  font-size: 0.85em;
}

.solid-menus .big-font {
  font-size: 1.1em;
}

.solid-menus .very-big-font {
  font-size: 2em;
}

.solid-menus .bg-gray {
  background: #e6e6e6;
}

.solid-menus .w-5 {
  width: 5%;
}

.solid-menus .w-10 {
  width: 10%;
}

.solid-menus .w-16 {
  width: 16.6666667%;
}

.solid-menus .w-20 {
  width: 20%;
}

.solid-menus .w-25 {
  width: 25%;
}

.solid-menus .w-27-5 {
  width: 27.5%;
}

.solid-menus .w-30 {
  width: 30%;
}

.solid-menus .w-40 {
  width: 40%;
}

.solid-menus .w-50 {
  width: 50%;
}

.solid-menus .w-60 {
  width: 60%;
}

.solid-menus .w-70 {
  width: 70%;
}

.solid-menus .w-80 {
  width: 80%;
}

.solid-menus .w-90 {
  width: 90%;
}

.solid-menus .w-100 {
  width: 100%;
}

.solid-menus .w-200 {
  width: 200%;
}

.solid-menus .w-300 {
  width: 300%;
}

.solid-menus .w-400 {
  width: 400%;
}

.solid-menus .w-500 {
  width: 500%;
}

.solid-menus .lh-125 {
  line-height: 1.25;
}

.solid-menus .margin-0 {
  margin: 0 !important;
}

.solid-menus .margin-1 {
  margin: 1em;
}

.solid-menus .margin-right-0 {
  margin-right: 0 !important;
}

.solid-menus .margin-top-1 {
  margin-top: 1em !important;
}

.solid-menus .margin-top-half {
  margin-top: 0.5em;
}

.solid-menus .padding-0 {
  padding: 0 !important;
}

.solid-menus .padding-top-0 {
  padding-top: 0 !important;
}

.solid-menus .padding-top-1 {
  padding-top: 1em;
}

.solid-menus .padding-right-1 {
  padding-right: 1em;
}

.solid-menus .padding-left-1 {
  padding-left: 1em !important;
}

.solid-menus .padding-bottom-1 {
  padding-bottom: 1em;
}

.solid-menus .padding-left-half {
  padding-left: 0.5em;
}

.solid-menus .pull-up-5 {
  margin-top: -5px;
}

.solid-menus .pull-up-10 {
  margin-top: 0px;
  text-align: left;
  /*text-transform: capitalize;*/
}

.solid-menus .justify {
  text-align: justify;
}

.solid-menus .visible {
  display: block;
}

.solid-menus .line-through {
  text-decoration: line-through;
  color: #b3b3b3;
}

.solid-menus .ws-normal {
  white-space: normal;
}

.solid-menus .normal-wrap > li {
  white-space: normal !important;
}

.solid-menus .no-wrap > li {
  white-space: nowrap;

}

.solid-menus .no-border-radius {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.solid-menus .border-0 {
  border: 0;
}

.solid-menus .border {
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.solid-menus .bordered {
  padding: 0.75em 0.5em 0em 0.75em;
  border: 2px solid white;
}

.solid-menus .bordered-gray {
  border: 1px solid #d9d9d9 !important;
}

.solid-menus .bordered-top {
  border-top: 1px solid #EDEDED;
}

.solid-menus .bordered-bottom {
  border-bottom: 1px solid #EDEDED;
}

.solid-menus .bordered-bottom-thick {
  border-bottom: 3px solid #EDEDED;
}

.solid-menus .bordered-bottom-thicker {
  border-bottom: 5px solid #EDEDED;
}

.solid-menus .bordered-right {
  border-right: 1px solid #DBDBDB;
}

.solid-menus .bordered-left {
  border-left: 1px solid #ececec;
}

.solid-menus .no-background {
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.solid-menus .no-box-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.solid-menus .no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.solid-menus .no-transform {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.solid-menus .text-info {
  color: #0583bb;
}

.solid-menus .text-muted {
  color: #868686;
}

.solid-menus .text-danger {
  color: #d0380b;
}

.solid-menus #navigation {
  width: 100%;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.solid-menus .main-title {
  margin: 20px auto;
}

.solid-menus .main-nav {
  position: relative;
  padding: 0;
  -webkit-perspective: 2500px;
  -moz-perspective: 2500px;
  perspective: 2500px;
  z-index: 20;
  margin: 0;
}

.solid-menus .main-nav > li#home:hover {
  background: #FEFEFE;
}

.solid-menus #menu {
  display: none;
}

.solid-menus #menu i {
  -webkit-transform: rotateZ(0) !important;
  -moz-transform: rotateZ(0) !important;
  transform: rotateZ(0) !important;
}

.solid-menus .main-nav > li {
  /* main-menu, home, about, services, etc */
  float: left;
  position: relative;
  font-size: 0.95em;
  /* border: 1px solid transparent; */
  line-height: normal;
}

.solid-menus .main-nav > li .sub-menu-1.is-hidden {
  display: none;
}

.solid-menus .main-nav > li:last-child {
  /*float: right;*/
}

.solid-menus .main-nav > li > a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
}

.solid-menus .menu-links {
  padding: 17px 27px;
  display: block;
}
@media (max-width: 1255px) {
  .solid-menus .menu-links {
    /* padding: 10px;*/
  }
}

.solid-menus .main-nav > li > a > i {
  /* font-awesome container */
  width: 0.65em;
  margin: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.solid-menus .main-nav > li .home {
  left: 0;
  background: #e7ebee;
/*background: #0050a3;*/
}

.solid-menus .main-nav > li.static {
  position: static;
}

.solid-menus .main-nav > li.static .home {
  left: 0.625em;
}

.solid-menus ul.main-nav .has-sub-menu {
  padding-right: 0px;
  border: none !important;
  text-align: center;
}

.solid-menus ul.main-nav .has-sub-menu.axles-icon img {
  width: 73px;
}

.solid-menus ul.main-nav .has-sub-menu.suspension-icon img {
  width: 105px;
}

.solid-menus .home-menu .menu-links {
  padding: 3px 1.75em;
  background: url(../images/menu-arrow.png) no-repeat 230px;
}

.solid-menus .drop-down .menu-links,
.solid-menus .multi-drop .menu-links {
  padding: 0.1em 1.75em 0.1em 1.75em;
}

.solid-menus .menu-links .has-sub-menu {
  /* if menu-link has dropdown */
  padding-right: 6px;
}

.solid-menus .tri-right {
  width: 0;
  height: 0;
  border-top: 1.15em solid transparent;
  border-bottom: 1em solid transparent;
  border-right: 1.15em solid transparent;
  border-left: 0.75em solid #fff;
  right: -23px;
  top: 0;
  z-index: 10;
  visibility: hidden;
}

.solid-menus .sub-menu-1 > ul > li,
.solid-menus .sub-menu-2 > ul > li {
  white-space: nowrap;
  font-size: 0.95em;
}

.solid-menus .sub-menu-1 ul > li.no-wrap,
.solid-menus .sub-menu-2 ul > li.no-wrap {
  white-space: normal;
  overflow: hidden;
}

.solid-menus .sub-menu-1 {
  position: absolute;
  top: 40px;
  display: none;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
}

.solid-menus .sub-menu-1.dropdown > ul > li {
  position: relative;
}

.solid-menus .sub-menu-1.multi-drop > ul > li {
  position: relative;
}

.solid-menus .sub-menu-1.home > ul > li {
  position: static;
}

.solid-menus .sub-menu-2,
.solid-menus .sub-menu-3,
.solid-menus .sub-menu-4,
.solid-menus .sub-menu-5,
.solid-menus .sub-menu-6,
.solid-menus .sub-menu-7 {
  display: none;
  -webkit-animation: slideLeft 0.3s ease;
  -moz-animation: slideLeft 0.3s ease;
  -o-animation: slideLeft 0.3s ease;
  animation: slideLeft 0.3s ease;
}

.solid-menus .border-radius-br {
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

.solid-menus .border-radius-bl {
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

.solid-menus .sub-menu-2 > ul > li,
.solid-menus .sub-menu-3 > ul > li {
  position: relative;
  white-space: nowrap;
}

.solid-menus .drop-down.side-menu {
  position: absolute;
  padding: 0 0 0.5em 0;
  left: 100%;
  /* adjust this value to fit your needs, multi-dropdown side-menu */
  top: 0;
  background: #FFFFFF;
}

.solid-menus .drop-down.side-menu li {
  line-height: 2.35em;
}

.solid-menus .drop-down.side-menu > ul > li a {
  color: #333;
}

.solid-menus .side-menu-wide {
  /*padding: 1em 1.5em 0.5em 1.5em;*/
  padding: 1em 25em 0.5em 1.5em;
  position: relative;
  display: none;
  background: #e7ebee;
  vertical-align: top;
  -webkit-box-shadow: -1px 1px 10px 0px #D8D8D8;
  -moz-box-shadow: -1px 1px 10px 0px #D8D8D8;
  box-shadow: -1px 1px 10px 0px #D8D8D8;
}

@media (max-width: 1300px) {
  .solid-menus .side-menu-wide {
    padding: 1em 1.5em 0.5em 1.5em;
  }
}
.solid-menus .brand5 {
  background: url(../images/birds.png) no-repeat right center;
}

.solid-menus .brand4 {
  background: url(../images/cats.png) no-repeat right center;
}

.solid-menus .brand3 {
  background: url(../images/dogs-supplies.png) no-repeat right center;
}

.solid-menus .brand2 {
  background: url(../images/dogs-treats.png) no-repeat right center;
}

.solid-menus .brand1 {
  background: url(../images/dog-food.png) no-repeat right center;
}

@media (max-width: 1300px) {
  .solid-menus .brand5,
  .solid-menus .brand4,
  .solid-menus .brand3,
  .solid-menus .brand2,
  .solid-menus .brand1 {
    background: none;
  }
}
.solid-menus .side-menu-wide .floating {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.solid-menus .side-menu-wide .floating .call-to-action {
  position: absolute;
  z-index: 1;
  padding: 10px;
  width: 100%;
  bottom: 0;
  margin-bottom: 0px;
  background: white;
  background: rgba(255, 255, 255, 0.8);
}
.solid-menus .side-menu-wide .floating .call-to-action span.text {
  color: #000;
  text-transform: uppercase;
  font-weight: bolder;
  font-style: italic;
  float: left;
  display: inline-block;
  line-height: 38px;
  font-size: 22px;
}
.solid-menus .side-menu-wide .floating .call-to-action span.go-to {
  float: right;
  background: #ed1f35;
  color: #fff;
  font-size: 22px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 4px 15px;
  display: inline-block;
  font-weight: bolder;
  font-style: italic;
  text-transform: uppercase;
}

.solid-menus .side-menu-wide h5,
.solid-menus .gallery h5 {
  color: #333;
  border-bottom: 2px solid #666;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.0375em;
  margin-bottom: 0.75em;
  line-height: 1.75;
  text-shadow: 1px 1px 1px #EDEDED;
}

.solid-menus .side-menu-wide h6 {
  /*color: #333;*/
}

.solid-menus .side-menu-wide .read-more:link,
.solid-menus .side-menu-wide .read-more:visited {
  color: #747474;
}

.solid-menus .side-menu-wide .read-more:hover,
.solid-menus .side-menu-wide .read-more:active {
  color: #E53400;
}

.solid-menus .side-menu-wide .read-more-paragraph:link,
.solid-menus .side-menu-wide .read-more-paragraph:visited {
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
}

.solid-menus .side-menu-wide .menu-links {
  line-height: 1.75em;
  font-size: 11px;
  padding: 0;
  color: #333;
  font-weight: 600;
}

.solid-menus li.is-active {
  background: #e1e4e7;
}

.solid-menus .side-menu-wide.is-active {
  display: table-cell;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

.solid-menus .list-decimal {
  list-style: decimal;
}

.solid-menus .category-list li {
  border-bottom: 1px solid #F2F2F2;
}

.solid-menus .category-list li:last-child {
  border-bottom: 0;
}

.solid-menus .specs {
  padding-left: 0.15em;
}

.solid-menus ul.specs li {
  line-height: 1.75em;
  color: #333;
}

.solid-menus .swivel-lists {
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.solid-menus .swivel-lists > li {
  background: white;
  display: none;
}

.solid-menus .topic-lists > li {
  line-height: 1.85;
}

.solid-menus .panel {
  border: 1px solid #ffffff;
  position: relative;
}

.solid-menus .panel-with-padding {
  padding: 1em;
}

.solid-menus .panel-with-padding-small {
  padding: 0.5em 0.75em 0.5em 0.75em;
}

.solid-menus .panel-min-height {
  min-height: 225px;
}

.solid-menus .panel-rounded-corners {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.solid-menus .panel footer {
  line-height: 1.25em;
  padding: 0em 0.4em 1em 0.4em;
  font-weight: bold;
  font-size: 0.875em;
  margin: 0;
  text-align: center;
  color: #333;
}

.solid-menus .fly-leaf {
  padding: 0em 0.55em 0 0.55em;
  position: absolute;
  top: -5px;
  left: 28px;
  font-size: 0.75em;
  z-index: 9;
  line-height: 2em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.solid-menus .home,
.solid-menus .drop-down,
.solid-menus .multi-drop,
.solid-menus .social,
.solid-menus .full-width,
.solid-menus .gallery,
.solid-menus .tabs,
.solid-menus .blog,
.solid-menus .sign-up {
  -webkit-box-shadow: 0px 0px 1px #868686;
  -moz-box-shadow: 0px 0px 1px #868686;
  box-shadow: 0px 0px 1px #868686;
}

.solid-menus .drop-down,
.solid-menus .multi-drop,
.solid-menus .social {
  margin-left: 0;
}

.solid-menus .blog,
.solid-menus .sign-up {
  margin-right: -1px;
}

.solid-menus .home {
  width: 1300px;
  left: 0.625em;
  top: 56px;
  /* width: 98%; */
}

@media (max-width: 1300px) {
  .solid-menus .home {
    width: 980px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .solid-menus .home {
    top: 55px;
  }
}
.solid-menus .home.home-two-thirds {
  width: 626px;
}

.solid-menus .home .home-menu {
  width: 255px;
  vertical-align: top;
  padding: 0;
  background: #e7ebee;
}

.solid-menus .home .home-menu.home-menu-wide {
  width: 188px;
}

.solid-menus .home .sub-menu-2 {
  position: relative;
}

.solid-menus .home-menu li {
  line-height: 2.25em;
  font-size: 0.95em;
  position: relative;
}

.solid-menus .home h6 {
  letter-spacing: 3px;
  text-shadow: 1px 1px 1px #ececec;
}

.solid-menus .home > ul > li > a > i {
  margin-right: 0.275em;
}

.solid-menus .drop-down {
  padding: 0.5em 0 0.5em 0;
}

.solid-menus .drop-down li {
  line-height: 2.25em;
}

.solid-menus .software p {
  margin: 0.5em 0 0 0;
}

.solid-menus .networking h6 {
  min-height: 6.25em;
  font-weight: normal;
}

.solid-menus .printers img {
  padding: 1em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.solid-menus .multi-drop,
.solid-menus .side-menu {
  min-width: 180px;
  padding: 0.5em 0 0.5em 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}

.solid-menus .multi-drop li {
  line-height: 2.25em;
}

.solid-menus .multi-drop .has-sub-menu i {
  top: 9px;
  right: -5px;
}

.solid-menus .multi-drop .has-sub-menu .menu-links {
  padding: 0 2em 0 1.75em;
}

.solid-menus .full-width {
  width: 940px;
  /* customize to fit your needs */
  padding: 1em;
  left: 9px;
  top: 40px;
}

.solid-menus .full-width.full-width-half {
  width: 380px;
  left: 0;
}

.solid-menus .full-width.full-width-pad-half li {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.solid-menus .full-width > ul > li {
  padding: 0 0.75em;
  float: none;
}

.solid-menus .full-width.full-width-fixed-w > ul > li {
  width: 17.251685em;
}

.solid-menus .full-width.full-width-nb > ul > li {
  border-right: 0;
}

.solid-menus .full-width > ul > li:last-child {
  border-right: 0;
}

.solid-menus .full-width li {
  line-height: 2em;
  font-size: 0.95em;
}

.solid-menus .social {
  padding: 1em 1em 1em 1.5em;
  width: 400px;
}

.solid-menus .social.social-inline {
  padding: 0.5em !important;
  width: 940px;
}

.solid-menus .social ul.l-vertical-list > li {
  padding: 0.25em;
}

.solid-menus .social img {
  vertical-align: middle;
  margin: 0 1em 0 0;
  max-width: none;
}

.solid-menus .gallery {
  width: 780px;
  left: 140px;
  padding: 0.75em 0.75em 1.25em 1.5em;
}

.solid-menus .gallery h5.highlight {
  background: #198B86;
  padding: 0.65em;
  line-height: 1em;
  border-bottom: 0;
  color: #fff;
}

.solid-menus .gallery h6 {
  color: #333;
  font-size: 0.875em;
}

.solid-menus .price li {
  line-height: 1.5;
  font-weight: bold;
  color: #333;
  font-size: 0.85em;
}

.solid-menus .price li:first-child {
  color: #848484;
}

.solid-menus .price li:nth-child(2) {
  color: #ffffff;
  background: #12b214;
  padding: 0.15em 0;
  margin: 0.35em 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.solid-menus .simple-list {
  font-weight: bold;
  font-size: 0.8em;
  padding: 0.15em 0 0.15em 0;
  color: #333;
}

.solid-menus .simple-list-numbered {
  list-style: decimal;
  padding-left: 1.75em;
}

.solid-menus .simple-list-bullets {
  list-style: disc;
  padding-left: 1.75em;
}

.solid-menus .simple-list li {
  line-height: 1.65em;
}

.solid-menus .tabs {
  width: 940px;
  padding: 1em 1.25em 1em 1.25em;
  left: 10px;
}

.solid-menus .tabs [type="radio"] {
  display: none;
}

.solid-menus .tab-container {
  position: relative;
  min-height: 400px;
  /* customize to fit your needs */
}

.solid-menus .tab-menu {
  line-height: 0;
}

.solid-menus .tab-marker > li {
  margin-right: 2px;
  margin-bottom: 1px;
}

.solid-menus .tab-marker.tab-marker-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.solid-menus .tab-marker.tab-marker-flex > li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.solid-menus .tab-marker label {
  background: #444444;
  padding: 0.25em 1.5em 0.25em 1em;
  margin-bottom: 0;
  display: block;
  font-size: 0.9em;
  text-align: center;
  color: #fff;
}

.solid-menus .tab-content {
  position: relative;
  width: 100%;
  display: none;
  padding: 1em 1.25em 1em 1.25em;
  background: #fff;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
}

.solid-menus .tab-content.tab-active {
  display: table-cell;
}

.solid-menus .tab-content .menu-links {
  line-height: 1.75em;
  padding: 0;
  font-size: 0.875em;
}

.solid-menus .tab-title {
  margin-bottom: 0.25em;
  margin-top: 0;
}

.solid-menus .hint {
  bottom: -0.15em;
  right: 0.1em;
  width: 1.75em;
  height: 1.75em;
  text-align: center;
  color: rgba(0, 0, 0, 0.11);
}

.solid-menus .no-inlinesvg .hint {
  /* old firefox */
  bottom: 0.65em;
  right: 0.75em;
}

.solid-menus #book-category {
  display: none;
  padding: 4px;
}

.solid-menus .blog {
  width: 580px;
  position: absolute;
  padding: 1em 1.5em 1em 1.5em;
}

.solid-menus .blog ul > li,
.solid-menus .sign-up ul > li {
  white-space: normal;
}

.solid-menus .blog-title {
  line-height: 1.5em;
  color: #333;
}

.solid-menus .blog p,
.solid-menus .blog blockquote {
  line-height: 1.5;
  font-size: 0.75em;
  margin: 0.5em 0 0.5em 0;
}

.solid-menus span.call-out {
  width: 40%;
  padding: 1em 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 1em 1.25em 1em 0;
  text-shadow: 1px 1px 1px #737373;
  color: #fff;
  background: #222;
}

.solid-menus .sign-up {
  width: 340px;
  /* customized to fit your needs */
  padding: 0.65em 1.25em 0.5em 1.25em;
}

.solid-menus .btn {
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: 0.5em 1em 0.5em 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #1d1d1c;
  display: inline-block;
  line-height: 2em;
  color: white;
  -webkit-box-shadow: 0 1px 0 1px #bababa;
  -moz-box-shadow: 0 1px 0 1px #bababa;
  box-shadow: 0 1px 0 1px #bababa;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.solid-menus .btn.btn-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.solid-menus .btn.btn-no-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.solid-menus .btn.btn-min-width {
  min-width: 140px;
}

.solid-menus .btn.btn-small {
  font-size: 0.8em;
}

.solid-menus .btn.btn-text-white {
  color: white;
}

.solid-menus .btn.btn-text-black {
  color: black;
}

.solid-menus .btn.btn-bg-attention {
  background: #C7530F;
}

.solid-menus .btn.btn-bg-go {
  background: green;
}

.solid-menus .btn:hover {
  cursor: pointer;
}

.solid-menus .side-menu-wide em a.btn,
.solid-menus .gallery em a.btn,
.solid-menus .blog em a.btn,
.solid-menus input.btn {
  color: white;
}

.solid-menus form {
  margin-top: 1em;
}

.solid-menus form div {
  margin: 0.5em 0 1em 0;
  position: relative;
}

.solid-menus form i[class^="fa"] {
  position: absolute;
  top: 2.1em;
  left: 11px;
  color: #fff;
  text-align: center;
}

.solid-menus form [class*="fa-lock"] {
  padding-left: 0.15em;
}

.solid-menus input[type="text"].linear,
.solid-menus input[type="email"].linear,
.solid-menus input[type="password"].linear {
  padding: 0.6em 0.6em 0.6em 4.5em;
  width: 100%;
  border: 1px solid #cfcccc;
  background: -webkit-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: -moz-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: -o-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: linear-gradient(left, #222222 54px, #ffffff 0%);
}

.solid-menus label {
  font-size: 0.9em;
  font-weight: bold;
  padding: 0;
  color: #333;
  display: block;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}

.solid-menus i[class^="fa"] {
  margin: 0.35em 0.45em 0.45em 0.5em;
}

.solid-menus .full-width i[class^="fa"] {
  margin: 0 0.5em 0 0.5em;
}

.solid-menus .social i[class^="fa"],
.solid-menus .drop-down i[class^="fa"],
.solid-menus .multi-drop i[class^="fa"],
.solid-menus .side-menu i[class^="fa"] {
  margin: 0 0.5em .2em 0;
}

.solid-menus .home-menu i[class^="fa"] {
  margin: 0 0.75em 0 0;
}

.solid-menus .side-menu-wide i[class^="fa"] {
  margin: 0 0.25em 0 0.45em;
}

.solid-menus i[class*="fa-check"] {
  color: #07d02f;
}

.solid-menus h5 > span {
  /* the view console example */
  position: relative;
  bottom: -1px;
}

.solid-menus div.contents {
  padding: 0.5em;
}

.solid-menus div.contents p,
.solid-menus div.contents strong {
  color: #2a2a2a;
}

.solid-menus div.contents .simple-list li {
  color: #272727;
  font-weight: normal;
}

.solid-menus div.warning {
  padding: 0.5em;
  border: 2px solid red;
  line-height: 1.5;
}

.solid-menus .table li {
  padding: 0.25em;
  line-height: 2;
  border-bottom: 1px solid #ededed;
}

.solid-menus .table li:first-child {
  border-bottom: 2px solid #e7e7e7;
  font-size: 120%;
  padding-bottom: 0;
  color: #333;
  font-weight: bold;
}

.solid-menus .table li:last-child {
  border-bottom: none;
}

.solid-menus .table-alternate li:nth-child(odd) {
  color: #1e87bd;
}

.solid-menus .image-container {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  border: 1px solid #EEEEEE;
  margin: 0 0 12px;
  -webkit-perspective: 1500px;
  -o-perspective: 1500px;
  -ms-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.solid-menus .image-container img {
  width: 205px;
  height: 90px;
}

.solid-menus .image-container-ov {
  position: relative;
  overflow: visible;
  -webkit-perspective: 1500px;
  -o-perspective: 1500px;
  -ms-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.solid-menus .image-container a:link,
.solid-menus .image-container a:visited {
  color: white;
}

.solid-menus .image-container .fa {
  color: #fff7f7;
}

.solid-menus .search-box input {
  padding: 5px 30px 4px 10px;
  color: black;
  width: 100%;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.8em;
}

.solid-menus .search-box input:focus,
.solid-menus .search-box input:hover {
  outline: none;
  border: none;
}

.solid-menus .search-box i {
  color: #3E3D3D;
  right: 1px;
  bottom: -5px;
}

.solid-menus .side-menu-wide .fa-watermark {
  bottom: 15px;
  right: 15px;
  font-size: 2.25em;
  color: #dedede;
}

.solid-menus div[class*="overlay-"] .fa {
  width: 20px;
  height: 20px;
  margin: 0;
  font-size: 0.7em;
  text-align: center;
  line-height: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: white;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.solid-menus div[class*="overlay-social"] .fa {
  background: #a1a1a1;
}

.solid-menus div[class*="overlay-social"] .fa:link,
.solid-menus div[class*="overlay-social"] .fa:hover {
  color: white;
}

.solid-menus .overlay-social-1 .fa,
.solid-menus .overlay-social-1-2 .fa,
.solid-menus .overlay-social-2 .fa,
.solid-menus .overlay-social-2-2 .fa,
.solid-menus .overlay-social-4 .fa {
  position: absolute;
  z-index: 600;
}

.solid-menus .overlay-social-1 .fa-facebook,
.solid-menus .overlay-social-1 .fa-twitter,
.solid-menus .overlay-social-1 .fa-google-plus,
.solid-menus .overlay-social-1 .fa-pinterest {
  bottom: 2%;
  left: 0;
}

.solid-menus .overlay-social-1-2 .fa-facebook,
.solid-menus .overlay-social-1-2 .fa-twitter,
.solid-menus .overlay-social-1-2 .fa-google-plus,
.solid-menus .overlay-social-1-2 .fa-pinterest {
  bottom: 2%;
  right: 0;
}

.solid-menus .overlay-social-2 .fa-facebook,
.solid-menus .overlay-social-2 .fa-twitter,
.solid-menus .overlay-social-2 .fa-google-plus,
.solid-menus .overlay-social-2 .fa-pinterest {
  bottom: 2%;
  left: 40%;
}

.solid-menus .overlay-social-2-2 .fa-facebook,
.solid-menus .overlay-social-2-2 .fa-twitter {
  bottom: 2%;
  left: 0;
}

.solid-menus .overlay-social-2-2 .fa-google-plus,
.solid-menus .overlay-social-2-2 .fa-pinterest {
  bottom: 2%;
  right: 0;
}

.solid-menus .social-list {
  position: absolute;
  background: rgba(252, 252, 252, 0);
  border: 1px solid #efefef;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.solid-menus .social-list > li {
  line-height: 1.5em;
}

.solid-menus .social-list-vertical {
  height: 100%;
  margin-bottom: 0.1em;
  padding: 0.1em 0.25em;
}

.solid-menus .social-list-horizontal {
  padding: 0 0.625em 0.25em 0.625em;
  width: 100%;
}

.solid-menus .social-list-horizontal > li {
  margin-right: 0.7em;
  float: left;
}

.solid-menus .social-list-horizontal > li:last-child {
  margin-right: 0;
}

.solid-menus .overlay-social-3 .social-list-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.solid-menus .overlay-social-3 .social-list-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-social-3 .social-list-bottom {
  bottom: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateX(-90deg);
  -moz-transform: perspective(500px) rotateX(-90deg);
  transform: perspective(500px) rotateX(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-social-3 .social-list-top {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateX(90deg);
  -moz-transform: perspective(500px) rotateX(90deg);
  transform: perspective(500px) rotateX(90deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-social-3 .social-list-top-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateZ(-180deg);
  -moz-transform: perspective(500px) rotateZ(-180deg);
  transform: perspective(500px) rotateZ(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-social-3 .social-list-bottom-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateZ(180deg);
  -moz-transform: perspective(500px) rotateZ(180deg);
  transform: perspective(500px) rotateZ(180deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .overlay-social-3 .social-list-top-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateZ(180deg);
  -moz-transform: perspective(500px) rotateZ(180deg);
  transform: perspective(500px) rotateZ(180deg);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.solid-menus .overlay-social-3 .social-list-bottom-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateZ(-180deg);
  -moz-transform: perspective(500px) rotateZ(-180deg);
  transform: perspective(500px) rotateZ(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus div[class*="threeD-"] i.fa {
  -webkit-border-radius: 10000px;
  -moz-border-radius: 10000px;
  border-radius: 10000px;
  color: #fff7f7;
  padding: 0.375em;
  margin: 0;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.solid-menus .threeD-flipX,
.solid-menus .threeD-flipY {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.solid-menus .threeD-flipDown,
.solid-menus .threeD-flipUp,
.solid-menus .threeD-flipLeft,
.solid-menus .threeD-flipRight,
.solid-menus .threeD-flipTopLeft,
.solid-menus .threeD-flipBottomRight {
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: -webkit-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity .4s;
}

.solid-menus .threeD-flipX > img,
.solid-menus .threeD-flipY > img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.solid-menus .flipX-caption,
.solid-menus .flipY-caption,
.solid-menus .flipDown-caption,
.solid-menus .flipUp-caption,
.solid-menus .flipLeft-caption,
.solid-menus .flipRight-caption,
.solid-menus .flipTopLeft-caption,
.solid-menus .flipBottomRight-caption,
.solid-menus .bounce-caption,
.solid-menus .bounce-2-caption,
.solid-menus .bounce-3-caption,
.solid-menus .stretch-caption,
.solid-menus .stretch-2-caption,
.solid-menus .stretch-3-caption,
.solid-menus .rollIn-caption,
.solid-menus .rollIn-2-caption,
.solid-menus .rollIn-3-caption,
.solid-menus .rotateIn-caption,
.solid-menus .rotateIn-2-caption,
.solid-menus .rotateIn-3-caption,
.solid-menus .hingeTop-caption,
.solid-menus .hingeLeft-caption,
.solid-menus .hingeBottom-caption {
  width: 100%;
  height: 55%;
  position: absolute;
  top: 5%;
  left: 0;
  padding: 0.25em 0.5em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(20, 71, 136, 0.9);
  color: white;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}

.solid-menus .flipLeft-caption,
.solid-menus .flipRight-caption,
.solid-menus .flipTopLeft-caption,
.solid-menus .flipBottomRight-caption,
.solid-menus .bounce-caption,
.solid-menus .bounce-2-caption,
.solid-menus .bounce-3-caption,
.solid-menus .stretch-caption,
.solid-menus .stretch-2-caption,
.solid-menus .stretch-3-caption,
.solid-menus .rollIn-caption,
.solid-menus .rollIn-2-caption,
.solid-menus .rollIn-3-caption,
.solid-menus .rotateIn-caption,
.solid-menus .rotateIn-2-caption,
.solid-menus .rotateIn-3-caption,
.solid-menus .hingeTop-caption,
.solid-menus .hingeLeft-caption,
.solid-menus .hingeBottom-caption {
  height: 75%;
  opacity: 0;
}

.solid-menus .flipX-caption {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.solid-menus .flipY-caption {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.solid-menus .flipDown-caption {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateX(90deg) scale(1);
  -moz-transform: rotateX(90deg) scale(1);
  transform: rotateX(90deg) scale(1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .flipUp-caption {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .flipRight-caption {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .flipLeft-caption {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .flipTopLeft-caption {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  -moz-transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .flipBottomRight-caption {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  -moz-transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}

.solid-menus .bounce-caption,
.solid-menus .bounce-2-caption,
.solid-menus .bounce-3-caption,
.solid-menus .stretch-caption,
.solid-menus .stretch-2-caption,
.solid-menus .stretch-3-caption,
.solid-menus .rollIn-caption,
.solid-menus .rollIn-2-caption,
.solid-menus .rollIn-3-caption,
.solid-menus .rotateIn-caption,
.solid-menus .rotateIn-2-caption,
.solid-menus .rotateIn-3-caption,
.solid-menus .hingeTop-caption,
.solid-menus .hingeLeft-caption,
.solid-menus .hingeBottom-caption {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
}

.solid-menus .slideDown ul,
.solid-menus .slideUp ul,
.solid-menus .slideRight ul,
.solid-menus .slideLeft ul,
.solid-menus .slideDiagonal-TL ul,
.solid-menus .slideDiagonal-TR ul,
.solid-menus .slideDiagonal-BL ul,
.solid-menus .slideDiagonal-BR ul,
.solid-menus .sweepTopCenter ul,
.solid-menus .sweepLeftCenter ul,
.solid-menus .sweepCenterTop ul,
.solid-menus .sweepCenterLeft ul,
.solid-menus .sweepAlternate-H ul,
.solid-menus .sweepAlternate-V ul,
.solid-menus .sweepTriangle-1 ul,
.solid-menus .sweepTriangle-2 ul,
.solid-menus .sweepTriangle-3 ul,
.solid-menus .sweepTriangle-4 ul,
.solid-menus .sweepTriangle-5 ul,
.solid-menus .sweepTriangle-6 ul,
.solid-menus .zoomIn ul,
.solid-menus .zoomOut ul,
.solid-menus .zoomInRotate ul {
  /* vertical centering */
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  /*padding: 1.4em 0 1.4em 0;*/
}

.solid-menus .slideDown-caption,
.solid-menus .slideUp-caption,
.solid-menus .slideRight-caption,
.solid-menus .slideLeft-caption,
.solid-menus .slideDiagonal-TL-caption,
.solid-menus .slideDiagonal-TR-caption,
.solid-menus .slideDiagonal-BL-caption,
.solid-menus .slideDiagonal-BR-caption,
.solid-menus .sweepTopCenter-caption,
.solid-menus .sweepLeftCenter-caption,
.solid-menus .sweepCenterTop-caption,
.solid-menus .sweepCenterLeft-caption,
.solid-menus .sweepAlternate-H-caption,
.solid-menus .sweepAlternate-V-caption,
.solid-menus .sweepTriangle-1-caption,
.solid-menus .sweepTriangle-2-caption,
.solid-menus .sweepTriangle-3-caption,
.solid-menus .sweepTriangle-4-caption,
.solid-menus .sweepTriangle-5-caption,
.solid-menus .sweepTriangle-6-caption,
.solid-menus .zoomIn-caption,
.solid-menus .zoomOut-caption,
.solid-menus .zoomInRotate-caption {
  position: absolute;
  width: 100%;
  height: 92%;
  padding: 0.5em;
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.solid-menus .slideDown-caption {
  top: -100%;
  left: 0;
}

.solid-menus .slideUp-caption {
  bottom: -100%;
  left: 0;
}

.solid-menus .slideRight-caption {
  left: -100%;
  bottom: 8%;
}

.solid-menus .slideLeft-caption {
  right: -100%;
  bottom: 8%;
}

.solid-menus .slideDiagonal-TL-caption {
  top: -100%;
  left: -92%;
}

.solid-menus .slideDiagonal-TR-caption {
  top: -100%;
  right: -92%;
}

.solid-menus .slideDiagonal-BL-caption {
  bottom: -100%;
  left: -92%;
}

.solid-menus .slideDiagonal-BR-caption {
  bottom: -100%;
  right: -92%;
}

.solid-menus .zoomIn-caption,
.solid-menus .zoomOut-caption,
.solid-menus .zoomInRotate-caption {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.solid-menus .sweepTopCenter-caption,
.solid-menus .sweepLeftCenter-caption,
.solid-menus .sweepCenterTop-caption,
.solid-menus .sweepCenterLeft-caption,
.solid-menus .sweepAlternate-H-caption,
.solid-menus .sweepAlternate-V-caption,
.solid-menus .sweepTriangle-1-caption,
.solid-menus .sweepTriangle-2-caption,
.solid-menus .sweepTriangle-3-caption,
.solid-menus .sweepTriangle-4-caption,
.solid-menus .sweepTriangle-5-caption,
.solid-menus .sweepTriangle-6-caption {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}

.solid-menus .sweepTopCenter ul,
.solid-menus .sweepLeftCenter ul,
.solid-menus .sweepCenterTop ul,
.solid-menus .sweepCenterLeft ul,
.solid-menus .sweepAlternate-H ul,
.solid-menus .sweepAlternate-V ul,
.solid-menus .sweepTriangle-1 ul,
.solid-menus .sweepTriangle-2 ul,
.solid-menus .sweepTriangle-3 ul,
.solid-menus .sweepTriangle-4 ul,
.solid-menus .sweepTriangle-5 ul,
.solid-menus .sweepTriangle-6 ul {
  opacity: 0;
}

.solid-menus .sweepTopCenter-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.solid-menus .sweepTopCenter-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.solid-menus .sweepLeftCenter-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0%;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.solid-menus .sweepLeftCenter-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .sweepCenterTop-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .sweepCenterTop-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.solid-menus .sweepCenterLeft-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .sweepCenterLeft-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .sweepAlternate-H-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}

.solid-menus .sweepAlternate-H-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}

.solid-menus .sweepAlternate-V-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}

.solid-menus .sweepAlternate-V-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}

.solid-menus .sweepTriangle-1-caption:before,
.solid-menus .sweepTriangle-3-caption:before,
.solid-menus .sweepTriangle-5-caption:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 107px solid transparent;
  border-left: 130px solid rgba(20, 71, 136, 0.85);
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.solid-menus .sweepTriangle-1-caption:after,
.solid-menus .sweepTriangle-3-caption:after,
.solid-menus .sweepTriangle-5-caption:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 130px solid transparent;
  border-bottom: 107px solid rgba(20, 71, 136, 0.85);
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.solid-menus .sweepTriangle-2-caption:before,
.solid-menus .sweepTriangle-4-caption:before,
.solid-menus .sweepTriangle-6-caption:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 108px solid transparent;
  border-right: 129px solid rgba(20, 71, 136, 0.85);
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .sweepTriangle-2-caption:after,
.solid-menus .sweepTriangle-4-caption:after,
.solid-menus .sweepTriangle-6-caption:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 129px solid transparent;
  border-bottom: 108px solid rgba(20, 71, 136, 0.85);
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.solid-menus .sweepTriangle-1-caption:before {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .sweepTriangle-1-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .sweepTriangle-2-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.solid-menus .sweepTriangle-2-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .sweepTriangle-3-caption:before {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .sweepTriangle-3-caption:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .sweepTriangle-4-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.solid-menus .sweepTriangle-4-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.solid-menus .sweepTriangle-5-caption:before {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

.solid-menus .sweepTriangle-5-caption:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.solid-menus .sweepTriangle-6-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

.solid-menus .sweepTriangle-6-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.solid-menus .sweepTriangle-1-caption:before,
.solid-menus .sweepTriangle-1-caption:after,
.solid-menus .sweepTriangle-2-caption:before,
.solid-menus .sweepTriangle-2-caption:after {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}

.solid-menus .sweepTriangle-3-caption:before,
.solid-menus .sweepTriangle-3-caption:after,
.solid-menus .sweepTriangle-4-caption:before,
.solid-menus .sweepTriangle-4-caption:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.solid-menus .zoomIn-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  opacity: 0;
}

.solid-menus .zoomOut-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.solid-menus .zoomInRotate-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(360deg) scale(10);
  -moz-transform: rotate(360deg) scale(10);
  -ms-transform: rotate(360deg) scale(10);
  -o-transform: rotate(360deg) scale(10);
  transform: rotate(360deg) scale(10);
  opacity: 0;
}

.solid-menus ul[class*="overlay-blocks-"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.solid-menus ul[class*="overlay-blocks-"] li {
  width: 100%;
  height: 33.33%;
  padding: 0.15em 0 0.15em 0;
  text-align: center;
  background: rgba(20, 71, 136, 0.85);
  opacity: 0;
  -webkit-transition: -webkit-transform 1s ease-in-out, opacity 1s ease;
  transition: -webkit-transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: -moz-transform 1s ease-in-out, opacity 1s ease;
  -o-transition: -o-transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease;
}

.solid-menus .overlay-blocks-swivel-right li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}

.solid-menus .overlay-blocks-swivel-right li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}

.solid-menus .overlay-blocks-swivel-right li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}

.solid-menus .overlay-blocks-swivel-left li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}

.solid-menus .overlay-blocks-swivel-left li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}

.solid-menus .overlay-blocks-swivel-left li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}

.solid-menus .overlay-blocks-swivel-alternate li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}

.solid-menus .overlay-blocks-swivel-alternate li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}

.solid-menus .overlay-blocks-swivel-alternate li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}

.solid-menus .overlay-blocks-blinds-top li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-top li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-top li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-bottom li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-bottom li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-bottom li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.solid-menus .overlay-blocks-blinds-450 li:first-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}

.solid-menus .overlay-blocks-blinds-450 li:nth-child(2) {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}

.solid-menus .overlay-blocks-blinds-450 li:last-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}

.solid-menus .overlay-blocks-flaps-top li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-top li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-top li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-bottom li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-bottom li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-bottom li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}

.solid-menus .overlay-blocks-flaps-twist li:first-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}

.solid-menus .overlay-blocks-flaps-twist li:nth-child(2) {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}

.solid-menus .overlay-blocks-flaps-twist li:last-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}

.solid-menus .overlay-software ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.solid-menus .overlay-software li {
  opacity: 0;
  background: #824d06;
  -webkit-transition: -webkit-transform 1s ease, opacity 0.5s ease-in-out;
  transition: -webkit-transform 1s ease, opacity 0.5s ease-in-out;
  -moz-transition: -moz-transform 1s ease, opacity 0.5s ease-in-out;
  -o-transition: -o-transform 1s ease, opacity 0.5s ease-in-out;
  transition: transform 1s ease, opacity 0.5s ease-in-out;
  padding: 0.15em 0;
  z-index: 100000;
}

.solid-menus .overlay-software-1 li:first-child {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-1 li:last-child {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-2 li:first-child {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-2 li:last-child {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-3 li:first-child {
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-3 li:last-child {
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-4 li:first-child {
  -webkit-transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  -moz-transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-4 li:last-child {
  -webkit-transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  -moz-transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-5 li:first-child {
  -webkit-transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  -moz-transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-5 li:last-child {
  -webkit-transform: rotateY(180deg) translate3d(100%, 50%, 0);
  -moz-transform: rotateY(180deg) translate3d(100%, 50%, 0);
  transform: rotateY(180deg) translate3d(100%, 50%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-6 li:first-child {
  -webkit-transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  -moz-transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-6 li:last-child {
  -webkit-transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  -moz-transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-7 li:first-child {
  -webkit-transform: rotateX(180deg) translate(10%, 100%);
  -moz-transform: rotateX(180deg) translate(10%, 100%);
  transform: rotateX(180deg) translate(10%, 100%);
}

.solid-menus .overlay-software-7 li:last-child {
  -webkit-transform: rotateX(-180deg) translate(-10%, -100%);
  -moz-transform: rotateX(-180deg) translate(-10%, -100%);
  transform: rotateX(-180deg) translate(-10%, -100%);
}

.solid-menus .overlay-software-8 li:first-child {
  -webkit-transform: rotateY(-180deg) translate(10%, 100%);
  -moz-transform: rotateY(-180deg) translate(10%, 100%);
  transform: rotateY(-180deg) translate(10%, 100%);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-8 li:last-child {
  -webkit-transform: rotateY(180deg) translate(-10%, -100%);
  -moz-transform: rotateY(180deg) translate(-10%, -100%);
  transform: rotateY(180deg) translate(-10%, -100%);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .overlay-software-9 li:first-child {
  -webkit-transform: rotateZ(180deg) translate(0%, 100%);
  -moz-transform: rotateZ(180deg) translate(0%, 100%);
  transform: rotateZ(180deg) translate(0%, 100%);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.solid-menus .overlay-software-9 li:last-child {
  -webkit-transform: rotateZ(180deg) translate(0%, -100%);
  -moz-transform: rotateZ(180deg) translate(0%, -100%);
  transform: rotateZ(180deg) translate(0%, -100%);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.solid-menus .slider-container {
  border: 1px solid #eaeaea;
  margin: 10px 10px 10px 0;
}

.solid-menus .slider-container:hover {
  cursor: pointer;
}

.solid-menus .slider-mask {
  overflow: hidden;
  position: relative;
}

.solid-menus .slider-images {
  width: 500%;
  position: relative;
  overflow: hidden;
  -webkit-animation: slide 20s ease infinite;
  -moz-animation: slide 20s ease infinite;
  -o-animation: slide 20s ease infinite;
  animation: slide 20s ease infinite;
}

.solid-menus .slider-images li {
  position: relative;
  float: left;
  width: 20%;
  padding: 3px;
}

.solid-menus .slider-images img {
  display: block;
}

.solid-menus .slider-images:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
@-moz-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
@-o-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;

  }
}
@keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
.solid-menus .pricing-container {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 1em;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  border-top: 1px solid #DFDFDF;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.solid-menus .pricing-container .pricing-header {
  background: white;
  color: black;
  font-size: 1.15em;
  padding: 0.75em;
}

.solid-menus .pricing-container .pricing-header .pricing-title {
  line-height: 1;
  margin: 0;
}

.solid-menus .pricing-container .pricing-body {
  position: relative;
  margin-bottom: 1em;
}

.solid-menus .pricing-container .pricing-body .pricing-content {
  color: white;
  font-weight: bold;
}

.solid-menus .pricing-container .pricing-body .pricing-content .pricing-block {
  padding: 1em;
  background: #e3ecf2;
  color: #2a3744;
}

.solid-menus .pricing-container .pricing-body .pricing-content .pricing-block .pricing-primary {
  font-size: 2.75em;
}

.solid-menus .pricing-container .pricing-body .pricing-content .pricing-block .pricing-secondary {
  vertical-align: top;
  font-size: 1.5em;
  line-height: 50px;
}

.solid-menus .pricing-container .pricing-list {
  padding: 0 1em;
}

.solid-menus .pricing-container .pricing-list li {
  font-size: 0.75em;
  text-align: left;
  border-bottom: 1px solid #ECECEC;
}

.solid-menus .pricing-container .pricing-footer {
  margin-top: 1em;
}

.solid-menus .pricing-container .pricing-footer a {
  padding: 0.25em 0.75em;
  color: white;
  font-size: 0.85em;
}

.solid-menus {
  /* main navigation */
  /* trigger-hover */
  /* trigger-click */
  /* home menu */
  /* side-menu-wide */
  /* full width */
  /* tab markers */
  /* dropdown */
  /* multi-drop */
  /* social  */
  /* buttons */
  /* image overlay animations, laptops */
  /* overlay social 1 */
  /* overlay-social-1-2 */
  /* overlay-social-2-2 */
  /* overlay-social-3 */
  /* threeD, netbooks */
  /* flipX */
  /* flip Y */
  /* flip Down */
  /* slides, monitors */
  /* sweep, monitors */
  /* zoom states */
  /* overlay-blocks */
  /* overlay-blocks-swivel-right */
  /* overlay-blocks-swivel-left */
  /* overlay-blocks-swivel-alternate */
  /* overlay-blocks-blinds-top */
  /* overlay-blocks-blinds-bottom */
  /* overlay-blocks-blinds-450 */
  /* overlay-blocks-flaps-top */
  /* overlay-blocks-flaps-bottom */
  /* overlay-blocks-flaps-twist */
  /* overlay-software-1 */
  /* overlay-software-1 */
  /* overlay-software-2 */
  /* overlay-software-3 */
  /* overlay-software-4 */
  /* overlay-software-5*/
  /* overlay-software-6*/
  /* overlay-software-7 */
  /* overlay-software-8*/
  /* overlay-software-9 */
}

.solid-menus .main-nav .drop-down > ul > li:hover,
.solid-menus .main-nav .multi-drop > ul > li:hover,
.solid-menus .main-nav .full-width ul.list li:hover,
.solid-menus .main-nav .social ul.l-vertical-list > li:hover {
  background: #222;
}

.solid-menus .main-nav .drop-down > ul > li:hover > a,
.solid-menus .main-nav .multi-drop > ul > li:hover > a,
.solid-menus .main-nav .full-width ul.list li:hover > a,
.solid-menus .main-nav .social > ul > li:hover > a,
.solid-menus .main-nav .social.social-inline ul.l-inline-list > li:hover a {
  -webkit-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-name: slideUp;
  -o-animation-name: slideUp;
  -moz-animation-name: slideUp;
  animation-name: slideUp;
  color: white;
}

.solid-menus .main-nav > li:hover > a {
  color: #ff3929;
  background: #0050a3;
}

.solid-menus .main-nav.trigger-hover > li:hover {
  background: #fff;
}

.solid-menus .main-nav.trigger-hover > li:hover .sub-menu-1 {
  display: block !important;
}

.solid-menus #navigation .main-nav > li.no-hover-bg:hover {
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.solid-menus #navigation .main-nav > li.no-hover-bg:hover > a {
  color: #fff;
}

.solid-menus #navigation .main-nav.trigger-click > li:hover {
  background: #f7f7f7;
}

.solid-menus #navigation .main-nav.trigger-click > li.is-click-active {
  background: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.solid-menus #navigation .main-nav.trigger-click > li.is-click-active.no-hover-bg {
  background: none !important;
}

.solid-menus #navigation .main-nav.trigger-click > li.is-click-active.no-hover-bg > a {
  color: white;
}

.solid-menus #navigation .main-nav.trigger-click > li.is-click-active > a {
  color: black;
}

.solid-menus #navigation .main-nav.trigger-click > li.is-click-active .sub-menu-1 {
  display: block;
}

.solid-menus .home-menu li.is-active a {
  -webkit-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: slideRight;
  -o-animation-name: slideRight;
  -moz-animation-name: slideRight;
  animation-name: slideRight;
  color: #fff;
}

.solid-menus .home-menu li.is-active a .link-text {
  color: #ff3929;
}

.solid-menus .home-menu .menu-links .link-text {
  color: #414141;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  text-transform: uppercase;
}

.solid-menus .home-menu li.is-active .tri-right {
  visibility: visible;
}

.solid-menus .side-menu-wide a:hover,
.solid-menus .side-menu-wide a:active,
.solid-menus .gallery a:hover,
.solid-menus .gallery a:active,
.solid-menus .tabs a:hover,
.solid-menus .tabs a:active,
.solid-menus .blog a:hover,
.solid-menus .blog a:active {
  color: #EA0E48;
}

.solid-menus .side-menu-wide [class*="-caption"] a:hover,
.solid-menus .side-menu-wide [class*="-caption"] a:active,
.solid-menus .side-menu-wide [class*="overlay-blocks"] a:hover,
.solid-menus .side-menu-wide [class*="overlay-blocks"] a:active {
  color: #ede656;
}

.solid-menus .category-list li:hover {
  border-bottom: 1px solid #E0E0E0;
}

.solid-menus .category-list li:last-child:hover {
  border-bottom: none;
}

.solid-menus .full-width ul.list > li:hover {
  background: #1F1F1F;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.solid-menus .tab-marker label:hover {
  cursor: pointer;
}

.solid-menus .tab-marker [type="radio"]:checked ~ label {
  background: #101010;
}

.solid-menus .tab-marker [type="radio"]:checked ~ .tab-content {
  display: block;
}

.solid-menus .drop-down > ul > li:hover {
  background: #222222;
}

.solid-menus .multi-drop > ul > li:hover {
  /* background: #121010; */
}

.solid-menus .multi-drop .has-sub-menu:hover > a > span + i {
  opacity: 0;
  padding-left: 4px;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.solid-menus .multi-drop > ul > li.has-sub-menu:hover > .sub-menu-2,
.solid-menus .multi-drop .sub-menu-2 ul > li.has-sub-menu:hover > .sub-menu-3,
.solid-menus .multi-drop .sub-menu-3 ul > li.has-sub-menu:hover > .sub-menu-4,
.solid-menus .multi-drop .sub-menu-4 ul > li.has-sub-menu:hover > .sub-menu-5,
.solid-menus .multi-drop .sub-menu-5 ul > li.has-sub-menu:hover > .sub-menu-6,
.solid-menus .multi-drop .sub-menu-6 ul > li.has-sub-menu:hover > .sub-menu-7 {
  display: block;
}

.solid-menus .side-menu ul li:hover {
  /* side menu on multi-drop */
  background: #222222;
}

.solid-menus .social > ul > li:hover {
  /* background: #121010; */
}

.solid-menus .social .l-vertical-list > li:hover > a {
  -webkit-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-name: slideUp;
  -o-animation-name: slideUp;
  -moz-animation-name: slideUp;
  animation-name: slideUp;
  color: white;
}

.solid-menus input:hover {
  border: 1px solid #b3b3b3;
}

.solid-menus input.no-hover:focus {
  border: 0;
  outline: 0;
}

.solid-menus input.no-hover:hover {
  border: 0;
}

.solid-menus .btn:hover {
  background: #2d2d2d;
  color: white;
  border: 0;
}

.solid-menus .image-container:hover,
.solid-menus .image-container-ov:hover {
  cursor: pointer;
}

.solid-menus div[class*="overlay-"]:hover .fa {
  opacity: 1;
}

.solid-menus div[class*="overlay-"]:hover .the_overlay {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.solid-menus div[class*="overlay-social"]:hover .fa {
  -webkit-transform: rotateZ(720deg);
  -moz-transform: rotateZ(720deg);
  transform: rotateZ(720deg);
}

.solid-menus .overlay-social-1:hover .fa-facebook,
.solid-menus .overlay-social-2:hover .fa-facebook {
  left: 0;
}

.solid-menus .overlay-social-1:hover .fa-twitter,
.solid-menus .overlay-social-2:hover .fa-twitter {
  left: 27%;
}

.solid-menus .overlay-social-1:hover .fa-google-plus,
.solid-menus .overlay-social-2:hover .fa-google-plus {
  left: 54%;
}

.solid-menus .overlay-social-1:hover .fa-pinterest,
.solid-menus .overlay-social-2:hover .fa-pinterest {
  left: 79%;
}

.solid-menus .overlay-social-1-2:hover .fa-pinterest {
  right: 0;
}

.solid-menus .overlay-social-1-2:hover .fa-google-plus {
  right: 27%;
}

.solid-menus .overlay-social-1-2:hover .fa-twitter {
  right: 53%;
}

.solid-menus .overlay-social-1-2:hover .fa-facebook {
  right: 79%;
}

.solid-menus .overlay-social-2-2:hover .fa-pinterest {
  right: 0;
}

.solid-menus .overlay-social-2-2:hover .fa-google-plus {
  right: 25px;
}

.solid-menus .overlay-social-2-2:hover .fa-twitter {
  left: 25px;
}

.solid-menus .overlay-social-2-2:hover .fa-facebook {
  left: 0;
}

.solid-menus .overlay-social-3:hover .social-list-left,
.solid-menus .overlay-social-3:hover .social-list-right {
  -webkit-transform: perspective(500px) rotateY(0deg);
  -moz-transform: perspective(500px) rotateY(0deg);
  transform: perspective(500px) rotateY(0deg);
  opacity: 1;
}

.solid-menus .overlay-social-3:hover .social-list-bottom {
  -webkit-transform: perspective(500px) rotateX(0deg);
  -moz-transform: perspective(500px) rotateX(0deg);
  transform: perspective(500px) rotateX(0deg);
  opacity: 1;
}

.solid-menus .overlay-social-3:hover .social-list-top {
  -webkit-transform: perspective(500px) rotateX(0deg);
  -moz-transform: perspective(500px) rotateX(0deg);
  transform: perspective(500px) rotateX(0deg);
  opacity: 1;
}

.solid-menus .overlay-social-3:hover .social-list-top-left,
.solid-menus .overlay-social-3:hover .social-list-bottom-left,
.solid-menus .overlay-social-3:hover .social-list-top-right,
.solid-menus .overlay-social-3:hover .social-list-bottom-right {
  -webkit-transform: perspective(500px) rotateZ(0deg);
  -moz-transform: perspective(500px) rotateZ(0deg);
  transform: perspective(500px) rotateZ(0deg);
  opacity: 1;
}

.solid-menus [class*="overlay-social"] .fa-facebook:hover {
  background: #3b5998;
}

.solid-menus [class*="overlay-social"] .fa-twitter:hover {
  background: #2aa9e0;
}

.solid-menus [class*="overlay-social"] .fa-instagram:hover {
  background: #AB7247;
}

.solid-menus [class*="overlay-social"] .fa-pinterest:hover {
  background: #cc2127;
}

.solid-menus [class*="overlay-social"] .fa-google-plus:hover {
  background: #dd4b39;
}

.solid-menus [class*="overlay-social"] .fa-vine:hover {
  background: #00bf8f;
}

.solid-menus [class*="overlay-social"] .fa-tumblr:hover {
  background: #56bc8a;
}

.solid-menus [class*="overlay-social"] .fa-flickr:hover {
  background: #5f4cc3;
}

.solid-menus div[class*="threeD-"]:hover i.fa,
.solid-menus div[class*="overlay-software"]:hover i.fa {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.solid-menus .threeD-flipX:hover > img {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.solid-menus .threeD-flipX:hover .flipX-caption {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.solid-menus .threeD-flipY:hover > img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.solid-menus .threeD-flipY:hover .flipY-caption {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*.solid-menus [class*="threeD-flip"]:hover > img,
.solid-menus [class*="threeD-bounce"]:hover > img,
.solid-menus [class*="threeD-stretch"]:hover > img,
.solid-menus [class*="threeD-rollIn"]:hover > img,
.solid-menus [class*="threeD-rotateIn"]:hover > img,
.solid-menus [class*="threeD-hinge"]:hover > img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.2s;
  -moz-transition: -moz-transform 0.8s, opacity 0.2s;
  -o-transition: -o-transform 0.8s, opacity 0.2s;
  transition: transform 0.8s, opacity 0.2s;
  opacity: 0;
}*/
.solid-menus .threeD-flipDown:hover .flipDown-caption,
.solid-menus .threeD-flipUp:hover .flipUp-caption,
.solid-menus .threeD-flipRight:hover .flipRight-caption,
.solid-menus .threeD-flipLeft:hover .flipLeft-caption {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}

.solid-menus .threeD-flipTopLeft:hover .flipTopLeft-caption {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 1;
}

.solid-menus .threeD-flipBottomRight:hover .flipBottomRight-caption {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 1;
}

.solid-menus .threeD-bounce:hover .bounce-caption {
  -webkit-animation: bounce 1s ease-in-out;
  -moz-animation: bounce 1s ease-in-out;
  -o-animation: bounce 1s ease-in-out;
  animation: bounce 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-bounce-2:hover .bounce-2-caption {
  -webkit-animation: bounce-2 1.2s ease-in-out;
  -moz-animation: bounce-2 1.2s ease-in-out;
  -o-animation: bounce-2 1.2s ease-in-out;
  animation: bounce-2 1.2s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-bounce-3:hover .bounce-3-caption {
  -webkit-animation: bounce-3 1s ease-in-out;
  -moz-animation: bounce-3 1s ease-in-out;
  -o-animation: bounce-3 1s ease-in-out;
  animation: bounce-3 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-stretch:hover .stretch-caption {
  -webkit-animation: stretch 1s ease-in-out;
  -moz-animation: stretch 1s ease-in-out;
  -o-animation: stretch 1s ease-in-out;
  animation: stretch 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-stretch-2:hover .stretch-2-caption {
  -webkit-animation: stretch-2 1s ease-in-out;
  -moz-animation: stretch-2 1s ease-in-out;
  -o-animation: stretch-2 1s ease-in-out;
  animation: stretch-2 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-stretch-3:hover .stretch-3-caption {
  -webkit-animation: stretch-3 1s ease-in-out;
  -moz-animation: stretch-3 1s ease-in-out;
  -o-animation: stretch-3 1s ease-in-out;
  animation: stretch-3 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rollIn:hover .rollIn-caption {
  -webkit-animation: rollIn 1s ease-in-out;
  -moz-animation: rollIn 1s ease-in-out;
  -o-animation: rollIn 1s ease-in-out;
  animation: rollIn 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rollIn-2:hover .rollIn-2-caption {
  -webkit-animation: rollIn-2 1s ease-in-out;
  -moz-animation: rollIn-2 1s ease-in-out;
  -o-animation: rollIn-2 1s ease-in-out;
  animation: rollIn-2 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rollIn-3:hover .rollIn-3-caption {
  -webkit-animation: rollIn-3 1s ease-in-out;
  -moz-animation: rollIn-3 1s ease-in-out;
  -o-animation: rollIn-3 1s ease-in-out;
  animation: rollIn-3 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rotateIn:hover .rotateIn-caption {
  -webkit-animation: rotateIn 1s ease-in-out;
  -moz-animation: rotateIn 1s ease-in-out;
  -o-animation: rotateIn 1s ease-in-out;
  animation: rotateIn 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rotateIn-2:hover .rotateIn-2-caption {
  -webkit-animation: rotateIn-2 1s ease-in-out;
  -moz-animation: rotateIn-2 1s ease-in-out;
  -o-animation: rotateIn-2 1s ease-in-out;
  animation: rotateIn-2 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-rotateIn-3:hover .rotateIn-3-caption {
  -webkit-animation: rotateIn-3 1s ease-in-out;
  -moz-animation: rotateIn-3 1s ease-in-out;
  -o-animation: rotateIn-3 1s ease-in-out;
  animation: rotateIn-3 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-hingeTop:hover .hingeTop-caption {
  -webkit-animation: hingeTop 1s ease-in-out;
  -moz-animation: hingeTop 1s ease-in-out;
  -o-animation: hingeTop 1s ease-in-out;
  animation: hingeTop 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-hingeBottom:hover .hingeBottom-caption {
  -webkit-animation: hingeBottom 1s ease-in-out;
  -moz-animation: hingeBottom 1s ease-in-out;
  -o-animation: hingeBottom 1s ease-in-out;
  animation: hingeBottom 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .threeD-hingeLeft:hover .hingeLeft-caption {
  -webkit-animation: hingeLeft 1s ease-in-out;
  -moz-animation: hingeLeft 1s ease-in-out;
  -o-animation: hingeLeft 1s ease-in-out;
  animation: hingeLeft 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
}

.solid-menus .slideDown:hover .slideDown-caption {
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideUp:hover .slideUp-caption {
  bottom: 8%;
  left: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideRight:hover .slideRight-caption {
  left: 0;
  bottom: 8%;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideLeft:hover .slideLeft-caption {
  right: 0;
  bottom: 8%;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideDiagonal-TL:hover .slideDiagonal-TL-caption {
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideDiagonal-TR:hover .slideDiagonal-TR-caption {
  top: 0;
  right: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideDiagonal-BL:hover .slideDiagonal-BL-caption {
  bottom: 8%;
  left: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .slideDiagonal-BR:hover .slideDiagonal-BR-caption {
  bottom: 8%;
  right: 0;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .sweepTopCenter:hover .sweepTopCenter-caption,
.solid-menus .sweepLeftCenter:hover .sweepTopCenter-caption,
.solid-menus .sweepCenterLeft:hover .sweepCenterLeft-caption {
  -webkit-box-shadow: 1px 1px 3px 1px #c3c3c3;
  -moz-box-shadow: 1px 1px 3px 1px #c3c3c3;
  box-shadow: 1px 1px 3px 1px #c3c3c3;
}

.solid-menus .sweepTopCenter:hover ul,
.solid-menus .sweepLeftCenter:hover ul,
.solid-menus .sweepCenterTop:hover ul,
.solid-menus .sweepCenterLeft:hover ul,
.solid-menus .sweepAlternate-H:hover ul,
.solid-menus .sweepAlternate-V:hover ul,
.solid-menus .sweepTriangle-1:hover ul,
.solid-menus .sweepTriangle-2:hover ul,
.solid-menus .sweepTriangle-3:hover ul,
.solid-menus .sweepTriangle-4:hover ul,
.solid-menus .sweepTriangle-5:hover ul,
.solid-menus .sweepTriangle-6:hover ul {
  opacity: 1;
  z-index: 10;
}

.solid-menus .sweepTopCenter:hover .sweepTopCenter-caption:before,
.solid-menus .sweepTopCenter:hover .sweepTopCenter-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.solid-menus .sweepLeftCenter:hover .sweepLeftCenter-caption:before,
.solid-menus .sweepLeftCenter:hover .sweepLeftCenter-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.solid-menus .sweepCenterTop:hover .sweepCenterTop-caption:before,
.solid-menus .sweepCenterTop:hover .sweepCenterTop-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.solid-menus .sweepCenterLeft:hover .sweepCenterLeft-caption:before,
.solid-menus .sweepCenterLeft:hover .sweepCenterLeft-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.solid-menus .sweepAlternate-H:hover .sweepAlternate-H-caption:before,
.solid-menus .sweepAlternate-H:hover .sweepAlternate-H-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.solid-menus .sweepAlternate-V:hover .sweepAlternate-V-caption:before,
.solid-menus .sweepAlternate-V:hover .sweepAlternate-V-caption:after {
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.solid-menus .sweepTriangle-1:hover .sweepTriangle-1-caption:before,
.solid-menus .sweepTriangle-1:hover .sweepTriangle-1-caption:after,
.solid-menus .sweepTriangle-2:hover .sweepTriangle-2-caption:before,
.solid-menus .sweepTriangle-2:hover .sweepTriangle-2-caption:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.solid-menus .sweepTriangle-3:hover .sweepTriangle-3-caption:before,
.solid-menus .sweepTriangle-3:hover .sweepTriangle-3-caption:after,
.solid-menus .sweepTriangle-4:hover .sweepTriangle-4-caption:before,
.solid-menus .sweepTriangle-4:hover .sweepTriangle-4-caption:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.solid-menus .sweepTriangle-5:hover .sweepTriangle-5-caption:before,
.solid-menus .sweepTriangle-5:hover .sweepTriangle-5-caption:after {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.solid-menus .sweepTriangle-6:hover .sweepTriangle-6-caption:before,
.solid-menus .sweepTriangle-6:hover .sweepTriangle-6-caption:after {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.solid-menus .zoomIn:hover .zoomIn-caption,
.solid-menus .zoomOut:hover .zoomOut-caption {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.solid-menus .zoomInRotate:hover .zoomInRotate-caption {
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel {
  top: 0;
  left: 0;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-right li:first-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-right li:nth-child(2) {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-right li:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-left li:first-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-left li:nth-child(2) {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-left li:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-alternate li:first-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-alternate li:nth-child(2) {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-swivel-alternate li:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-top li:first-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-top li:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-top li:last-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-bottom li:first-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-bottom li:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-bottom li:last-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-450 li:first-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-450 li:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-blinds-450 li:last-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-top li:first-child {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-top li:nth-child(2) {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-top li:last-child {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-bottom li:first-child {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-bottom li:nth-child(2) {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-bottom li:last-child {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-twist li:first-child {
  -webkit-transform: rotateZ(0deg) rotateX(0);
  -moz-transform: rotateZ(0deg) rotateX(0);
  transform: rotateZ(0deg) rotateX(0);
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-twist li:nth-child(2) {
  -webkit-transform: rotateZ(0deg) rotateX(0);
  -moz-transform: rotateZ(0deg) rotateX(0);
  transform: rotateZ(0deg) rotateX(0);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.solid-menus .overlay-blocks:hover .overlay-blocks-flaps-twist li:last-child {
  -webkit-transform: rotateZ(0deg) rotateX(0);
  -moz-transform: rotateZ(0deg) rotateX(0);
  transform: rotateZ(0deg) rotateX(0);
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 1;
}

.solid-menus div[class*="overlay-software"]:hover li {
  opacity: 1;
  -webkit-transition: -webkit-transform 1s ease, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease, opacity 1s ease-in-out;
  -o-transition: -o-transform 1s ease, opacity 1s ease-in-out;
  transition: transform 1s ease, opacity 1s ease-in-out;
}

.solid-menus .overlay-software:hover .overlay-software-1 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-1 li:last-child {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.solid-menus .overlay-software:hover .overlay-software-2 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-2 li:last-child {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.solid-menus .overlay-software:hover .overlay-software-3 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-3 li:last-child {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.solid-menus .overlay-software:hover .overlay-software-4 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-4 li:last-child {
  -webkit-transform: rotateX(0deg) translate3D(0, 0, 0);
  -moz-transform: rotateX(0deg) translate3D(0, 0, 0);
  transform: rotateX(0deg) translate3D(0, 0, 0);
}

.solid-menus .overlay-software:hover .overlay-software-5 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-5 li:last-child {
  -webkit-transform: rotateY(0deg) translate3D(0, 0, 0);
  -moz-transform: rotateY(0deg) translate3D(0, 0, 0);
  transform: rotateY(0deg) translate3D(0, 0, 0);
}

.solid-menus .overlay-software:hover .overlay-software-6 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-6 li:last-child {
  -webkit-transform: rotateX(0) rotateZ(0deg) translate3D(0, 0, 0);
  -moz-transform: rotateX(0) rotateZ(0deg) translate3D(0, 0, 0);
  transform: rotateX(0) rotateZ(0deg) translate3D(0, 0, 0);
}

.solid-menus .overlay-software:hover .overlay-software-7 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-7 li:last-child {
  -webkit-transform: rotateX(0deg) translate(0, 0);
  -moz-transform: rotateX(0deg) translate(0, 0);
  transform: rotateX(0deg) translate(0, 0);
}

.solid-menus .overlay-software:hover .overlay-software-8 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-8 li:last-child {
  -webkit-transform: rotateY(0deg) translate(0, 0);
  -moz-transform: rotateY(0deg) translate(0, 0);
  transform: rotateY(0deg) translate(0, 0);
}

.solid-menus .overlay-software:hover .overlay-software-9 li:first-child,
.solid-menus .overlay-software:hover .overlay-software-9 li:last-child {
  -webkit-transform: rotateZ(0deg) translate(0, 0);
  -moz-transform: rotateZ(0deg) translate(0, 0);
  transform: rotateZ(0deg) translate(0, 0);
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
/* hingeTop */
@-webkit-keyframes hingeTop {
  0% {
    -webkit-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateX(25deg);
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateX(10deg);
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@-moz-keyframes hingeTop {
  0% {
    -moz-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.3;
  }
  40% {
    -moz-transform: rotateX(25deg);
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    -moz-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@-o-keyframes hingeTop {
  0% {
    transform: rotateX(-85deg);
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.3;
  }
  40% {
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes hingeTop {
  0% {
    -webkit-transform: rotateX(-85deg);
    -moz-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateX(25deg);
    -moz-transform: rotateX(25deg);
    transform: rotateX(25deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateX(-25deg);
    -moz-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@-webkit-keyframes hingeBottom {
  0% {
    -webkit-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateX(25deg);
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateX(10deg);
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-moz-keyframes hingeBottom {
  0% {
    -moz-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.3;
  }
  40% {
    -moz-transform: rotateX(25deg);
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    -moz-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@-o-keyframes hingeBottom {
  0% {
    transform: rotateX(-85deg);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.3;
  }
  40% {
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes hingeBottom {
  0% {
    -webkit-transform: rotateX(-85deg);
    -moz-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateX(25deg);
    -moz-transform: rotateX(25deg);
    transform: rotateX(25deg);
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateX(-25deg);
    -moz-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
/* hingeLeft */
@-webkit-keyframes hingeLeft {
  0% {
    -webkit-transform: rotateY(-85deg);
    transform: rotateY(-85deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateY(25deg);
    transform: rotateY(25deg);
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateY(-25deg);
    transform: rotateY(-25deg);
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-moz-keyframes hingeLeft {
  0% {
    -moz-transform: rotateY(-85deg);
    transform: rotateY(-85deg);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0.3;
  }
  40% {
    -moz-transform: rotateY(25deg);
    transform: rotateY(25deg);
    opacity: 0.8;
  }
  60% {
    -moz-transform: rotateY(-25deg);
    transform: rotateY(-25deg);
    opacity: 0.9;
  }
  80% {
    -moz-transform: rotateY(10deg);
    transform: rotateY(10deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-o-keyframes hingeLeft {
  0% {
    transform: rotateY(-85deg);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0.3;
  }
  40% {
    transform: rotateY(25deg);
    opacity: 0.8;
  }
  60% {
    transform: rotateY(-25deg);
    opacity: 0.9;
  }
  80% {
    transform: rotateY(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateY(0);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes hingeLeft {
  0% {
    -webkit-transform: rotateY(-85deg);
    -moz-transform: rotateY(-85deg);
    transform: rotateY(-85deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0.3;
  }
  40% {
    -webkit-transform: rotateY(25deg);
    -moz-transform: rotateY(25deg);
    transform: rotateY(25deg);
    opacity: 0.8;
  }
  60% {
    -webkit-transform: rotateY(-25deg);
    -moz-transform: rotateY(-25deg);
    transform: rotateY(-25deg);
    opacity: 0.9;
  }
  80% {
    -webkit-transform: rotateY(10deg);
    -moz-transform: rotateY(10deg);
    transform: rotateY(10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
/* slide down */
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    opacity: 0.25;
  }
  50% {
    -moz-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
    opacity: 0.50;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slideDown {
  0% {
    transform: translate3d(0, -10%, 0);
    opacity: 0.25;
  }
  50% {
    transform: translate3d(0, 5%, 0);
    opacity: 0.50;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(0, 5%, 0);
    -moz-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* end slide down */
/* slideUp */
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    opacity: 0.25;
  }
  90% {
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    opacity: 0.25;
  }
  90% {
    -moz-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
    opacity: 0.75;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slideUp {
  0% {
    transform: translate3d(0, 25%, 0);
    opacity: 0.25;
  }
  90% {
    transform: translate3d(0, -5%, 0);
    opacity: 0.75;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    opacity: 0.25;
  }
  90% {
    -webkit-transform: translate3d(0, -5%, 0);
    -moz-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* slide Right */
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(-8%, 0, 0);
    transform: translate3d(-8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slideRight {
  0% {
    -moz-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
  }
  25% {
    -moz-transform: translate3d(-8%, 0, 0);
    transform: translate3d(-8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -moz-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slideRight {
  0% {
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
  }
  25% {
    transform: translate3d(-8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    transform: translate3d(-5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: translate3d(-10%, 0, 0);
    -moz-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(-8%, 0, 0);
    -moz-transform: translate3d(-8%, 0, 0);
    transform: translate3d(-8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(-5%, 0, 0);
    -moz-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* slide left */
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slideLeft {
  0% {
    -moz-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    opacity: 0;
  }
  25% {
    -moz-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -moz-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slideLeft {
  0% {
    transform: translate3d(10%, 0, 0);
    opacity: 0;
  }
  25% {
    transform: translate3d(8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    transform: translate3d(5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(8%, 0, 0);
    -moz-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
    opacity: 0.25;
  }
  50% {
    -webkit-transform: translate3d(5%, 0, 0);
    -moz-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
    opacity: 0.50;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* end slide left */
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.7;
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.7;
  }
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  60% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes pivotTopLeft {
  0% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-moz-keyframes pivotTopLeft {
  0% {
    -moz-transform-origin: left top;
    transform-origin: left top;
    -moz-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left top;
    transform-origin: left top;
    -moz-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-o-keyframes pivotTopLeft {
  0% {
    -o-transform-origin: left top;
    transform-origin: left top;
    transform: rotate3d(0, 0, 1, -5deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left top;
    transform-origin: left top;
    -o-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes pivotTopLeft {
  0% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -moz-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes recoil {
  0% {
    -webkit-transform: none;
    transform: none;
    opacity: 0.2;
  }
  15% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    opacity: 0.5;
  }
  75% {
    -webkit-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-moz-keyframes recoil {
  0% {
    -moz-transform: none;
    transform: none;
    opacity: 0.2;
  }
  15% {
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    opacity: 0.5;
  }
  75% {
    -moz-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    opacity: 0.75;
  }
  100% {
    -moz-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-o-keyframes recoil {
  0% {
    -o-transform: none;
    transform: none;
    opacity: 0.2;
  }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    opacity: 0.5;
  }
  75% {
    transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    opacity: 0.75;
  }
  100% {
    -o-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes recoil {
  0% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 0.2;
  }
  15% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
    opacity: 0.5;
  }
  75% {
    -webkit-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    -moz-transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 1deg);
    opacity: 0.75;
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* bounce */
@-webkit-keyframes bounce {
  0%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    z-index: 300;
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-moz-keyframes bounce {
  0%, 53%, 100% {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    z-index: 300;
  }
  40%, 43% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-o-keyframes bounce {
  0%, 53%, 100% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    z-index: 300;
  }
  40%, 43% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    transform: translate3d(0, -10px, 0);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes bounce {
  0%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    z-index: 300;
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
/* bounce-2 */
@-webkit-keyframes bounce-2 {
  0%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(0deg);
    transform: translate3d(0, -5px, 0) rotateZ(0deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -webkit-transform: translate3d(0, -10px, 0) rotateZ(5deg);
    transform: translate3d(0, -10px, 0) rotateZ(5deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-moz-keyframes bounce-2 {
  0%, 53%, 100% {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  40%, 43% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(0deg);
    transform: translate3d(0, -5px, 0) rotateZ(0deg);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -moz-transform: translate3d(0, -10px, 0) rotateZ(5deg);
    transform: translate3d(0, -10px, 0) rotateZ(5deg);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-o-keyframes bounce-2 {
  0%, 53%, 100% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  40%, 43% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0) rotateZ(0deg);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    transform: translate3d(0, -10px, 0) rotateZ(5deg);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes bounce-2 {
  0%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    -moz-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    -moz-transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    transform: translate3d(0, -10px, 0) rotateZ(-5deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(0deg);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(0deg);
    transform: translate3d(0, -5px, 0) rotateZ(0deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  90% {
    -webkit-transform: translate3d(0, -10px, 0) rotateZ(5deg);
    -moz-transform: translate3d(0, -10px, 0) rotateZ(5deg);
    transform: translate3d(0, -10px, 0) rotateZ(5deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
/* bounce-3 */
@-webkit-keyframes bounce-3 {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  30%, 50%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(5deg);
    transform: translate3d(0, -5px, 0) rotateZ(5deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  40%, 60%, 80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-moz-keyframes bounce-3 {
  0% {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  30%, 50%, 70% {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(5deg);
    transform: translate3d(0, -5px, 0) rotateZ(5deg);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  40%, 60%, 80% {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-o-keyframes bounce-3 {
  0% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  30%, 50%, 70% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -5px, 0) rotateZ(5deg);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  40%, 60%, 80% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes bounce-3 {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    -moz-transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    transform: translate3d(-3px, -16px, 0) rotateZ(-1deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 300;
  }
  30%, 50%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(5deg);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(5deg);
    transform: translate3d(0, -5px, 0) rotateZ(5deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  40%, 60%, 80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    -moz-transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    transform: translate3d(0, -5px, 0) rotateZ(-3deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    -moz-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-webkit-keyframes stretch {
  11.1% {
    -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.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes stretch {
  11.1% {
    -moz-transform: none;
    transform: none;
  }
  22.2% {
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -moz-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
  100% {
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes stretch {
  11.1% {
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
  100% {
    -o-transform: none;
    transform: none;
  }
}
@keyframes stretch {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    -moz-transform: skewX(0.39063deg) skewY(0.39063deg);
    -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
/* stretch-2 */
@-webkit-keyframes stretch-2 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes stretch-2 {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -moz-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -moz-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -moz-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes stretch-2 {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes stretch-2 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* stretch-3 */
@-webkit-keyframes stretch-3 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.65, 0.75, 1);
    transform: scale3d(0.65, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 0.85, 1);
    transform: scale3d(0.85, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.75, 1.05, 1);
    transform: scale3d(0.75, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes stretch-3 {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -moz-transform: scale3d(0.65, 0.75, 1);
    transform: scale3d(0.65, 0.75, 1);
  }
  40% {
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -moz-transform: scale3d(0.85, 0.85, 1);
    transform: scale3d(0.85, 0.85, 1);
  }
  65% {
    -moz-transform: scale3d(0.75, 1.05, 1);
    transform: scale3d(0.75, 1.05, 1);
  }
  75% {
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes stretch-3 {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(0.65, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(0.85, 0.85, 1);
  }
  65% {
    transform: scale3d(0.75, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes stretch-3 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.65, 0.75, 1);
    -moz-transform: scale3d(0.65, 0.75, 1);
    transform: scale3d(0.65, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 0.85, 1);
    -moz-transform: scale3d(0.85, 0.85, 1);
    transform: scale3d(0.85, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.75, 1.05, 1);
    -moz-transform: scale3d(0.75, 1.05, 1);
    transform: scale3d(0.75, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* rollIn */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
    transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
    transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
    -moz-transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
    transform: translate3d(0, -50%, 0) rotate3d(2, 1, 1, 110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rollIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
    transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rollIn-2 {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
    transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rollIn-2 {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rollIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
    -moz-transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
    transform: translate3d(-50%, 0, 0) rotate3d(0, 2, 1, -110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rollIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
    transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rollIn-3 {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
    transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rollIn-3 {
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rollIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
    -moz-transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
    transform: translate3d(0, 50%, 0) rotate3d(2, 1, 1, -110deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
    -moz-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rotateIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rotateIn-2 {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rotateIn-2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rotateIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
    -moz-transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
    transform: translate3d(0, 10%, 0) rotate3d(1, 1, 6, -360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rotateIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
    transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes rotateIn-3 {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
    transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes rotateIn-3 {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes rotateIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
    -moz-transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
    transform: translate3d(0, -10%, 0) rotate3d(5, 3, 6, 360deg) scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes swivel {
  0% {
    -webkit-transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
    transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
  }
  100% {
    -webkit-transform: rotateZ(0) rotateY(0) rotateX(0);
    transform: rotateZ(0) rotateY(0) rotateX(0);
  }
}
@-moz-keyframes swivel {
  0% {
    -moz-transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
    transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
  }
  100% {
    -moz-transform: rotateZ(0) rotateY(0) rotateX(0);
    transform: rotateZ(0) rotateY(0) rotateX(0);
  }
}
@-o-keyframes swivel {
  0% {
    transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
  }
  100% {
    transform: rotateZ(0) rotateY(0) rotateX(0);
  }
}
@keyframes swivel {
  0% {
    -webkit-transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
    -moz-transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
    transform: rotateZ(80deg) rotateY(70deg) rotateX(120deg);
  }
  100% {
    -webkit-transform: rotateZ(0) rotateY(0) rotateX(0);
    -moz-transform: rotateZ(0) rotateY(0) rotateX(0);
    transform: rotateZ(0) rotateY(0) rotateX(0);
  }
}
/* animation classes */
.animation-fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.animation-hingeTop {
  -webkit-animation-name: hingeTop;
  -moz-animation-name: hingeTop;
  -o-animation-name: hingeTop;
  animation-name: hingeTop;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: .5s;
}

.animation-hingeLeft {
  -webkit-animation-name: hingeLeft;
  -o-animation-name: hingeLeft;
  -moz-animation-name: hingeLeft;
  animation-name: hingeLeft;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-slideUp {
  -webkit-animation-name: slideUp;
  -o-animation-name: slideUp;
  -moz-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-slideDown {
  -webkit-animation-name: slideDown;
  -o-animation-name: slideDown;
  -moz-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-slideLeft {
  -webkit-animation-name: slideLeft;
  -o-animation-name: slideLeft;
  -moz-animation-name: slideLeft;
  animation-name: slideLeft;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.animation-slideRight {
  -webkit-animation-name: slideRight;
  -o-animation-name: slideRight;
  -moz-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.animation-zoomIn {
  -webkit-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-pivotTopLeft {
  -webkit-animation-name: pivotTopLeft;
  -o-animation-name: pivotTopLeft;
  -moz-animation-name: pivotTopLeft;
  animation-name: pivotTopLeft;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-recoil {
  -webkit-animation-name: recoil;
  -o-animation-name: recoil;
  -moz-animation-name: recoil;
  animation-name: recoil;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animation-swivel {
  -webkit-animation-name: swivel;
  -moz-animation-name: swivel;
  -o-animation-name: swivel;
  animation-name: swivel;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.solid-menus .theme-margin-top {
  margin-top: 1em;
}

.solid-menus .theme-margin-right {
  margin-right: 1em;
}

.solid-menus .theme-margin-bottom {
  margin-bottom: 1em;
}

.solid-menus .theme-margin-bottom-2x {
  margin-bottom: 2em;
}

.solid-menus .theme-header-background {
  background: #1F1E1E;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media (max-width: 968px) {
  div#wrapper {
    width: 660px;
    font-size: 110%;
  }

  .solid-menus {
    /* absolutely positioned sub-menus, cover other menus */
    /* non absolutely position sub-menus, does not cover other menus */
    /* home-menu */
    /* drop-down (About) */
    /* multi-drop (Services) */
    /* cols */
    /* gallery (Best Deals) */
    /* tabs (Brands) */
    /* social (Social) */
    /* blog */
    /* theme-changer */
  }

  .solid-menus div#navigation {
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none !important;
  }

  .solid-menus #navigation .main-nav,
  .solid-menus #navigation .main-nav ul {
    padding: 0;
  }

  .solid-menus #navigation .main-nav > li {
    background: #222;
    position: relative;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
  }

  .solid-menus #navigation .main-nav.trigger-hover > li:nth-child(1n+2):hover > a,
  .solid-menus #navigation .main-nav.trigger-click > li.is-click-active:nth-child(1n+2) > a {
    background: #898989;
    color: white;
  }

  .solid-menus #navigation .main-nav > li#menu {
    background: #121111;
    display: block;
  }

  .solid-menus #navigation .main-nav > li#menu a {
    text-shadow: none;
    color: white;
  }

  .solid-menus #navigation .main-nav.main-nav-first-only > li:nth-child(1n+2) {
    display: none !important;
  }

  .solid-menus #navigation .main-nav.trigger-hover > li:hover .sub-menu-1,
  .solid-menus #navigation .main-nav.trigger-click > li.is-click-active .sub-menu-1 {
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 15;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
  }

  .solid-menus #navigation .main-nav.uncover.trigger-hover > li:hover .sub-menu-1,
  .solid-menus #navigation .main-nav.uncover.trigger-click > li.is-click-active .sub-menu-1 {
    position: static;
    top: 0;
    left: 0;
    display: block;
  }

  .solid-menus #navigation .main-nav.trigger-hover > li.is-not-active > a > i {
    -webkit-transform: rotateZ(0) !important;
    -moz-transform: rotateZ(0) !important;
    transform: rotateZ(0) !important;
  }

  .solid-menus #navigation .main-nav.trigger-hover > li.is-not-active .sub-menu-1 {
    display: none !important;
  }

  .solid-menus #navigation .main-nav > li:hover > a {
    color: #fff;
  }

  .solid-menus #navigation .main-nav.trigger-click > li:nth-child(1n+2):hover > a {
    background: #808080;
  }

  .solid-menus #navigation .main-nav.trigger-hover > li:nth-child(1n+2):hover > a > i,
  .solid-menus #navigation .main-nav.trigger-click > li.is-click-active > a > i {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }

  .solid-menus #navigation .main-nav.trigger-hover > li > a > i {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  .solid-menus #navigation .main-nav > li#menu:hover > a {
    border: 0;
  }

  .solid-menus #navigation .main-nav > li > a > i[class^="fa"] {
    position: absolute;
    top: 13px;
    right: 15px;
  }

  .solid-menus #navigation .main-nav .sub-menu-1 {
    width: 100%;
    position: static;
    padding: 1.25em 1em !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    border: 1px solid gray;
    background: white !important;
  }

  .solid-menus #navigation .main-nav .side-menu-wide {
    display: none;
  }

  .solid-menus .main-nav .home-menu {
    padding: 0;
    border: 0;
  }

  .solid-menus .main-nav .home-menu > ul > li {
    width: 25%;
    margin: 0 0 1% 0;
    float: left;
    text-align: center;
  }

  .solid-menus .main-nav .home-menu > ul > li a,
  .solid-menus .main-nav .home-menu > ul > li span {
    display: block;
    text-align: center;
  }

  .solid-menus .main-nav .home-menu > ul > li i {
    margin: 0.15em 0;
  }

  .solid-menus .main-nav .home-menu > ul > li:hover a {
    color: white;
  }

  .solid-menus .main-nav .sub-menu-1.drop-down > ul > li {
    width: 33.33%;
    margin: 0 0 1.1% 0;
    float: left;
  }

  .solid-menus .main-nav li.has-sub-menu {
    padding-right: 0;
  }

  .solid-menus .main-nav .side-menu {
    background: #fafafa;
    padding: 1em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: static;
  }

  .solid-menus .main-nav .sub-menu-2,
  .solid-menus .main-nav .sub-menu-3,
  .solid-menus .main-nav .sub-menu-4,
  .solid-menus .main-nav .sub-menu-5,
  .solid-menus .main-nav .sub-menu-6,
  .solid-menus .main-nav .sub-menu-7 {
    margin-bottom: 1em;
    padding: 1em;
  }

  .solid-menus .main-nav .sub-menu-2 {
    border: 1px solid #d2d2d2;
  }

  .solid-menus .main-nav .sub-menu-3,
  .solid-menus .main-nav .sub-menu-4,
  .solid-menus .main-nav .sub-menu-5,
  .solid-menus .main-nav .sub-menu-6,
  .solid-menus .main-nav .sub-menu-7 {
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
  }

  .solid-menus #navigation .main-nav .side-menu a {
    padding-left: 0.85em;
  }

  .solid-menus .l-four-cols > li {
    width: 48%;
    margin-right: 1%;
  }

  .solid-menus .l-five-cols > li {
    width: 31%;
    margin-right: 1.5%;
  }

  .solid-menus .l-six-cols > li {
    width: 24%;
    margin-right: 1.25%;
  }

  .solid-menus .l-six-cols > li:nth-child(4n+4) {
    margin-right: 0;
  }

  .solid-menus .main-nav .full-width .slider-images li {
    padding: 3px !important;
  }

  .solid-menus .main-nav .full-width > ul > li {
    padding: 0;
    float: left;
    border: 0;
  }

  .solid-menus .full-width .list > li:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .solid-menus #navigation .main-nav .sub-menu-1.gallery {
    padding: 1.5em;
  }

  .solid-menus #navigation .main-nav .gallery .simple-list-numbered {
    padding-left: 2em;
  }

  .solid-menus #navigation .main-nav .sub-menu-1.tabs {
    padding: 1em;
  }

  .solid-menus .main-nav .tabs .tab-marker label {
    -webkit-transform: translateY(0);
  }

  .solid-menus .main-nav .tabs .tab-marker [type="radio"]:checked ~ label,
  .solid-menus .main-nav .tabs .tab-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .solid-menus .main-nav .tab-marker.tab-marker-flex {
    display: block;
  }

  .solid-menus .main-nav .tabs .tab-menu td li {
    width: 100%;
    margin-bottom: 4px;
  }

  .solid-menus .main-nav .tabs .tab-content {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #e4e4e4;
  }

  .solid-menus .main-nav .social > ul > li {
    width: 48%;
    margin: 0 0 0 1.5%;
    float: left;
  }

  .solid-menus .main-nav .social-inline > ul > li {
    width: 100%;
    white-space: normal !important;
  }

  .solid-menus .main-nav .social.social-inline ul.l-inline-list > li {
    min-width: 24%;
  }

  .solid-menus #navigation .main-nav .sub-menu-1.blog,
  .solid-menus #navigation .main-nav .sub-menu-1.sign-up {
    padding: 1.5em;
  }

  .solid-menus span.tri-right {
    display: none;
  }

  .solid-menus #pricing-section .l-four-cols > li {
    width: 49%;
    margin-right: 2%;
  }

  .solid-menus #pricing-section .l-four-cols > li:nth-child(2n+2) {
    margin-right: 0;
  }

  .solid-menus .pricing-container .pricing-list li {
    padding: 0 1em !important;
  }

  .solid-menus #theme-changer {
    display: none;
  }

  .solid-menus #book-category-section #book-category {
    display: block;
    width: 100%;
  }

  .solid-menus #book-category-section .tab-marker {
    display: none;
  }
}
@media (max-width: 660px) {
  div#wrapper {
    width: 460px;
  }

  .solid-menus {
    /* home-menu */
    /* cols */
    /* full-width (Partners) */
    /* tabs, four cols to two cols */
    /* gallery */
  }

  .solid-menus .main-nav td.home-menu > ul > li,
  .solid-menus .main-nav div.sub-menu-1.drop-down > ul > li,
  .solid-menus .main-nav div.social > ul > li {
    width: 48%;
    text-align: left;
    margin: 0 1% 1% 0;
    padding: 0.1em 0;
    float: left;
  }

  .solid-menus #navigation .main-nav td.home-menu > ul > li a,
  .solid-menus #navigation .main-nav td.home-menu > ul > li span {
    display: inline-block;
  }

  .solid-menus #navigation .main-nav td.home-menu > ul > li span.link-text {
    margin-left: 0.75em;
  }

  .solid-menus .l-five-cols > li {
    width: 100% !important;
  }

  .solid-menus .l-six-cols > li {
    width: 49% !important;
    margin-right: 1%;
  }

  .solid-menus .main-nav div.full-width > ul > li {
    border-right: 0;
  }

  .solid-menus .main-nav div.tabs td.tab-content ul.l-four-cols > li {
    /* 4 cols to 2 cols */
    width: 45%;
    margin: 0 3% 2% 0.75%;
  }

  .solid-menus .main-nav div.tabs tr.tab-menu td li {
    width: 100%;
  }

  .solid-menus .main-nav div.gallery .l-two-third-col-r {
    width: 100%;
  }

  .solid-menus .main-nav div.gallery .l-one-third-col-r {
    width: 100%;
  }

  .solid-menus .main-nav div.tabs td.tab-content ul.l-two-cols > li,
  .solid-menus .main-nav div.tabs td.tab-content ul.l-three-cols > li {
    width: 100%;
  }

  .solid-menus #book-category-content .panel {
    min-height: 365px;
  }

  .solid-menus #book-category-content .book-author {
    font-size: 90%;
  }
}
@media (max-width: 520px) {
  div#wrapper {
    width: 420px;
  }

  .solid-menus {
    /* home-menu, dropdown */
  }

  .solid-menus .main-nav ul.l-two-cols > li,
  .solid-menus .main-nav ul.l-three-cols > li,
  .solid-menus .main-nav ul.l-four-cols > li,
  .solid-menus .main-nav ul.l-five-cols > li,
  .solid-menus .main-nav ul.l-six-cols > li,
  .solid-menus .main-nav ul.l-table-cell > li,
  .solid-menus .main-nav td.home-menu > ul > li,
  .solid-menus .main-nav div.sub-menu-1.drop-down > ul > li,
  .solid-menus .main-nav div.sub-menu-2.side-menu > ul > li,
  .solid-menus .main-nav div.gallery .l-three-cols li,
  .solid-menus .main-nav div.social > ul > li,
  .solid-menus .main-nav div.tabs td.tab-content ul.l-four-cols > li {
    width: 100% !important;
  }

  .solid-menus #navigation .home-menu {
    padding: 0;
  }

  .solid-menus #navigation .main-nav .full-width > ul > li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    font-size: 105%;
  }

  .solid-menus #navigation .main-nav .full-width ul.list > li:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .solid-menus .main-nav .gallery .l-three-cols li {
    margin: 0 0 1.5% 0;
  }

  .solid-menus .tabs .tab-content img {
    width: 100%;
    margin-bottom: 1em;
  }

  .solid-menus .main-nav .social.social-inline ul.l-inline-list > li {
    display: block;
  }

  .solid-menus .btn.btn-min-width {
    width: 100% !important;
  }

  .solid-menus h6 {
    font-size: 102% !important;
  }
}
@media (max-width: 414px) {
  div#wrapper {
    width: 360px;
  }

  .solid-menus .category-list > li {
    padding-left: 0 !important;
  }
}
@media (max-width: 360px) {
  div#wrapper {
    width: 300px;
  }

  .solid-menus .main-nav .sub-menu-3,
  .solid-menus .main-nav .sub-menu-4,
  .solid-menus .main-nav .sub-menu-5,
  .solid-menus .main-nav .sub-menu-6,
  .solid-menus .main-nav .sub-menu-7 {
    padding: 0.5em;
  }

  .solid-menus .multi-drop .has-sub-menu .menu-links {
    padding: 0.2em 0.15em 0 1em;
  }

  .solid-menus .multi-drop > ul > li > .menu-links {
    padding-left: 1em;
  }

  .solid-menus .multi-drop .has-sub-menu .sub-menu-4 .menu-links,
  .solid-menus .multi-drop .has-sub-menu .sub-menu-5 .menu-links,
  .solid-menus .multi-drop .has-sub-menu .sub-menu-6 .menu-links,
  .solid-menus .multi-drop .has-sub-menu .sub-menu-7 .menu-links {
    margin-left: -5px;
  }

  .solid-menus h6 {
    font-size: 103% !important;
  }

}
@media (max-width: 213px) {
  div#wrapper {
    width: 207px;
  }

  .solid-menus .main-nav .full-width > ul > li {
    width: 100%;
    margin-left: -1em;
    padding-left: 0;
  }
}
/*
footer
-----------*/
footer {
  padding: 50px 0 0;
  background-color: #fff;
background-image: url("https://cdn8.bigcommerce.com/s-1v84crmgo4/product_images/uploaded_images/footer-blur-bg.jpg");
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: repeat;
    background-repeat-y: repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
box-shadow: 0 3px 7px 5px red;
}
footer .left {
  float: left;
  width: 50%;
}
footer .right {
  float: right;
  width: 40%;
}
footer .footer-holder {
  width: 100%;
  background: #ff3929;
  padding: 20px 0 15px;
}
footer .m-container .footer-left {
  display: inline-block;
  float: left;
  max-width: 60%;
}
footer .m-container .footer-right {
  display: inline-block;
  float: right;
  max-width: 40%;
}
footer .m-container .globalFooter {
  float: right;
  margin-top: 20px;
  max-width: 100%;
  overflow: hidden;
}
footer .m-container .globalFooter img {
  max-width: 100%;
}
footer .m-container .copyright {
  font-size: 12px;
  text-align: left;
  color: #fff;
  line-height: 25px;
}
footer .m-container .copyright a {
  color: #fff;
}
@media (max-width: 767px) {
  footer .m-container {
    padding-left: 0;
    padding-right: 0;
  }
  footer .m-container .footer-left,
  footer .m-container .footer-right {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  footer .m-container .footer-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .m-container .globalFooter {
    display: block;
    float: none;
  }
  footer .m-container .copyright {
    text-align: center;
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  footer {
    padding: 0;
  }
  footer .left {
    float: none;
    width: 100%;
  }
  footer .right {
    float: none;
    width: 100%;
    padding: 30px 0 0;
  }
}

/*
Extra pages
----------------*/
.footer-widgets {
  padding: 0 0 30px;
}

.footer-widget {
  display: inline-block;
  float: none;
  width: 100%;
  margin-right: 0;
}
.footer-widget.newsletter-widget {
  width: 100%;
  max-width: 410px;
  margin-right: 0;
  float: right;
}
.footer-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-widget ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-widget ul > li:first-child a {
  /*padding: 0 10px 0 0;*/
}
.footer-widget ul > li:last-child a {
  /*padding: 0 0 0 10px;*/
}
.footer-widget ul > li {
  margin-bottom: 0px;
  display: inline-block;
  width: 45%;
}
.footer-widget ul > li > a {
  color: #005aad;
  text-decoration: none;
  padding: 0 10px;
  font-weight: 600;
  font-size: 15px;
line-height: 30px;
text-shadow: 1px 3px 10px red;
}
.footer-widget ul > li > a:hover {
  color: #fff;
text-shadow: 1px 3px 10px #fff;
}
@media (max-width: 1023px) {
  .footer-widget ul > li {
    width: 100%;
  }
  .footer-widget ul > li:last-child a, .footer-widget ul > li:first-child a {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .footer-widget ul {
    /*display: none;*/
  }
  .footer-widget ul > li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
}
.footer-widget .footer-widget-heading {
  color: #ff3929;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .footer-widget .footer-widget-heading {
    color: #fff;
    background: #ff3929;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 10px;
  }
  .footer-widget .footer-widget-heading:before {
    content: "+";
    margin-right: 5px;
  }
  .footer-widget .footer-widget-heading.open:before {
    content: "\2013";
  }
}
@media (max-width: 767px) {
  .footer-widget, .footer-widget.newsletter-widget {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
  }
}

/*
Mailing List
-----------------*/
.mailinglist {
  margin-top: 0;
}
@media (max-width: 767px) {
  .mailinglist {
    padding-left: 20px;
    padding-right: 20px;
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mailinglist_text {
  color: #005aad;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 15px;
}

.mailinglist-form {
  position: relative;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc;
}

.mailinglist-txt {
  border: none;
  height: 45px;
  width: 100%;
  color: #323232;
  padding: 10px 50px 10px 15px;
}

.mailinglist-btn {
  position: absolute;
  width: auto;
  border: none;
  height: 100%;
  color: #fff;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #005aad;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mailinglist-btn:hover {
  border-left: 1px solid #ff3929;
  background: #ff3929;
}

.mailinglist-options {
  margin-top: 15px;
}

.mailinglist-subscribe {
  line-height: 1;
  margin-right: 10px;
  font-size: 11px;
color: #005aad;
}

.mailinglist-subscribe input[type="radio"] {
  margin: 0;
  margin-right: 5px;
  float: left;
}

.search-area {
  float: right;
  width: 542px;
}
@media (max-width: 1300px) {
  .search-area {
    width: 100%;
  }
}

.searchBox {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
@media (max-width: 767px) {
  .searchBox {
    display: none;
  }
}

.search-text {
  margin: 0;
  width: 100%;
  height: 60px;
  padding: 10px 70px 10px 20px;
  font-size: 17px;
  border: 1px solid #b2b2b2;
  color: #999999;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}

.search-btn {
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: none;
  width: 60px;
  font-size: 18px;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
  background: url(../images/search-icon.png) no-repeat center center, url(../images/search-btn-line.jpg) no-repeat left center;
}
.search-btn:hover {
  color: #ff3929;
}

.m-search-area {
  position: fixed;
  width: 300px;
  height: 140px;
  top: 100px;
  left: 0;
  right: 0;
  bottom: auto;
  margin: auto;
  background: #A9A9A9;
  z-index: 500;
  display: none;
}
.m-search-area .search-area {
  width: 250px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 34px;
}
.m-search-area .search-area .searchBox {
  display: block;
}
.m-search-area .mob-search-close {
  color: #fff;
  font-size: 24px;
  padding: 5px;
  text-align: right;
}
.m-search-area .mob-search-close i {
  cursor: pointer;
}

/*******************************************************/
/*       Social Icons     */
/*******************************************************/
.social-icons {
  padding-top: 25px;
  text-align: left;
}
@media (max-width: 767px) {
  .social-icons {
    text-align: center;
  }
}

.social-icons a {
  text-decoration: none;
  color: #005aad;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  background-image: none;
  background: none;
  border-radius: 0;
  float: none;
  width: 24px;
  height: 24px;
  font-size: 22px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icons span {
  display: inline-block;
  line-height: 40px;
}
@media (max-width: 767px) {
  .social-icons span {
    display: none;
  }
}
.social-icons span:after {
  content: "|";
  margin: 0 6px;
}

.social-icons a:first-child {
  margin-left: 0;
}

.social-icons a:hover {
  opacity: 0.8;
  background: none;
  text-decoration: none;
}

.social-icons a.facebook:after {
  content: '\e81b';
}

.social-icons a.twitter:after {
  content: '\e817';
}

.social-icons a.gplus:after {
  content: '\e819';
}

.social-icons a.youtube:after {
  content: '\e818';
}

.social-icons a.pinterest:after {
  content: '\e815';
}

.social-icons a.instagram:after {
  content: '\e813';
}

.social-icons a.tumblr:after {
  content: '\e816';
}

.social-icons a.blog:after {
  content: '\e809';
}

/*********************************/
/*Top Sellers + New releases */
/*********************************/
.Tsellers-section {
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px;
  background: none;
  position: relative;
  text-align: center;
  border-top: 1px solid #d0d6dc;
}

.Tsellers-section:not(.Tsellers-section-top) {
  padding-left: 20px;
}

.Tsellers-section-top {
  border-top: none;
}

.Tsellers-section .image-container {
  width: 100%;
  height: 110px;
  padding: 0px;
  text-align: center;
  position: relative;
  display: none;
}

.Tsellers-section .image-container img {
  max-width: 95%;
  max-height: 95%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Tsellers-section .products-info {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  line-height: 20px;
  padding: 0px;
  margin: 2px 0px;
}

.Tsellers-section .products-info a, .Tsellers-section .products-info a:visited {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #000;
  line-height: 1.25em;
  text-transform: none;
  text-decoration: none;
}

.Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover {
  color: #ff3929;
  text-decoration: none;
}

.Tsellers-section .products-price {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  text-align: left;
  line-height: 1.25em;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  float: none;
  width: 100%;
  line-height: 1;
  margin-top: 10px;
  font-weight: normal;
}

.Tsellers-section .products-review {
  text-align: left;
  padding: 0px 0px 0px 0px;
  float: none;
  width: 100%;
  margin-top: 5px;
  line-height: 1;
}

.Tsellers-section .products-review img {
  vertical-align: middle;
  line-height: 26px;
  margin-right: 5px;
}

.Tsellers-section-top .image-container {
  display: block;
}

/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  padding-top: 16px;
  font-weight: bold;
}

.Tsellers-section-top .top-sellers-star {
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #ff3929;
  position: absolute;
  top: -10px;
  left: auto;
  right: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  z-index: 1;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2);
}

/*ranking:: Controls the way the menu icons display if they are being used.*/
.ranking {
  display: none;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ff3929;
  padding: 0px;
  text-align: center;
  background: #000;
  height: 24px;
  width: 24px;
  line-height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
}

/*
More Top Sellers Specific
--------------------------*/
#TS_items .Tsellers-section-top .products-info,
#TS_items .Tsellers-section-top .products-review,
#TS_items .Tsellers-section-top .products-price {
  text-align: center;
}
#TS_items .Tsellers-section-top .action {
  margin-top: 10px;
}
#TS_items .Tsellers-section-top .action .btn {
  background: #fff;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}

/*
New releases Specific
----------------*/
.newreleases_topitem > .col-group .image-container {
  width: 35%;
  float: left;
  height: 65px;
}
.newreleases_topitem > .col-group .products-info {
  width: 65%;
  float: right;
  padding-left: 3%;
}
.newreleases_topitem > .col-group .products-info .products-review {
  width: 100%;
  margin-top: 5px;
  line-height: 1;
}
.newreleases_topitem > .col-group .products-info .products-price {
  text-align: left;
  width: 100%;
  line-height: 1;
  margin-top: 10px;
  font-weight: normal;
}
.newreleases_topitem .top-sellers-star {
  display: none;
}

@media (max-width: 1023px) {
  .Tsellers-section {
    padding-left: 20px;
    padding-right: 15px;
    border: none !important;
  }
  .Tsellers-section .products-info {
    padding-left: 15px;
  }
  .Tsellers-section .products-price {
    padding-left: 15px;
  }
  .Tsellers-section .image-container {
    display: none;
  }
  .Tsellers-section > .col-group .products-info {
    width: 100%;
    padding-left: 0;
    border-bottom: 1px solid #ccc;
  }
  .Tsellers-section > .col-group .products-info .products-price {
    border-bottom: none;
  }
  .Tsellers-section > .col-group .products-info .name {
    padding-left: 15px;
  }
  .Tsellers-section .top-sellers-star {
    display: block;
  }
  .Tsellers-section .products-review {
    display: none;
  }

  .Tsellers-section:not(.Tsellers-section-top) {
    padding-left: 20px;
  }

  .top-sellers-star {
    left: 20px;
    padding-top: 15px;
  }

  .Tsellers-section .products-price {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }

  .Tsellers-section-top .top-sellers-star {
    width: auto;
    max-width: 10px;
    height: auto;
    top: 0;
    left: 20px;
    font-size: 14px;
    line-height: 1;
    padding-top: 15px;
    text-align: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
  }

  #TS_items .Tsellers-section-top .products-info,
  #TS_items .Tsellers-section-top .products-review,
  #TS_items .Tsellers-section-top .products-price {
    text-align: left;
  }
  #TS_items .Tsellers-section-top .action {
    display: none;
  }
}
/***************************************/
/*   Styled Divs to replace Selects    */
/***************************************/
#Brands_items, #Brands_items2 {
  position: relative;
}

#Brands_items .all-guides, #Brands_items2 .all-guides {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 36px;
  z-index: 5;
}

#Show-Brands, #Show-Brands2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  background: #e8e8e8 url(images/d-arrow.png) right center no-repeat;
  width: 100%;
  height: 34px;
  line-height: 32px;
  border: 1px solid #d4d4d4;
}

#Show-Brands .hov, #Show-Brands2 .hov {
  cursor: pointer;
  padding: 0px 34px 0px 10px;
}

.all-guides {
  list-style: none !important;
  margin: 0px !important;
  padding: 2px !important;
  background: #e8e8e8 !important;
  border: 1px solid #d4d4d4;
  height: 156px !important;
  overflow: auto !important;
  display: none;
}

.all-guides li {
  line-height: 20px;
  float: none !important;
  margin: 0 !important;
}

.all-guides li:hover {
  color: #fff;
  background: #ff3929;
}

.all-guides a, .all-guides a:visited {
  display: block;
  text-decoration: none !important;
  line-height: 20px;
  color: #333;
  font-size: 14px;
  padding: 5px 5px !important;
}

.all-guides a:hover, .all-guides a:visited:hover {
  color: #fff !important;
  text-decoration: none !important;
}

#mob-brands {
  padding: 0 15px;
}

/*********************************/
/*HomePage and Carousel*/
/*********************************/
.home-width img {
  display: block;
}

#HOME > div.home-width {
  text-align: justify;
}

#home_carousel {
  width: 100%;
  float: left;
}

.homepage_silder {
  margin-bottom: 10px !important;
  margin: 0px auto !important;
}

.flexslider {
  background: transparent !important;
}

.flex-control-nav {
  bottom: 10px !important;
  z-index: 10;
  text-align: right !important;
  padding: 0 10px !important;
}

.flex-control-nav li {
  margin: 0 4px !important;
}

.flex-direction-nav a {
  line-height: 40px;
}

.flex-control-paging li a {
  background: #ff0066 !important;
  background: #ff0066 !important;
  font-size: 0px !important;
  width: 12px !important;
  height: 12px !important;
}

.flex-control-paging li a:hover {
  background: #8fd100 !important;
  background: rgba(143, 209, 0, 0.8) !important;
}

.flex-control-paging li a.flex-active {
  background: #8fd100 !important;
  background: #8fd100 !important;
}

.feat-item-list {
  margin-bottom: 20px;
}

/*
homepage sections 
*/
#home {
  margin: 0;
}
#home .product-container {
  padding-bottom: 0 !important;
}
#home .home-products-section {
  padding: 20px 0 60px;
}

#homeCarousel .flex-viewport {
  width: 100%;
}

.home-section-top {
  background-color: #f2f2f2;
  padding: 30px 0;
}
.home-section-top .home-top-left {
  float: left;
  width: 38.3336%;
  max-width: 460px;
}
.home-section-top .home-top-left img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.home-section-top .home-top-right {
  float: right;
  width: 59.1664%;
  max-width: 710px;
  padding: 50px 0 0;
}
.home-section-top .home-top-right h2 {
  font-size: 24px;
  margin: 0 0 25px;
}
.home-section-top .home-top-right .home-top-text {
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}

.home-fullwidth-bottom img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1300px) {
  .home-section-top .home-top-left {
    width: 49%;
  }
  .home-section-top .home-top-right {
    padding-top: 10px;
    width: 49%;
  }
}
@media (max-width: 1023px) {
  max-width: 768px;
  padding: 0 15px;
  .home-section-top {
    background-color: #f2f2f2;
    padding: 30px 0;
  }
  .home-section-top .home-top-left {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .home-section-top .home-top-right {
    float: none;
    width: 100%;
  }

  #home .product-container {
    width: 33.3333%;
    margin: 10px 0;
  }

  .home-fullwidth-bottom .home-bottom-left {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .home-fullwidth-bottom .home-bottom-right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #home .product-container {
    width: 100%;
  }
  #home .home-products-section {
    padding: 0 0 30px;
  }
}
/*********************************/
/* Category */
/*********************************/
/*
.sub-categories {background:none; padding:0 !important; border:none; width:100%; margin:0 0 0 0;}
.sub-categories .name{font-size: 18px; background:none; padding:0 5px; text-transform:none; color:#2c3e50; line-height:32px; font-weight:700;}
.sub-categories:hover .name{background:none; color:#8fd100;}
.sub-categories .img{position:relative; padding:5px 0;}
.sub-categories .img img{position: absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:94%; max-height:94%;}
*/
#category #subcategoriesBlock .sub-categories-format {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
}
#category #subcategoriesBlock .sub-categories-format ul li .sub-categories .name {
  display: block;
  margin: 15px 0 0;
  color: #000;
  font-weight: 600;
}
@media (max-width: 767px) {
  #category #subcategoriesBlock .sub-categories-format ul li {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    float: none;
  }
}
#category #itemsBlock .paging {
  width: 100%;
}
#category #itemsBlock .paging a {
  color: #000;
}
#category #itemsBlock .product-item .name a {
  font-weight: 600;
}
#category #itemsBlock .product-item .status {
  visibility: visible;
  height: auto;
  display: inline-block;
  text-align: left;
  min-height: 0px;
  width: 100%;
}

/*********************************/
/* Listing */
/*********************************/
/*
#listing0
*/
/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
  font-size: 18px;
  font-weight: bold;
  color: #585C5F;
  padding: 5px;
  border: 1px dotted #cccccc;
  border-style: dotted none dotted none;
}

/*item:: Controls the item description and item details text.*/
.item {
  color: #2c3e50;
  font-weight: 400;
}

/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/
.availability-txt {
  color: #000;
  text-decoration: none;
  text-align: left;
  padding: 0.2em;
  font-style: italic;
}

/*reward-title:: Controls the title of the Reward Points section.*/
.reward-title {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #850000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 7px;
  line-height: 10px;
  font-size: 16px;
}

#listing0 .primary {
  width: 30%;
}
#listing0 .secondary {
  float: left;
  margin-bottom: 15px;
  position: relative;
  width: 41%;
  margin-left: 30px;
}
@media (max-width: 767px) {
  #listing0 .secondary,
  #listing0 .primary {
    width: 100%;
    margin: 0 0 15px;
  }
}
#listing0 .main-image {
  border: 1px solid #ccc;
  margin-bottom: 25px;
}
#listing0 .addl-images {
  height: 60px !important;
}
#listing0 .addl-images .carousel .slides li {
  margin-right: 12px;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #ccc;
  position: relative;
}
#listing0 .addl-images .carousel .slides li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
#listing0 .addl-images .carousel .flex-direction-nav a {
  opacity: 1.0;
  top: 50%;
  color: #ff3929;
}
#listing0 .review-count a {
  color: #000;
}
#listing0 .beta-col {
  float: none;
  margin-bottom: 15px;
  padding: 24px 0 0;
  width: 100%;
}
#listing0 .beta-col div {
  width: 48%;
  margin-bottom: 10px;
  float: left;
}
#listing0 .beta-col div button {
  width: 100%;
  margin: 0;
  padding: 8px 5px;
}
#listing0 .beta-col div:nth-child(2) {
  float: right;
}
#listing0 .beta-col div:nth-child(4) {
  float: right;
}
@media (max-width: 1023px) {
  #listing0 .beta-col div {
    width: 100%;
    float: none;
  }
  #listing0 .beta-col div:nth-child(4),
  #listing0 .beta-col div:nth-child(2) {
    float: none;
  }
}
@media (max-width: 767px) {
  #listing0 .beta-col {
    width: 50%;
  }
}
@media (max-width: 600px) {
  #listing0 .beta-col {
    width: 100%;
  }
}
#listing0 .pricingBlock .yourprice {
  font-size: 20px;
  color: #000;
  margin: 0 0 15px;
}
#listing0 .pricingBlock .retailprice {
  text-decoration: line-through;
  color: #ff3929;
  margin: 0 0 10px;
}
#listing0 .pricingBlock .savings {
  font-size: 16px;
  color: #008836;
}
#listing0 .availabilityInfo .product_availability #availability {
  color: #005aad;
  text-transform: uppercase;
  font-size: 16px;
}
#listing0 .availabilityInfo .freeshippingblock {
  color: #005aad;
  text-transform: uppercase;
  font-size: 16px;
}
#listing0 #divOptionsBlock .container .opt-regular .label {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  font-size: 16px;
}
#listing0 #divOptionsBlock .container .opt-regular .opt-field .radio-format .radio-option {
  border: 1px solid #dbdbdb;
}
#listing0 #divOptionsBlock .container .opt-regular .opt-field .dropdown-format .txtBoxStyle {
  border: none;
  background-color: #cccccc;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding: 3px 1px 3px 8px;
  font-family: "Exo 2", sans-serif;
}
#listing0 .detail-section .alpha-col {
  margin: 0;
}
#listing0 .detail-section .alpha-col .addToCartBlock .qtybox-addcart label {
  font-size: 16px;
  margin: 0 10px 5px 0;
}
#listing0 .detail-section .alpha-col .addToCartBlock .qtybox-addcart .txtBoxStyle {
  text-align: center;
  padding: 0;
  vertical-align: middle;
  color: #000;
  height: 40px;
  width: 63px;
}
#listing0 .detail-section .alpha-col .addToCartBlock .qtybox-addcart .btn {
  background: #ff3929;
  font-size: 16px;
}
#listing0 .detail-section .alpha-col .quantityBlock a {
  color: #000;
  font-size: 16px;
}
#listing0 .detail-section .alpha-col .social-mediaBlock .social-bookmarking,
#listing0 .detail-section .alpha-col .social-mediaBlock .likebutton {
  width: 100%;
}
#listing0 .multipleShipToBlock .send-to {
  width: 100%;
}
#listing0 .multipleShipToBlock .send-to label {
  font-size: 16px;
  margin: 0 10px 10px 0;
}
#listing0 .multipleShipToBlock .send-to .txtBoxStyle {
  border: none;
  background-color: #cccccc;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding: 3px 1px 3px 8px;
  font-family: "Exo 2", sans-serif;
}


table.location-table td{width:40%; vertical-align:text-top; padding: 1% 5%; font-size:18px;}

@media 
only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1040px)  {

    .video-container { width:100%;   margin:auto;  padding:0; float: none; }

    table.location-table td, table.video-table td { width: 100% !important; display:block; text-align: center;}
    table.video-table td {margin-bottom:30px;}
}

@media 
only screen and (max-width: 360px){

    .video-container { width:100%;   margin:auto;  padding:0; float: none; }

    table.location-table td, table.video-table td {  width: 100% !important; display:block; text-align: center;}
    table.video-table td {margin-bottom:30px;}
}
