/*---------------------------------------
-- CSS DEFAULT                         -- 
-----------------------------------------*/
.cs-menu-container .navbar-header {
  padding-top: 10px;
  padding-bottom: 10px; }

.cs-menu-container .visible-xs {
  display: none; }

.cs-menu-container .navbar-toggle {
  float: right; }

@media (max-width: 991px) {
  .cs-menu-container .menu-item, [class*="col-grid"], [class*="drop-grid"] {
    width: 100% !important; }

  .cs-menu-container .visible-xs {
    display: table;
    width: 100%; } }
.cs-menu-container .menu-item#cs_more_menu .dropdown .dropdown {
  display: none !important; }

.cs-menu-container .dropdown,
ul.type-category li li .sub-cate {
  position: absolute;
  top: auto;
  left: 0;
  z-index: 1000;
  float: none;
  min-width: 300px;
  padding: 0;
  margin: 0;
  border: 1px solid #cccccc;
  background: #fff; }

ul.type-category li li .sub-cate {
  left: 100%;
  top: -1px; }

@media (min-width: 992px) {
  ul.type-category li li .sub-cate, .cs-menu-container .dropdown {
    min-height: 100px;
    display: block !important;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0px, 50px);
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s, -moz-transform 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    -ms-transition: opacity 0.5s ease 0s, -ms-transform 0.5s ease 0s;
    visibility: hidden; }

  ul.type-category li li .sub-cate {
    transform: translate(-100%, 0); }

  .cs-menu-container .menu-item:hover .dropdown,
  ul.type-category li li:hover > .sub-cate {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    visibility: visible; } }
@media (max-width: 991px) {
  .cs-menu-container .dropdown {
    display: none; }

  /*.cs-menu-container .menu-item:hover .dropdown {
	display:block;
  }*/ }
.menu-column {
  width: 100%; }
  @media screen and (max-width: 991px) {
    .menu-column a {
      font-weight: normal; } }

