/*******************************************
*	Theme Name: Market
*	Author: Magentech
*	Author URI: http://www.magentech.com
*	Version: 1.0.0
*	Description: This is html5 Sass template 
*******************************************/
/*===============================================
	[SASS DIRECTORY ]
	
    [1] Minxin Link
    [2] Minxin Buton
    [3] Minxin Triangle
   
    ==============================================*/
.no-margin {
  margin: 0 !important; }

.marginbottom__3x {
  margin-bottom: 30px; }

@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0); } }
@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0); } }
@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0); } }
/*******************************************************
  Style Color
********************************************************/
.footer-container {
  direction: ltr;
  background: #222222; }
  .footer-container .footer-top {
    padding-top: 55px;
    padding-bottom: 21px; }
    .footer-container .footer-top h3 {
      color: #fff;
      font-weight: 500;
      font-size: 18px;
      position: relative;
      padding: 0 0 18px;
      margin: 0 0 20px;
      text-transform: uppercase; }
      .footer-container .footer-top h3:after {
        position: absolute;
        content: "";
        height: 2px;
        width: 40px;
        left: 0;
        bottom: 0; }
    .footer-container .footer-top span {
      color: #fff;
      font-weight: 500;
      margin-right: 5px; }
    .footer-container .footer-top a {
      color: #cccccc;
      line-height: 36px;
      transition: all .3s; }
      .footer-container .footer-top a:hover {
        padding-left: 5px; }
    .footer-container .footer-top p {
      color: #cccccc;
      margin: 0;
      line-height: 30px; }
    .footer-container .footer-top .collapsed-block {
      float: left;
      width: 40%; }
      .footer-container .footer-top .collapsed-block .share-icon ul {
        text-align: left;
        padding: 0;
        margin-top: 32px; }
        .footer-container .footer-top .collapsed-block .share-icon ul li {
          display: inline-block;
          list-style: none;
          width: 40px;
          height: 40px;
          line-height: 47px;
          text-align: center;
          background: #434343;
          color: #fff;
          border-radius: 3px;
          margin-right: 5px; }
          .footer-container .footer-top .collapsed-block .share-icon ul li a {
            font-size: 1.5em; }
            .footer-container .footer-top .collapsed-block .share-icon ul li a i {
              background: none;
              color: #fff;
              padding: 0; }
        .footer-container .footer-top .collapsed-block .share-icon ul .twitter {
          background: #1d9ffa; }
          .footer-container .footer-top .collapsed-block .share-icon ul .twitter:hover {
            background: #b9def9; }
        .footer-container .footer-top .collapsed-block .share-icon ul .facebook {
          background: #456bbe; }
          .footer-container .footer-top .collapsed-block .share-icon ul .facebook:hover {
            background: #8e9dbd; }
        .footer-container .footer-top .collapsed-block .share-icon ul .google {
          background: #e04d3f; }
          .footer-container .footer-top .collapsed-block .share-icon ul .google:hover {
            background: #e2aba6; }
        .footer-container .footer-top .collapsed-block .share-icon ul .skype {
          background: #4899d2; }
          .footer-container .footer-top .collapsed-block .share-icon ul .skype:hover {
            background: #abc4d6; }
    .footer-container .footer-top .box-information {
      padding: 0;
      width: 20%;
      float: left; }
    .footer-container .footer-top .box-extras {
      width: 20%;
      float: left; }
    .footer-container .footer-top .box-account {
      width: 20%;
      float: left; }
  .footer-container .footer-mid {
    background: #181818;
    padding: 30px 0 15px 0; }
    .footer-container .footer-mid .footer-mid-left {
      float: left; }
      .footer-container .footer-mid .footer-mid-left h3 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 0; }
      .footer-container .footer-mid .footer-mid-left p {
        color: #cccccc;
        font-size: 14px; }
    .footer-container .footer-mid .footer-mid-right .btn-sub i {
      position: absolute;
      color: #999999;
      height: 40px;
      font-size: 14px;
      left: 35px;
      top: 14px;
      z-index: 999; }
    .footer-container .footer-mid .footer-mid-right .btn-sub input {
      float: left;
      width: 81%;
      border-radius: 3px;
      height: 45px;
      position: relative;
      padding-left: 55px;
      border: none;
      box-shadow: none; }
    .footer-container .footer-mid .footer-mid-right .btn-sub button {
      float: right;
      border-radius: 3px;
      height: 45px;
      text-transform: uppercase; }

.footer-bottom-block {
  background: #222222;
  border-top: 1px solid #393939;
  padding: 32px 0;
  position: relative; }
  .footer-bottom-block .download {
    float: left; }
    .footer-bottom-block .download h3 {
      float: left;
      margin: 0;
      line-height: 40px;
      color: #fff;
      text-transform: uppercase; }
    .footer-bottom-block .download a {
      float: right; }
      .footer-bottom-block .download a img {
        border-radius: 3px;
        margin-right: 10px;
        border: 1px solid #fff; }
  .footer-bottom-block .pay ul {
    float: right;
    padding: 0; }
    .footer-bottom-block .pay ul li {
      list-style: none;
      display: inline-block;
      padding-left: 7px; }
      .footer-bottom-block .pay ul li img {
        border-radius: 4px; }
  .footer-bottom-block .text-footer-bot {
    color: #cccccc;
    float: right;
    padding: 0 15px; }
    .footer-bottom-block .text-footer-bot p {
      margin-top: 10px;
      margin-bottom: 0; }
  .footer-bottom-block .on-top a {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: gray;
    border-radius: 3px;
    text-align: center;
    font-size: 3em;
    color: #fff;
    right: 20px;
    bottom: 20px; }

@media (max-width: 1199px) {
  .footer-bottom-block .download h3 {
    display: none; }

  .footer-container .footer-mid .footer-mid-right .btn-sub input {
    width: 77%; } }
@media (max-width: 991px) {
  .footer-container .footer-mid .footer-mid-right .btn-sub input {
    width: 70%; } }
@media (max-width: 767px) {
  .footer-container .footer-mid {
    text-align: center; }
    .footer-container .footer-mid .footer-mid-right .btn-sub {
      text-align: center; }
      .footer-container .footer-mid .footer-mid-right .btn-sub i {
        display: none; }
      .footer-container .footer-mid .footer-mid-right .btn-sub input {
        padding-left: 12px;
        width: 100%;
        margin-bottom: 30px;
        float: none; }
      .footer-container .footer-mid .footer-mid-right .btn-sub button {
        float: none;
        text-align: center; }

  .footer-container .footer-top .collapsed-block {
    width: 100%; }
  .footer-container .footer-top .box-information {
    width: 100%; }
  .footer-container .footer-top .box-extras {
    width: 100%; }
  .footer-container .footer-top .box-account {
    width: 100%; }

  .footer-bottom-block {
    text-align: center; }
    .footer-bottom-block .download {
      padding-bottom: 20px; }
      .footer-bottom-block .download a {
        float: none; }
    .footer-bottom-block .pay ul {
      float: none; }
      .footer-bottom-block .pay ul li {
        padding: 7px; }

  .footer-bottom-block .text-footer-bot {
    float: none; } }

/*# sourceMappingURL=footer2.css.map */