.menu-column > .list-unstyled {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.menu-column > .list-unstyled > li {
  width: 100%;
  padding: 10px 0; }

.menu-column > .list-unstyled > li h3 {
  margin: 5px 0; }

.menu-column > .list-unstyled > li img.img-responsive {
  max-width: 100%; }

.drop-grid-5 {
  width: 1170px; }

.drop-grid-5 .col-grid-1 {
  width: 20%; }

.drop-grid-5 .col-grid-2 {
  width: 40%; }

.drop-grid-5 .col-grid-3 {
  width: 60%; }

.drop-grid-5 .col-grid-4 {
  width: 80%; }

.drop-grid-4 {
  width: 936px; }

.drop-grid-4 .col-grid-1 {
  width: 25%; }

.drop-grid-4 .col-grid-2 {
  width: 50%; }

.drop-grid-4 .col-grid-3 {
  width: 75%; }

.drop-grid-3 {
  width: 702px; }

.drop-grid-3 .col-grid-1 {
  width: 33.33%; }

.drop-grid-3 .col-grid-2 {
  width: 66.67%; }

.drop-grid-2 {
  width: 468px; }

.drop-grid-2 .col-grid-1 {
  width: 50%; }

.drop-grid-1 {
  width: 300px; }

@media (min-width: 992px) {
  .dropdown {
    max-width: 720px; }

  .cs-menu-container .navbar-collapse {
    display: block; }

  .cs-menu-container .navbar-nav > li {
    float: left;
    position: relative;
    display: block; }

  .cs-menu-container .navbar-nav {
    margin: 0;
    float: left; } }
@media (min-width: 992px) {
  .dropdown {
    max-width: 940px; } }
@media (min-width: 1200px) {
  .dropdown {
    max-width: 1170px; } }
.col-grid-2 > ul.list-unstyled.type-product > li, .col-grid-2 > ul.list-unstyled.type-category > li, .col-grid-2 > ul.list-unstyled.type-cms > li {
  width: 50%; }

@media (max-width: 479px) {
  .col-grid-2 > ul.list-unstyled.type-product li.ajax_block_product {
    width: 100%; } }
.col-grid-3 > ul.list-unstyled.type-product > li, .col-grid-3 > ul.list-unstyled.type-category > li, .col-grid-3 > ul.list-unstyled.type-cms > li {
  width: 33.33%; }

.col-grid-4 > ul.list-unstyled.type-product > li, .col-grid-4 > ul.list-unstyled.type-category > li, .col-grid-4 > ul.list-unstyled.type-cms > li {
  width: 25%; }

.col-grid-5 > ul.list-unstyled.type-product > li, .col-grid-5 > ul.list-unstyled.type-category > li, .col-grid-5 > ul.list-unstyled.type-cms > li {
  width: 20%; }

ul.list-unstyled.type-manufacture li {
  width: auto; }

ul.type-category li {
  padding: 5px 15px; }

ul.type-category li li {
  position: relative; }

ul.type-category li > ul {
  margin-left: -15px;
  margin-right: -15px; }

ul.type-category li li a {
  font-weight: normal;
  color: #777777;
  text-transform: lowercase; }

ul.type-category li .grower-cate i {
  font-size: 15px;
  position: absolute;
  right: 5px;
  cursor: pointer; }

.icon-for-mobile {
  display: none; }

.icon-for-mobile .hidden {
  display: none; }

@media (max-width: 991px) {
  .icon-for-mobile {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
    width: 60px; }

  .cs-menu-container .dropdown {
    position: relative; } }
.cs-menu-container .icon-bar {
  background-color: #563d7c; }

.cs-menu-container .navbar-collapse {
  max-height: 100%; }

.cs-menu-container .navbar-collapse.in {
  overflow-y: visible; }

/** Fix IE8**/
.ie8 .cs-menu-container .dropdown {
  display: none !important;
  visibility: inherit; }

.ie8 .cs-menu-container .menu-item:hover .dropdown {
  display: block !important; }

.ie8 .col-grid-2 > ul.list-unstyled.type-product > li,
.ie8 .col-grid-2 > ul.list-unstyled.type-category > li,
.ie8 .col-grid-2 > ul.list-unstyled.type-cms > li,
.ie8 ul.list-unstyled.type-manufacture li {
  float: left; }

.ie8 .dropdown [class*="col-grid"] {
  float: left; }

/*Fix IE10*/
@media screen and (min-width: 0\0) {
  .col-grid-2 > ul.list-unstyled.type-product > li,
  .col-grid-2 > ul.list-unstyled.type-category > li,
  .col-grid-2 > ul.list-unstyled.type-cms > li,
  ul.list-unstyled.type-manufacture li {
    float: left; }

  .dropdown [class*="col-grid"] {
    float: left; } }
/*---------------------------------------
-- CUSTOM MODULE MEGAMENU              -- 
-- CUSTOM BY DUNGDH                    -- 
-- CUSTOM DATE 8/11                    --
-- MAINCOLOR: #333                     --
-- CHILDCOLOR: #696969                 --
-----------------------------------------*/
.cs-menu-container {
  padding: 0; }
  .cs-menu-container .bg-faded {
    background: transparent; }
  .cs-menu-container .navbar {
    padding: 0; }
  .cs-menu-container .mega-menu {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
    .cs-menu-container .mega-menu .navbar-nav > li {
      margin: 0;
      margin-left: 3.4375rem;
      position: relative;
      padding: 2.375rem 0; }
      @media screen and (max-width: 1199px) {
        .cs-menu-container .mega-menu .navbar-nav > li {
          margin-left: 2.5rem; } }
      .cs-menu-container .mega-menu .navbar-nav > li:first-child {
        margin-left: 0; }
      .cs-menu-container .mega-menu .navbar-nav > li > a {
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1.5rem;
        color: #333;
        text-transform: uppercase;
        padding: 0.625rem 0;
        letter-spacing: 0.0625rem;
        position: relative;
        display: inline-block; }
        .cs-menu-container .mega-menu .navbar-nav > li > a:before {
          transition: all .3s;
          content: '';
          position: absolute;
          display: block;
          bottom: 9px;
          right: 100%;
          left: 0;
          height: 2px;
          background-color: #333; }
        .cs-menu-container .mega-menu .navbar-nav > li > a:hover {
          color: #333; }
          .cs-menu-container .mega-menu .navbar-nav > li > a:hover:before {
            left: -4px;
            right: -4px; }
          .cs-menu-container .mega-menu .navbar-nav > li > a:hover span {
            color: #333; }
        .cs-menu-container .mega-menu .navbar-nav > li > a span {
          font-size: 0.875rem;
          margin-left: 0.3125rem;
          line-height: 1;
          display: inline-block;
          vertical-align: middle; }
      .cs-menu-container .mega-menu .navbar-nav > li .icon_for_mobile {
        display: none; }
      .cs-menu-container .mega-menu .navbar-nav > li:last-child > a {
        padding-right: 0; }
      .cs-menu-container .mega-menu .navbar-nav > li .dropdown {
        border: 0;
        -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35);
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35); }
      .cs-menu-container .mega-menu .navbar-nav > li .menu-row {
        padding: 2.5rem 1.25rem;
        background-position: bottom right; }
        .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column {
          padding: 0 0.9375rem; }
          .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .title-cat {
            padding: 0;
            margin-bottom: 0.9375rem; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .title-cat a {
              color: #333;
              font-size: 0.875rem;
              font-weight: 800;
              text-transform: uppercase; }
              .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .title-cat a:hover {
                color: #ababab; }
          .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category a {
            font-size: 0.9375rem;
            font-weight: 600;
            margin-bottom: 1.25rem;
            color: #ababab;
            padding: 0;
            display: block;
            text-transform: capitalize; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category a:hover {
              color: #333;
              padding-left: 0.3125rem; }
          .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category li {
            position: relative;
            padding: 0; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category li .sub-cate {
              list-style: none;
              -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35);
              box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.35);
              position: absolute;
              left: 100%;
              right: auto;
              top: 0;
              z-index: 999;
              min-width: 18.75rem;
              padding: 45px 20px 38px 30px;
              margin: 0;
              background-color: #fff;
              opacity: 0;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
              filter: alpha(opacity=0);
              visibility: hidden;
              -webkit-transform: scale(1, 0.7);
              -moz-transform: scale(1, 0.7);
              -ms-transform: scale(1, 0.7);
              -o-transform: scale(1, 0.7);
              transform: scale(1, 0.7);
              -webkit-transform-origin: 0 0 0;
              -moz-transform-origin: 0 0 0;
              transform-origin: 0 0 0;
              transition: transform 0.5s ease 0s;
              -webkit-transition: -webkit-transform 0.5s ease 0s;
              -moz-transition: -moz-transform 0.5s ease 0s; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category li .grower-cate i {
              position: absolute;
              right: 0;
              top: 0;
              z-index: 9;
              font-size: 0.6875rem;
              line-height: 1.5625rem;
              vertical-align: middle; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-category li:hover > .sub-cate {
              visibility: visible;
              -webkit-transform: translate(0px, 0px);
              -moz-transform: translate(0px, 0px);
              -ms-transform: translate(0px, 0px);
              -o-transform: translate(0px, 0px);
              transform: translate(0px, 0px);
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              filter: alpha(opacity=100); }
          .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-product {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-product .product .thumbnail-container {
              margin-bottom: 0; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-staticblock li {
              padding: 0; }
              .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-staticblock li p {
                margin: 0; }
          .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-cms {
            padding: 0.625rem 0; }
            .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-cms li {
              padding: 0; }
              .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-cms li a {
                font-size: 0.9375rem;
                font-weight: 600;
                margin-bottom: 1.25rem;
                color: #ababab;
                padding: 0;
                display: block;
                text-transform: capitalize; }
                .cs-menu-container .mega-menu .navbar-nav > li .menu-row .menu-column .type-cms li a:hover {
                  color: #333;
                  padding-left: 0.3125rem; }

.col-caption {
  font-family: 'Century Schoolbook';
  color: #323232;
  font-size: 3.75rem;
  padding-top: 130px;
  padding-right: 245px;
  text-align: right;
  line-height: 1.2; }
  .col-caption span {
    color: #c3767b; }

.menu-row {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-repeat: no-repeat;
  background-position: right top; }
  .menu-row.new-arrivals {
    padding: 41px 35px 50px; }
    @media screen and (max-width: 991px) {
      .menu-row.new-arrivals {
        padding: 0; } }
  .menu-row.category {
    padding: 45px 20px 38px 30px; }
    @media screen and (max-width: 991px) {
      .menu-row.category {
        padding: 0; } }
    .menu-row.category .title-cat {
      margin-bottom: 1.3125rem !important; }
    .menu-row.category .menu-column .type-category li a {
      margin-bottom: 1rem !important;
      font-size: 0.9375rem !important; }
      .menu-row.category .menu-column .type-category li a:last-child a {
        margin-bottom: 0 !important; }
  .menu-row.page-row {
    padding: 45px 0 0 45px;
    min-height: 400px !important; }
    @media screen and (max-width: 991px) {
      .menu-row.page-row {
        padding: 0;
        min-height: 0 !important; } }
    .menu-row.page-row .type-cms {
      padding: 0 !important; }
    .menu-row.page-row .type-staticblock {
      padding-top: 0 !important; }
      .menu-row.page-row .type-staticblock ul {
        padding: 0 !important;
        list-style: none; }
        .menu-row.page-row .type-staticblock ul a {
          font-size: 0.9375rem !important;
          line-height: normal !important;
          margin-bottom: 1.25rem !important;
          display: block; }
          .menu-row.page-row .type-staticblock ul a:hover {
            padding-left: 5px !important; }
  .menu-row.products-row {
    padding: 15px 20px 38px; }
    @media screen and (max-width: 991px) {
      .menu-row.products-row {
        padding: 0; } }

/*# sourceMappingURL=csmegamenu.css.map */
.type-staticblock {
  padding: 0;
}
.type-staticblock ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.type-staticblock ul li{
  list-style: none;
  color: #333;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .type-staticblock ul li{
    color: #fff;
  }
}

.type-staticblock ul li a{
  list-style: none;
  color: #ababab;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
}
.type-staticblock ul li a:hover{
  color: #333;
  padding-left: 5px;
}
.type-staticblock ul li a .label-sale{
    color: #fff;
    background-color: #84d8e3;
    position: absolute;
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2px 7px;
    top: auto;
    bottom: 100%;
    right: 0;
    display: block;
    line-height: 16px;
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.type-staticblock ul li a .label-sale:before{
  position: absolute;
  content: '';
  display: block;
  top: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 0 solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #84d8e3;
}