body {

  font-weight: normal;

  font-style: normal;

  color: #666;

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; 

  font: 14px/1.50 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

  overflow-y: scroll;

}
#subnav .bar a
* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; 

}



img{

  /* max-width: 100%;  */

}



a:focus,

input:focus,

textarea:focus,

button:focus,

select:focus {      

  text-decoration: none;   

  outline: none; }



a:focus,

a:hover {

  text-decoration: none; }

 

span,

a {

  /* display: inline-block;  */    

  cursor: pointer;

}



audio,

canvas,

iframe,

img,

svg,

video {

   }



h1,

h2,

h3,

h4,

h5,

h6 {

  /* font-family: "Rubik", sans-serif;

  font-weight: 700; */

  /* color: #333; */

  /* margin: 0px;  */

}

   





h6 {

  font-size: 16px; }

  

ul,

ol {

  margin: 0px;

  padding: 0px;

  list-style-type: none; }







.bg_cover {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%; }

  .special-products-area .title{

    text-align: center;

    color: #ffffff;

  }

@media only screen and (min-width: 1600px) {

  .custom-container {

    max-width: 1920px;

    padding: 0px 75px; 

  } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .custom-container {

    padding: 0 30px; 

  } }



/*===== All Button Style =====*/

.main-btn {

   font-size: 20px;

  color: #FFF;

  display: inline-block;

  margin-right: 20px;

  margin-left: 20px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  transition: color 0.5s,background-color 0.5s;

  -moz-transition: color 0.5s,background-color 0.5s;

  -webkit-transition: color 0.5s,background-color 0.5s;

  -o-transition: color 0.5s,background-color 0.5s;

  position: relative;

  z-index: 3;

  text-align: center;

}

  .main-btn:hover {

    /* background-color: rgb(6, 78, 172); */

    color: rgb(255, 255, 255); }

  .main-btn.main-btn-2 {

    background-color: #333;

    color: #fff; }

    .main-btn.main-btn-2:hover {

      background-color: #e52e06;

      color: #fff; }



/*===== All Section Title Style =====*/

.section-title .title { 

  position: relative;

  text-transform: uppercase;

  font-weight: 500;

  line-height: 1;

  display: inline-block;

  padding-bottom: 20px;

  font-size: 24px; }

  @media (max-width: 767px) {

    .section-title .title {

      font-size: 20px; } }

  .section-title .title::before {

    content: "";

    width: 92px;

    height: 2px;

    background: #e52e06;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto; }

.section-title.section-left .title::before {

  margin-left: 0; }



.allup-title {

  font-size: 24px;

  font-weight: 500;

  color: #333; }

  @media (max-width: 767px) {

    .allup-title {

      font-size: 20px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .allup-title {

      font-size: 20px; } }



/*===== All tab content Custom Style =====*/

.tab-content .tab-pane {

  display: block;

  overflow: hidden;

  height: 0;

  visibility: hidden;

  max-width: 100%;

  opacity: 0; }

  .tab-content .tab-pane.active {

    height: auto;

    visibility: visible;

    opacity: 1;

    overflow: visible; }



/*===== All Slick Slide Outline Style =====*/

.slick-slide {

  outline: 0; }



/*===== All Preloader Style =====*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 999999; }

#preloader .preloader {

    width: 50px;

    height: 50px;

    display: inline-block;

    padding: 0px;

    text-align: left;

    box-sizing: border-box;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -25px;

    margin-top: -25px; }

    #preloader .preloader span {

      position: absolute;

      display: inline-block;

      width: 50px;

      height: 50px;

      border-radius: 100%;

      background-color: #0164f9;

      -webkit-animation: preloader 1.3s linear infinite;

      animation: preloader 1.3s linear infinite; }

      #preloader .preloader span:last-child {

        animation-delay: -0.8s;

        -webkit-animation-delay: -0.8s; }



@keyframes preloader {

  0% {

    transform: scale(0, 0);

    opacity: 0.5; }

  100% {

    transform: scale(1, 1);

    opacity: 0; } }

@-webkit-keyframes preloader {

  0% {

    -webkit-transform: scale(0, 0);

    opacity: 0.5; }

  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0; } }

/*===== All Checkbox Style =====*/

.custom-checkbox {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex; }

  .custom-checkbox input[type="radio"], .custom-checkbox input[type="checkbox"] {

    display: none; }

    .custom-checkbox input[type="radio"] + label, .custom-checkbox input[type="checkbox"] + label {

      width: 15px;

      height: 15px;

      border: 1px solid #333;

      border-radius: 4px;

      cursor: pointer;

      position: relative;

      display: inline-block;

      margin: 9px 8px 0px 0; }

      .custom-checkbox input[type="radio"] + label::before, .custom-checkbox input[type="checkbox"] + label::before {

        position: absolute;

        content: "\f00c";

        font-size: 16px;

        font-family: "Font Awesome 5 Pro";

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        font-size: 14px;

        line-height: 0.8;

        color: #333; }

    .custom-checkbox input[type="radio"]:checked + label::before, .custom-checkbox input[type="checkbox"]:checked + label::before {

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1); }

  .custom-checkbox input[type="radio"] + label::before {

    content: "";

    background-color: #333;

    border-radius: 4px; }

  .custom-checkbox input[type="radio"]:checked + label::before {

    -webkit-transform: scale(0.75);

    -moz-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75); }

  .custom-checkbox p {

    font-size: 14px;

    color: #333;

    line-height: 35px;

    -ms-flex: 1;

    flex: 1; }



/*===== All Pagination Style =====*/

.pagination {

  padding: 15px 10px;

  background: #f2f2f2; }

  .pagination li {

    margin: 0 3px; }

    .pagination li a {

      font-weight: 400;

      color: #fff;

      padding: 0;

      height: 36px;

      line-height: 36px;

      background: #c2c2c2;

      font-size: 15px;

      display: inline-block;

      width: 36px;

      border-radius: 100%;

      text-align: center; }

    .pagination li:hover a, .pagination li.active a {

      background-color: #000; }



/*===== All Single Form Style =====*/

.single-form {

  margin-top: 30px; }

  .single-form label {

    font-size: 13px;

    color: #333;

    margin-bottom: 0; }

  .single-form select, .single-form textarea, .single-form input {

    width: 100%;

    font-size: 14px;

    height: 40px;

    color: #333;

    border: 1px solid #e5e5e5;

    padding: 0 15px;

    margin-top: 12px; }

  .single-form textarea {

    height: 120px;

    padding-top: 10px;

    resize: none; }

  .single-form .main-btn {

    height: 40px;

    line-height: 42px;

    padding: 0 25px;

    letter-spacing: 0;

    font-size: 14px; }



/*===========================

      02.Header css 

===========================*/

.header-nav {

  position: relative;



  border-bottom: 1px solid #e5e5e5;

  z-index: 9;

  margin: 0; }



.header-nav-wrapper .header-static-nav p {

  font-size: 16px;

  color: #666; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-nav-wrapper .header-static-nav p {

      font-size: 15px; } }

  .header-nav-wrapper .header-static-nav p .text {

    font-weight: 500;

    color: #000; }

.header-nav-wrapper .header-menu-nav .menu-nav li {

  display: inline-block;

  position: relative; }

  .header-nav-wrapper .header-menu-nav .menu-nav li + li {

    margin-left: 30px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-nav-wrapper .header-menu-nav .menu-nav li + li {

        margin-left: 20px; } }

    .header-nav-wrapper .header-menu-nav .menu-nav li + li::before {

      position: absolute;

      content: '|';

      top: 7px;

      left: -18px;

      line-height: 13px;

      font-size: 13px;

      color: #666; }

  .header-nav-wrapper .header-menu-nav .menu-nav li a {

    font-weight: 400;

    color: #666;

    text-shadow: none;

    cursor: pointer;

    line-height: 13px;

    font-size: 16px;

    text-transform: capitalize; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-nav-wrapper .header-menu-nav .menu-nav li a {

        font-size: 15px; } }

  .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown button {

    border: 0;

    background: none;

    font-weight: 400;

    color: #666;

    text-shadow: none;

    cursor: pointer;

    line-height: 13px;

    font-size: 16px;

    text-transform: capitalize; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown button {

        font-size: 15px; } }

    .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown button i {

      font-size: 12px;

      margin-left: 5px; }

  .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown .dropdown-menu {

    margin: 0;

    top: 175% !important;

    left: auto !important;

    right: 0 !important;

    -webkit-transform: translate(0) !important;

    -moz-transform: translate(0) !important;

    -ms-transform: translate(0) !important;

    -o-transform: translate(0) !important;

    transform: translate(0) !important;

    min-width: 130px;

    overflow: hidden;

    padding: 0 15px;

    background: #fff;

    border-radius: 0;

    border: none;

    box-shadow: 0px 2px 7.44px 0.56px rgba(0, 0, 0, 0.1); }

    .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown .dropdown-menu li {

      margin-left: 0;

      display: block; }

      .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown .dropdown-menu li + li {

        margin-left: 0; }

      .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown .dropdown-menu li a {

        padding: 0 10px;

        color: #666;

        line-height: 40px;

        font-size: 13px;

        border-bottom: 1px solid #e5e5e5;

        display: block; }

      .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown .dropdown-menu li:last-child a {

        border-bottom: 0; }



.header-middle {

  position: relative;

  padding: 37px 0; }



.header-contact i {

  font-size: 48px;

  color: #333; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-contact i {

      font-size: 42px; } }

.header-contact .phone {

  padding-left: 15px; }

  .header-contact .phone p {

    font-size: 14px;

    color: #333;

    font-weight: 500;

    line-height: 14px;

    margin-bottom: 4px;

    letter-spacing: 0.2em;

    text-transform: uppercase; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-contact .phone p {

        font-size: 12px; } }

  .header-contact .phone a {

    color: #e52e06;

    font-size: 18px;

    line-height: 18px;

    font-weight: 500; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-contact .phone a {

        font-size: 14px; } }



.header-search {

  position: relative;

  margin-left: 10%; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .header-search {

      margin-left: 6%; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-search {

      margin-left: 2%; } }

  .header-search .search-category {

    position: absolute;

    left: 2px;

    top: 2px;

    display: inline-block;

    width: 150px;

    margin: 0;

    background: transparent; }

    @media (max-width: 767px) {

      .header-search .search-category {

        width: 120px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search .search-category {

        width: 170px; } }

    .header-search .search-category::before {

      font-family: "Ionicons";

      content: "\f3d0";

      font-size: 20px;

      color: #333;

      position: absolute;

      right: -8px;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%); }

      @media (max-width: 767px) {

        .header-search .search-category::before {

          right: 5px;

          font-size: 16px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .header-search .search-category::before {

          right: 8px;

          font-size: 20px; } }

    .header-search .search-category select {

      width: 170px;

      height: 45px;

      line-height: 25px;

      margin: 0;

      border: 0;

      padding: 0 38px 0 20px;

      color: #333333;

      font-size: 16px;

      font-weight: 500;

      border-right: 1px solid #d9d9d9;

      border-radius: 30px 0px 0px 30px;

      -webkit-user-select: none;

      -moz-user-select: -moz-none;

      -ms-user-select: none;

      user-select: none;

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none; }

      @media (max-width: 767px) {

        .header-search .search-category select {

          width: 120px;

          padding: 0 20px 0 5px;

          font-size: 13px;

          height: 35px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .header-search .search-category select {

          width: 170px;

          padding: 0 38px 0 20px;

          font-size: 16px;

          height: 45px; } }

  .header-search input {

    padding: 10px 60px 10px 180px;

    width: 100%;

    height: 50px;

    font-size: 16px;

    background: #fff;

    color: #999;

    border: 2px solid #e5e5e5; }

    @media (max-width: 767px) {

      .header-search input {

        padding-left: 125px;

        padding-right: 50px;

        font-size: 14px;

        height: 40px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search input {

        padding: 10px 60px 10px 180px;

        font-size: 16px;

        height: 50px; } }

  .header-search button {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    padding: 0;

    font-weight: 700;

    background: #e52e06;

    border: 0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    font-size: 28px; }

    @media (max-width: 767px) {

      .header-search button {

        height: 40px;

        width: 40px;

        line-height: 40px;

        font-size: 22px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search button {

        height: 50px;

        width: 50px;

        line-height: 50px;

        font-size: 28px; } }

    .header-search button:hover {

      background: #333; }



.header-cart .cart-btn {

  position: relative;

  /* padding: 10px 26px 10px 3px; */

  border: 0px solid #e5e5e5;

  margin-left: 0px;

  display: inline-block;

  background-color: #1b1b1b;

}

  .header-cart .cart-btn a {

    display: block;

    position: relative;

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    height: 36px;

    padding-left: 55px;

    color: #ffffff;

    padding-top: 3px;

    padding-bottom: 4px;}

    .header-cart .cart-btn a::before {

      /* font-family: "Ionicons";

      content: "\f3d0";

      font-size: 20px;

      color: #ffffff;

      position: absolute;

      right: -25px;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%);  */

    }

    .header-cart .cart-btn a i {

      font-size: 27px;

      display: inline-block;

      margin-right: 13px;

      vertical-align: -5px;

      position: absolute;

      left: 0; }

    .header-cart .cart-btn a .text, .header-cart .cart-btn a .total {

      display: block; }

    .header-cart .cart-btn a .count {

      width: 18px;

      height: 18px;

      line-height: 18px;

      font-size: 11px;

      color: #fff;

      position: absolute;

      top: 8px;

      text-align: center;

      font-weight: 500;

      left: 23px;

      background: #e52e06;

      border-radius: 100%; }



.header-menu {

  background-color: #434344;

  position: relative; }

  .header-menu.menu-gradient {

    background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: linear-gradient(to right, #bc6eff 0%, #65e2ff 100%); }

  .header-menu.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-animation: sticky 1s;

    -moz-animation: sticky 1s;

    -o-animation: sticky 1s;

    animation: sticky 1s;

    -webkit-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);

    -moz-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);

    box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25); }



@-webkit-keyframes sticky {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  100% {

    -webkit-transform: translateY(0%);

    transform: translateY(0%); } }

@keyframes sticky {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  100% {

    -webkit-transform: translateY(0%);

    transform: translateY(0%); } }

.header-menu-vertical {

  position: relative;

  z-index: 9; }

  .header-menu-vertical .menu-title {

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

    height: 68px;

    padding: 14px 25px 10px 68px;

    cursor: pointer;

    margin: 0;

    background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: linear-gradient(to right, #bc6eff 0%, #65e2ff 100%);

    position: relative; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-menu-vertical .menu-title {

        font-size: 18px; } }

    .header-menu-vertical .menu-title.menu-title-solid {

      background: #333; }

    .header-menu-vertical .menu-title::before {

      content: '\f394';

      display: inline-block;

      font-size: 40px;

      font-family: "Ionicons";

      font-weight: 400;

      position: absolute;

      top: 0;

      left: 20px;

      line-height: 68px;

      vertical-align: -4px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .header-menu-vertical .menu-title::before {

          font-size: 30px; } }

    .header-menu-vertical .menu-title::after {

      content: '\f3d0';

      display: inline-block;

      font-size: 28px;

      font-family: "Ionicons";

      font-weight: 400;

      position: absolute;

      top: 0;

      right: 20px;

      line-height: 68px;

      vertical-align: -4px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .header-menu-vertical .menu-title::after {

          font-size: 20px; } }

    .header-menu-vertical .menu-title span {

      display: block;

      font-size: 14px;

      color: #fff;

      font-weight: 500;

      text-transform: uppercase;

      letter-spacing: 0.2em; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .header-menu-vertical .menu-title span {

          font-size: 13px; } }

  .header-menu-vertical .menu-content {

    width: 100%;

    background: #fff;

    padding: 0;

    position: absolute;

    top: 100%;

    left: 0;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(209, 209, 209, 0.5);

    -moz-box-shadow: 0px 10px 30px 0px rgba(209, 209, 209, 0.5);

    box-shadow: 0px 10px 30px 0px rgba(209, 209, 209, 0.5);

    display: none; }

    .header-menu-vertical .menu-content.menu-expand-2 {

      display: block;

      -webkit-box-shadow: none;

      -moz-box-shadow: none;

      box-shadow: none;

      border: 2px solid #e5e5e5;

      border-top: 0; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .header-menu-vertical .menu-content.menu-expand-2 {

          display: none; } }

    .header-menu-vertical .menu-content li {

      display: block;

      position: relative; }

      .header-menu-vertical .menu-content li a {

        position: relative;

        display: block;

        overflow: hidden;

        line-height: 60px;

        text-transform: capitalize;

        word-wrap: break-word;

        background: #fff;

        color: #333;

        margin: 0 20px;

        padding-left: 28px;

        font-size: 14px;

        font-weight: 500;

        transition: none;

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .header-menu-vertical .menu-content li a {

            line-height: 50px;

            margin: 0 10px; } }

        .header-menu-vertical .menu-content li a:hover {

          color: #e52e06; }

        .header-menu-vertical .menu-content li a i {

          position: absolute;

          right: 15px;

          top: 50%;

          -webkit-transform: translateY(-50%);

          -moz-transform: translateY(-50%);

          -ms-transform: translateY(-50%);

          -o-transform: translateY(-50%);

          transform: translateY(-50%); }

      .header-menu-vertical .menu-content li:last-child a {

        border-bottom: 0;

        padding-left: 48px; }

        .header-menu-vertical .menu-content li:last-child a i {

          right: auto;

          left: 28px; }

      .header-menu-vertical .menu-content li .sub-menu {

        position: absolute;

        z-index: 9;

        text-align: left;

        top: 0;

        left: 100%;

        background: #fff;

        padding: 30px;

        display: inline-block;

        box-shadow: 0px 10px 30px 0px rgba(209, 209, 209, 0.5);

        width: 800px;

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .header-menu-vertical .menu-content li .sub-menu {

            width: 720px; } }

        .header-menu-vertical .menu-content li .sub-menu li {

          width: 30%; }

          .header-menu-vertical .menu-content li .sub-menu li:last-child {

            width: 40%; }

          .header-menu-vertical .menu-content li .sub-menu li a {

            color: #666666;

            line-height: 40px;

            font-weight: 400;

            font-size: 14px;

            display: block;

            padding: 0;

            margin: 0;

            border-bottom: 0; }

            .header-menu-vertical .menu-content li .sub-menu li a span {

              font-weight: 500;

              color: #333;

              -webkit-transition: all 0.3s linear;

              -moz-transition: all 0.3s linear;

              -ms-transition: all 0.3s linear;

              -o-transition: all 0.3s linear;

              transition: all 0.3s linear; }

          .header-menu-vertical .menu-content li .sub-menu li img {

            -webkit-transition: all 0.3s linear;

            -moz-transition: all 0.3s linear;

            -ms-transition: all 0.3s linear;

            -o-transition: all 0.3s linear;

            transition: all 0.3s linear;

            width: 100%; }

          .header-menu-vertical .menu-content li .sub-menu li .submenu-item li {

            width: 100%; }

            .header-menu-vertical .menu-content li .sub-menu li .submenu-item li a {

              color: #666666;

              line-height: 40px;

              font-weight: 400;

              font-size: 14px;

              display: block;

              padding: 0;

              margin: 0;

              border-bottom: 0; }

              .header-menu-vertical .menu-content li .sub-menu li .submenu-item li a span {

                font-weight: 500;

                color: #333;

                -webkit-transition: all 0.3s linear;

                -moz-transition: all 0.3s linear;

                -ms-transition: all 0.3s linear;

                -o-transition: all 0.3s linear;

                transition: all 0.3s linear; }

            .header-menu-vertical .menu-content li .sub-menu li .submenu-item li:hover a {

              padding-left: 10px;

              color: #e52e06; }

              .header-menu-vertical .menu-content li .sub-menu li .submenu-item li:hover a span {

                color: #e52e06; }

            .header-menu-vertical .menu-content li .sub-menu li .submenu-item li:hover:first-child a {

              padding-left: 0; }

          .header-menu-vertical .menu-content li .sub-menu li:hover img {

            -webkit-transform: scale(1.05);

            -moz-transform: scale(1.05);

            -ms-transform: scale(1.05);

            -o-transform: scale(1.05);

            transform: scale(1.05); }

      .header-menu-vertical .menu-content li:hover .sub-menu {

        opacity: 1;

        visibility: visible; }



.sticky .header-menu-vertical .menu-content.menu-expand-2 {

  display: none; }



.header-horizontal-menu .menu-content li {

  display: inline-block;

  position: relative; }

  .header-horizontal-menu .menu-content li a {

    display: block;

    padding: 0 24px;

    font-weight: 500;

    font-size: 1em;

    color: #ffffff;

    background: transparent;

    text-transform: uppercase;

    line-height: 48px;

    /* height: 68px; */

    position: relative;

    /* letter-spacing: 0.2em; */

    /* -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; */

    font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

  } 

  @media only screen and (min-width: 1200px) and (max-width: 1800px) {

    .header-horizontal-menu .menu-content li a {

    

      padding: 0px 18px;

    

    } }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .header-horizontal-menu .menu-content li a {

        font-size: 12px;

        padding: 0px 8px;

        letter-spacing: 0px;

      } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-horizontal-menu .menu-content li a {

        font-size: 12px;

        padding: 0px 5px;

        letter-spacing: 0px;

       } 

  

      

      }









  .header-horizontal-menu .menu-content li.active > a {

    opacity: .56; }

  .header-horizontal-menu .menu-content li .sub-menu {

    box-shadow: 0px 2px 8px 0.56px rgba(0, 0, 0, 0.1);

    background: #ffffff;;

    position: absolute;

    top: 100%;

    width: 100%;

    left: 0;

    -o-transform-origin: 0% 0%;

    -ms-transform-origin: 0% 0%;

    -moz-transform-origin: 0% 0%;

    -webkit-transform-origin: 0% 0%;

    transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0 linear;

    -moz-transition: all 0 linear;

    -ms-transition: all 0 linear;

    -o-transition: all 0 linear;

    transition: all 0 linear;

    z-index: 999;

    }

    .header-horizontal-menu .menu-content li .sub-menu li {

      margin-left: 0;

      padding: 0;

      display: block;

      position: relative; }

      .header-horizontal-menu .menu-content li .sub-menu li a {

        color: #000;

        line-height: 20px;

        height: auto;

        display: block;

        /* letter-spacing: 0.2em; */

        font-size:1em;

        padding: 10px 10px;

        font-weight: 400;

        position: relative;

        font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

      }

        .header-horizontal-menu .menu-content li .sub-menu li a:hover {

           background-color: #858585; 

          color: #2d7cff;

        }





        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .header-horizontal-menu .menu-content li .sub-menu li a {

            line-height: 35px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .header-horizontal-menu .menu-content li .sub-menu li a {

            line-height: 35px; } }

        .header-horizontal-menu .menu-content li .sub-menu li a i {

          position: absolute;

          top: 0;

          right: 25px;

          line-height: 40px; }

      .header-horizontal-menu .menu-content li .sub-menu li:hover > a {

        color: #000; }

      .header-horizontal-menu .menu-content li .sub-menu li .sub-menu {

        top: 20px;

        left: 100%;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear;

        opacity: 0;

        visibility: hidden; }

      .header-horizontal-menu .menu-content li .sub-menu li:hover .sub-menu {

        top: 0;

        opacity: 1;

        visibility: visible; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-horizontal-menu .menu-content li:nth-last-child(1) .sub-menu li .sub-menu, .header-horizontal-menu .menu-content li:nth-last-child(2) .sub-menu li .sub-menu, .header-horizontal-menu .menu-content li:nth-last-child(3) .sub-menu li .sub-menu {

      left: auto;

      right: 100%; } }

  .header-horizontal-menu .menu-content li .mega-sub-menu {

    box-shadow: 0px 2px 8px 0.56px rgba(0, 0, 0, 0.1);

    background: #fff;

    padding: 0px 30px 30px;

    position: absolute;

    top: 100%;

    width: 1110px;

    left: 300px;

    right: 0;

    margin: 0 auto;

    -o-transform-origin: 0% 0%;

    -ms-transform-origin: 0% 0%;

    -moz-transform-origin: 0% 0%;

    -webkit-transform-origin: 0% 0%;

    transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0 linear;

    -moz-transition: all 0 linear;

    -ms-transition: all 0 linear;

    -o-transition: all 0 linear;

    transition: all 0 linear;

    z-index: 99; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .header-horizontal-menu .menu-content li .mega-sub-menu {

        width: 980px;

        left: 0; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .header-horizontal-menu .menu-content li .mega-sub-menu {

        width: 900px;

        left: 0;

        padding: 0px 15px 15px; } }

    .header-horizontal-menu .menu-content li .mega-sub-menu .menu-title {

      font-size: 16px;

      font-weight: 500;

      color: #333;

      text-transform: uppercase;

      letter-spacing: 0;

      padding: 0;

      line-height: 28px;

      display: inline-block;

      height: auto; }

      .header-horizontal-menu .menu-content li .mega-sub-menu .menu-title:hover {

        color: #e52e06; }

    .header-horizontal-menu .menu-content li .mega-sub-menu .custom-menu {

      padding-top: 30px;

      width: 100%; }

      .header-horizontal-menu .menu-content li .mega-sub-menu .custom-menu .custom-title {

        font-size: 16px;

        font-weight: 500;

        color: #333;

        text-transform: uppercase; }

      .header-horizontal-menu .menu-content li .mega-sub-menu .custom-menu .menu-block p {

        margin-top: 20px;

        font-size: 13px;

        font-weight: 400;

        text-transform: capitalize;

        line-height: 18px; }

    .header-horizontal-menu .menu-content li .mega-sub-menu .custom-banner {

      margin-top: 30px;

      width: 100%; }

      .header-horizontal-menu .menu-content li .mega-sub-menu .custom-banner a {

        display: block;

        line-height: inherit;

        height: auto;

        padding: 0;

        margin: 0;

        overflow: hidden; }

        .header-horizontal-menu .menu-content li .mega-sub-menu .custom-banner a img {

          width: 100%;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

        .header-horizontal-menu .menu-content li .mega-sub-menu .custom-banner a:hover img {

          -webkit-transform: scale(1.03);

          -moz-transform: scale(1.03);

          -ms-transform: scale(1.03);

          -o-transform: scale(1.03);

          transform: scale(1.03); }

    .header-horizontal-menu .menu-content li .mega-sub-menu li {

      width: 25%;

      padding-top: 30px; }

      .header-horizontal-menu .menu-content li .mega-sub-menu li .submenu-item {

        padding-top: 20px; }

        .header-horizontal-menu .menu-content li .mega-sub-menu li .submenu-item li {

          margin-left: 0;

          padding: 0;

          display: block;

          position: relative;

          width: 100%; }

          .header-horizontal-menu .menu-content li .mega-sub-menu li .submenu-item li a {

            color: #333;

            line-height: 35px;

            height: auto;

            display: block;

            letter-spacing: 0;

            font-size: 14px;

            padding: 0;

            text-transform: capitalize;

            font-weight: 400; }

            .header-horizontal-menu .menu-content li .mega-sub-menu li .submenu-item li a i {

              display: block;

              float: right;

              line-height: 35px; }

          .header-horizontal-menu .menu-content li .mega-sub-menu li .submenu-item li:hover > a {

            color: #e52e06; }

  .header-horizontal-menu .menu-content li:hover .sub-menu, .header-horizontal-menu .menu-content li:hover .mega-sub-menu {

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }



/*=========== Mobile  ==========*/

.mobile-nav-top {

  padding: 5px 0; }



.mobile-toggle a {

  color: #ffffff;

  height: 39px;

  line-height: 39px;

  font-size: 24px; }



.mobile-account-cart .account-cart li {

  display: inline-block; }

  .mobile-account-cart .account-cart li + li {

    margin-left: 20px; }

  .mobile-account-cart .account-cart li .dropdown button {

    border: 0;

    background: none;

    font-weight: 400;

    color: #666;

    text-shadow: none;

    cursor: pointer;

    height: 39px;

    line-height: 39px;

    font-size: 24px;

    text-transform: capitalize; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .mobile-account-cart .account-cart li .dropdown button {

        font-size: 15px; } }

    .mobile-account-cart .account-cart li .dropdown button i {

      font-size: 24px; }

  .mobile-account-cart .account-cart li .dropdown .dropdown-menu {

    margin: 0;

    top: 130% !important;

    left: auto !important;

    right: 0 !important;

    -webkit-transform: translate(0) !important;

    -moz-transform: translate(0) !important;

    -ms-transform: translate(0) !important;

    -o-transform: translate(0) !important;

    transform: translate(0) !important;

    min-width: 130px;

    overflow: hidden;

    padding: 0 15px;

    background: #fff;

    border-radius: 0;

    border: none;

    box-shadow: 0px 2px 7.44px 0.56px rgba(0, 0, 0, 0.1); }

    .mobile-account-cart .account-cart li .dropdown .dropdown-menu li {

      margin-left: 0;

      display: block; }

      .mobile-account-cart .account-cart li .dropdown .dropdown-menu li a {

        padding: 0 10px;

        color: #666;

        line-height: 40px;

        font-size: 13px;

        border-bottom: 1px solid #e5e5e5;

        display: block;

        text-align: left; }

  .mobile-account-cart .account-cart li a {

    display: block;

    position: relative;

    font-size: 24px;

    font-weight: 500;

    text-align: center;

    height: 25px;

    color: #ffffff;

    line-height: 18px; }

    .mobile-account-cart .account-cart li a span {

      width: 18px;

      height: 18px;

      line-height: 18px;

      font-size: 11px;

      color: #fff;

      position: absolute;

      top: -8px;

      text-align: center;

      font-weight: 500;

      left: 23px;

      background: #e52e06;

      border-radius: 100%; }



.header-search {

  position: relative;

  margin-left: 10%; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .header-search {

      margin-left: 6%; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .header-search {

      margin-left: 2%; } }

  .header-search .search-category {

    position: absolute;

    left: 2px;

    top: 2px;

    display: inline-block;

    width: 150px;

    margin: 0;

    background: transparent; }

    @media (max-width: 767px) {

      .header-search .search-category {

        width: 120px; } 

      

        .header-cart {

          position: relative;

          margin-right: 15%;

      }

      

      }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search .search-category {

        width: 170px; } }

    .header-search .search-category::before {

      font-family: "Ionicons";

      content: "\f3d0";

      font-size: 20px;

      color: #333;

      position: absolute;

      right: -8px;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%); }

      @media (max-width: 767px) {

        .header-search .search-category::before {

          right: 5px;

          font-size: 16px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .header-search .search-category::before {

          right: 8px;

          font-size: 20px; } }

    .header-search .search-category select {

      width: 170px;

      height: 45px;

      line-height: 25px;

      margin: 0;

      border: 0;

      padding: 0 38px 0 20px;

      color: #333333;

      font-size: 16px;

      font-weight: 500;

      border-right: 1px solid #d9d9d9;

      border-radius: 30px 0px 0px 30px;

      -webkit-user-select: none;

      -moz-user-select: -moz-none;

      -ms-user-select: none;

      user-select: none;

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .header-search .search-category select {

          padding: 0 28px 0 10px;

          font-size: 14px; } }

      @media (max-width: 767px) {

        .header-search .search-category select {

          width: 120px;

          padding: 0 20px 0 5px;

          font-size: 13px;

          height: 35px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .header-search .search-category select {

          width: 170px;

          padding: 0 38px 0 20px;

          font-size: 16px;

          height: 45px; } }

  .header-search input {

    padding: 10px 60px 10px 180px;

    width: 100%;

    height: 50px;

    font-size: 16px;

    background: #fff;

    color: #999;

    border: 2px solid #e5e5e5; }

    @media (max-width: 767px) {

      .header-search input {

        padding-left: 125px;

        padding-right: 50px;

        font-size: 14px;

        height: 40px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search input {

        padding: 10px 60px 10px 180px;

        font-size: 16px;

        height: 50px; } }

  .header-search button {

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    padding: 0;

    font-weight: 700;

    background: #e52e06;

    border: 0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    font-size: 28px; }

    @media (max-width: 767px) {

      .header-search button {

        height: 40px;

        width: 40px;

        line-height: 40px;

        font-size: 22px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-search button {

        height: 50px;

        width: 50px;

        line-height: 50px;

        font-size: 28px; } }

    .header-search button:hover {

      background: #333; }



.header-cart {

  position: relative;

  margin-left: 35%;

}

  .header-cart .mini-cart {

    position: absolute;

    top: 100%;

    right: 0;

    width: 345px;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    z-index: 99;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    opacity: 0;

    visibility: hidden; }

    @media (max-width: 767px) {

      .header-cart .mini-cart {

        width: 270px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .header-cart .mini-cart {

        width: 345px; } }

    .header-cart .mini-cart .cart-items {

      padding: 0 20px; }

      @media (max-width: 767px) {

        .header-cart .mini-cart .cart-items {

          padding: 0 10px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .header-cart .mini-cart .cart-items {

          padding: 0 20px; } }

      .header-cart .mini-cart .cart-items li {

        width: 100%;

        padding: 20px 0;

        border-bottom: 1px solid #e5e5e5;

        margin-left: 0; }

        @media (max-width: 767px) {

          .header-cart .mini-cart .cart-items li {

            padding: 10px 0; } }

        @media only screen and (min-width: 576px) and (max-width: 767px) {

          .header-cart .mini-cart .cart-items li {

            padding: 20px 0; } }

      .header-cart .mini-cart .cart-items .single-cart-item .cart-item-thumb {

        width: 85px;

        position: relative; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-thumb img {

          width: 100%; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-thumb .product-quantity {

          position: absolute;

          top: 5px;

          left: 5px;

          min-width: 20px;

          line-height: 20px;

          border-radius: 100%;

          padding: 0;

          text-align: center;

          color: #fff;

          font-size: 12px;

          background-color: #e52e06; }

      .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content {

        position: relative;

        padding-left: 15px;

        padding-right: 30px;

        text-align: left !important; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content .product-name a {

          text-transform: capitalize;

          font-size: 14px;

          line-height: 20px;

          overflow: hidden;

          text-overflow: ellipsis;

          font-weight: 400;

          color: #333;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear;

          text-align: left; }

          .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content .product-name a:hover {

            color: #e52e06; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content .product-price {

          margin: 5px 0 0;

          font-size: 18px;

          font-weight: 500;

          color: #e52e06;

          display: block; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content .product-color {

          display: block;

          font-size: 14px;

          line-height: 20px;

          color: #666;

          margin: 5px 0 0; }

        .header-cart .mini-cart .cart-items .single-cart-item .cart-item-content .product-close {

          position: absolute;

          top: 0px;

          right: 5px;

          font-size: 18px;

          color: #333; }

    .header-cart .mini-cart .price_content {

      padding: 20px;

      border-bottom: 1px solid #e5e5e5; }

      .header-cart .mini-cart .price_content .price_inline {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        justify-content: space-between;

        border: 0;

        padding: 0; }

        .header-cart .mini-cart .price_content .price_inline .label {

          font-size: 16px;

          color: #333;

          font-weight: 500; }

        .header-cart .mini-cart .price_content .price_inline .value {

          font-weight: 600;

          color: #333;

          font-size: 16px; }

      .header-cart .mini-cart .price_content .cart-total.price_inline .value {

        color: #e52e06; }

    .header-cart .mini-cart .checkout {

      padding: 20px; }

      .header-cart .mini-cart .checkout .main-btn {

        background-color: #fff;

        color: #333;

        border: 1px solid #e5e5e5;

        border-radius: 50px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .header-cart .mini-cart .checkout .main-btn {

            height: 50px;

            line-height: 50px;

            font-size: 15px;

            letter-spacing: 0;

            display: inline-block; } }

        @media (max-width: 767px) {

          .header-cart .mini-cart .checkout .main-btn {

            height: 50px;

            line-height: 50px;

            font-size: 15px;

            letter-spacing: 0;

            display: inline-block; } }

        .header-cart .mini-cart .checkout .main-btn:hover {

          background-color: #333;

          color: #fff;

          border-color: #333; }

  .header-cart:hover .mini-cart {

    opacity: 1;

    visibility: visible; }



.overlay {

  content: "";

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: #333;

  z-index: 99;

  visibility: visible;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  opacity: 0;

  visibility: hidden; }

  .overlay.open {

    opacity: 0.6;

    visibility: visible; }



.mobile-nav .header-search {

  margin-left: 0;

  padding-bottom: 15px; }



.mobile-off-canvas-menu {

  /*background-image: url(../images/menubg.jpg);*/

  position: fixed;

  top: 0%;

  left: -350px;

  z-index: 999;

  width: 350px;

  height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  @media (max-width: 767px) {

    .mobile-off-canvas-menu {

      width: 280px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .mobile-off-canvas-menu {

      width: 300px; 

      background-image: url(../images/menubg.jpg);

    } }

  .mobile-off-canvas-menu.open {

    /*background-image: url(../images/menubg.jpg);*/
   background: #000000bf;
    left: 0%;

    width: 80%;

    top: 0%;

    height: 100%;

    background-size: cover;

  }

  .mobile-off-canvas-menu .mobile-canvas-menu-top .menu-nav {

    text-align: center;

    padding: 8px 0; }

    .mobile-off-canvas-menu .mobile-canvas-menu-top .menu-nav li {

      display: inline-block;

      margin: 0 15px; }

      .mobile-off-canvas-menu .mobile-canvas-menu-top .menu-nav li a {

        font-weight: 400;

        color: #333;

        cursor: pointer;

        line-height: 20px;

        font-size: 13px;

        text-transform: capitalize; }

  .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown {

    position: relative; }

    .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown .menu-expand {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 41px;

      cursor: pointer; }

    .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown button {

      background: transparent;

      border: none;

      border-top: 1px solid #ffffff1f;

      width: 100%;

      text-align: left;

      display: block;

      color: #ffffff;

      font-size: 13px;

      font-weight: 400;

      padding: 5px 35px;

      line-height: 30px;

      cursor: pointer;

      text-transform: uppercase; }

      .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown button i {

        float: right; }

    .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown .dropdown-menu {

      position: relative !important;

      border: 0;

      padding: 0;

      margin: 0;

      float: none;

      width: 100%;

      -webkit-transform: translate3d(0, 0, 0) !important;

      -moz-transform: translate3d(0, 0, 0) !important;

      -ms-transform: translate3d(0, 0, 0) !important;

      -o-transform: translate3d(0, 0, 0) !important;

      transform: translate3d(0, 0, 0) !important;

      z-index: 99; }

      .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown .dropdown-menu li {

        border-top: 1px solid #ffffff1f; }

        .mobile-off-canvas-menu .mobile-canvas-menu-top .dropdown .dropdown-menu li a {

          display: block;

          /* color: #333; */

          font-size: 12px;

          font-weight: 400;

          padding: 5px 20px;

          line-height: 30px;

          text-transform: uppercase; }



.mobile-canvas-close {

  background: #005dab;

  padding: 0 35px; }

  .mobile-canvas-close p {

    color: #fff;

    line-height: 40px;

    height: 40px;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    pointer-events: none;

    position: relative; }

    .mobile-canvas-close p i {

      position: absolute;

      right: 0;

      top: 0;

      line-height: 40px;

      height: 40px;

      cursor: pointer;

      z-index: 6; }



.mobile-main-menu .menu-content li {

  position: relative; }

  .mobile-main-menu .menu-content li a {

    display: block;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    padding: 10px 35px;

    padding-right: 50px;

    line-height: 30px;

    text-transform: capitalize;

    border-top: 1px solid #ffffff1f;

  }

    .mobile-main-menu .menu-content li a i {

      display: none; }

  .mobile-main-menu .menu-content li .mobile-menu-expand {

    position: absolute;

    right: 30px;

    top: 13px;

    width: 40px;

    height: 40px;

    cursor: pointer;

    border: none;

    background-color: #ffffff00;

  }

    .mobile-main-menu .menu-content li .mobile-menu-expand::before {

      /* position: absolute;

      content: '';

      width: 92%;

      height: 2px;

      background-color: #333;

      top: 47%;

      left: 6%;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%); */

    }

    .mobile-main-menu .menu-content li .mobile-menu-expand::after {

      /* position: absolute;

      content: '';

      width: 2px;

      height: 90%;

      background-color: #333;

      left: 50%;

      bottom: 2px;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear;

      -webkit-transform: translateX(-50%); 

      -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

      -o-transform: translateX(-50%);

      transform: translateX(-50%);  */

    }

  .mobile-main-menu .menu-content li.active-expand > .mobile-menu-expand::after {

    height: 0; }

  .mobile-main-menu .menu-content li .mega-sub-menu {

    padding: 5px 5px; }

    .mobile-main-menu .menu-content li .mega-sub-menu .menu-title {

      display: block;

      color: #333;

      font-size: 14px;

      font-weight: 500;

      padding: 5px 45px;

      padding-right: 50px;

      line-height: 30px;

      text-transform: capitalize;

      border-top: 1px solid #e5e5e5; }

    .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .menu-block {

      margin-bottom: 20px;

      padding-left: 30px; }

      .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .menu-block .custom-title {

        font-size: 14px;

        font-weight: 500;

        color: #333;

        text-transform: capitalize; }

      .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .menu-block p {

        margin-top: 20px;

        font-size: 13px;

        font-weight: 400;

        text-transform: capitalize;

        line-height: 18px; }

    .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .custom-banner {

      margin-top: 10px; }

      .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .custom-banner a {

        display: block;

        line-height: inherit;

        height: auto;

        padding: 0;

        margin: 0;

        overflow: hidden; }

        .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .custom-banner a img {

          width: 100%;  

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

        .mobile-main-menu .menu-content li .mega-sub-menu .custom-menu .custom-banner a:hover img {

          -webkit-transform: scale(1.03);

          -moz-transform: scale(1.03);

          -ms-transform: scale(1.03);

          -o-transform: scale(1.03);

          transform: scale(1.03); }

    .mobile-main-menu .menu-content li .mega-sub-menu li {

      border-bottom: 0;

      padding-left: 0; }

      .mobile-main-menu .menu-content li .mega-sub-menu li a {

        padding-left: 60px;

        font-weight: 400; }

    .mobile-main-menu .menu-content li .mega-sub-menu .custom-banner a {

      display: block;

      line-height: inherit;

      height: auto;

      padding: 10px 20px;

      margin: 0;

      overflow: hidden; }

      .mobile-main-menu .menu-content li .mega-sub-menu .custom-banner a img {

        width: 100%;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear; }

      .mobile-main-menu .menu-content li .mega-sub-menu .custom-banner a:hover img {

        -webkit-transform: scale(1.03);

        -moz-transform: scale(1.03);

        -ms-transform: scale(1.03);

        -o-transform: scale(1.03);

        transform: scale(1.03); }

  .mobile-main-menu .menu-content li .sub-menu li a {

    font-weight: 400;

    padding-left: 50px; }

  .mobile-main-menu .menu-content li .sub-menu li .submenu-item li a, .mobile-main-menu .menu-content li .sub-menu li .sub-menu li a {

    padding-left: 65px; }

  .mobile-main-menu .menu-content li .sub-menu li img {

    padding: 10px;

    padding-right: 20px; }



/*===== header 3 =====*/

.header-3 {

  background-color: #1c2454; }

  .header-3 .header-nav {

    background-color: #000;

    border-bottom: 0; }

    .header-3 .header-nav .header-nav-wrapper .header-static-nav p {

      color: #fff; }

      .header-3 .header-nav .header-nav-wrapper .header-static-nav p .text {

        color: #fff; }

    .header-3 .header-nav .header-nav-wrapper .header-menu-nav .menu-nav li + li {

      margin-left: 30px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .header-3 .header-nav .header-nav-wrapper .header-menu-nav .menu-nav li + li {

          margin-left: 20px; } }

      .header-3 .header-nav .header-nav-wrapper .header-menu-nav .menu-nav li + li::before {

        color: rgba(255, 255, 255, 0.4); }

    .header-3 .header-nav .header-nav-wrapper .header-menu-nav .menu-nav li a {

      color: #fff; }

    .header-3 .header-nav .header-nav-wrapper .header-menu-nav .menu-nav li .dropdown button {

      color: #fff; }

  .header-3 .header-contact i {

    color: #fff; }

  .header-3 .header-contact .phone p {

    color: #fff; }

  .header-3 .mobile-toggle a {

    color: #fff; }

  .header-3 .mobile-account-cart .account-cart li .dropdown button {

    color: #fff; }

    .header-3 .mobile-account-cart .account-cart li .dropdown button i {

      font-size: 24px; }

  .header-3 .mobile-account-cart .account-cart li a {

    color: #fff; }

  .header-3 .header-menu {

    background-color: #1c2454;

    border-top: 1px solid rgba(255, 255, 255, 0.4); }

    .header-3 .header-menu.sticky {

      border-top: 0; }



.col-menu-left {

  width: 370px;

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .col-menu-left {

      width: 300px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col-menu-left {

      width: 270px; } }



.col-menu-right {

  width: calc(100% - 370px);

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .col-menu-right {

      width: calc(100% - 300px); } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col-menu-right {

      width: calc(100% - 270px); } }



/*===========================

     03.Slider css 

===========================*/

.single-slider {

  position: relative; }

  .single-slider .slider-image img {

    width: 100%; }

    @media (max-width: 767px) {

      .single-slider .slider-image img {

        /* width: 100%; */

        /* height: 328px;

        object-fit: cover;

        object-position: initial; */

      } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .single-slider .slider-image img {

        height: auto;

        object-fit: contain;

        object-position: right center; } }

  .single-slider .slider-content-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    top: 41%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%); 

    z-index: 9999;

  }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .single-slider .slider-content-wrapper {

        top: 50%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-slider .slider-content-wrapper {

        top: 42%; } }

    @media (max-width: 767px) {

      .single-slider .slider-content-wrapper {

        top: 50%; } }

    .single-slider .slider-content-wrapper.slider-content-wrapper-2 {

      top: 50%; }

  .single-slider .slider-content {

    text-align: center;

    max-width: 55%;

    margin-right: auto;

    margin-top: 20%;

  }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-slider .slider-content {

        padding-bottom: 0; } }

    @media (max-width: 767px) {

      .single-slider .slider-content {

        max-width: 100%;

        margin-left: 0;

        padding-bottom: 0; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .single-slider .slider-content {

        max-width: 43%;

        margin-left: auto; } }

    .single-slider .slider-content .sub-title {

      font-size: 24px;

      color: #ffde00;

      font-weight: 400;

      line-height: 1;

      text-transform: uppercase;

      padding-bottom: 30px;

      position: relative; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-slider .slider-content .sub-title {

          font-size: 22px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-slider .slider-content .sub-title {

          font-size: 20px;

          padding-bottom: 20px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-slider .slider-content .sub-title {

          font-size: 16px;

          padding-bottom: 10px; } }

      @media (max-width: 767px) {

        .single-slider .slider-content .sub-title {

          font-size: 15px;

          padding-bottom: 10px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-slider .slider-content .sub-title {

          font-size: 11px;

          padding-bottom: 10px; } }

      .single-slider .slider-content .sub-title::before {

        content: "";

        width: 90px;

        height: 2px;

        background: #ffde00;

        position: absolute;

        left: 0;

        bottom: 0; }

    .single-slider .slider-content .main-title {

      margin-top: 40px;

      font-weight: 900;

      font-size: 80px;

      letter-spacing: 2px;

      color: #fff; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-slider .slider-content .main-title {

          font-size: 68px;

          margin-top: 10px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-slider .slider-content .main-title {

          font-size: 50px;

          margin-top: 20px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-slider .slider-content .main-title {

          font-size: 36px;

          margin-top: 10px;

          line-height: 36px;

          letter-spacing: 0; } }

      @media (max-width: 767px) {

        .single-slider .slider-content .main-title {

          font-size: 24px;

          margin-top: 10px;

          line-height: 36px;

          letter-spacing: 0; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-slider .slider-content .main-title {

          font-size: 20px;

          margin-top: 10px;

          line-height: 28px;

          letter-spacing: 0; } }

      .single-slider .slider-content .main-title span {

      

        color: rgb(255, 0, 0);

        }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .single-slider .slider-content .main-title span {

            font-size: 40px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .single-slider .slider-content .main-title span {

            font-size: 32px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .single-slider .slider-content .main-title span {

            font-size: 32px; } }

        @media (max-width: 767px) {

          .single-slider .slider-content .main-title span {

            font-size: 18px; } }

    .single-slider .slider-content p {

      font-size: 24px;

      color: #fff;

      font-weight: 300;

      line-height: 34px;

      margin-top: 20px; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-slider .slider-content p {

          font-size: 20px;

          line-height: 30px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-slider .slider-content p {

          font-size: 18px;

          line-height: 28px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-slider .slider-content p {

          font-size: 14px;

          line-height: 24px;

          margin-top: 10px; } }

      @media (max-width: 767px) {

        .single-slider .slider-content p {

          font-size: 14px;

          line-height: 24px;

          margin-top: 10px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-slider .slider-content p {

          font-size: 10px;

          line-height: 17px;

          margin-top: 5px; } }

    .single-slider .slider-content .main-btn {

      margin-top: 10px; 

    }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-slider .slider-content .main-btn {

          margin-top: 40px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-slider .slider-content .main-btn {

          margin-top: 30px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-slider .slider-content .main-btn {

          margin-top: 20px;

          height: 40px;

          line-height: 40px;

          padding: 0 25px;

          font-size: 14px; } }

      @media (max-width: 767px) {

        .single-slider .slider-content .main-btn {

          margin-top: 30px;

          height: 40px;

          line-height: 40px;

          padding: 0 25px;

          font-size: 14px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-slider .slider-content .main-btn {

          margin-top: 15px;

          height: 40px;

          line-height: 40px;

          padding: 0 25px;

          font-size: 13px; } }

    .single-slider .slider-content.slider-content-2 .sub-title {

      color: #e52e06; }

      .single-slider .slider-content.slider-content-2 .sub-title::before {

        background: #e52e06; }

    .single-slider .slider-content.slider-content-2 .main-title {

      color: #000; }

      .single-slider .slider-content.slider-content-2 .main-title span {

        color: #000; }

    .single-slider .slider-content.slider-content-2 p {

      color: #666; }



.slider-active .slick-arrow {

  position: absolute;

  top: 40%;

  left: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .slider-active .slick-arrow i {

    font-size: 56px;

    color: #fff; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .slider-active .slick-arrow i {

        font-size: 40px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .slider-active .slick-arrow i {

        font-size: 30px; } }

  .slider-active .slick-arrow.next {

    left: auto;

    right: 0; }

.slider-active:hover .slick-arrow {

  left: 30px;

  visibility: visible;

  opacity: 1; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-active:hover .slick-arrow {

      left: 15px; } }

  .slider-active:hover .slick-arrow.next {

    left: auto;

    right: 30px; }

    @media (max-width: 767px) {

      .slider-active:hover .slick-arrow.next {

        right: 15px; } }



/*===== Slider 3 =====*/

.slider-3 .slider-content-wrapper {

  top: 50%; }

.slider-3 .slider-content {

  max-width: 100%;

  padding: 0 80px;

  margin-left: 0; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .slider-3 .slider-content {

      padding: 50px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-3 .slider-content {

      padding: 50px; } }

  @media (max-width: 767px) {

    .slider-3 .slider-content {

      padding: 20px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .slider-3 .slider-content {

      padding: 40px; } }

  .slider-3 .slider-content .main-title {

    margin-top: 0;

    font-size: 70px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .slider-3 .slider-content .main-title {

        font-size: 60px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .slider-3 .slider-content .main-title {

        font-size: 50px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .slider-3 .slider-content .main-title {

        font-size: 50px;

        line-height: 65px; } }

    @media (max-width: 767px) {

      .slider-3 .slider-content .main-title {

        font-size: 36px;

        line-height: 42px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .slider-3 .slider-content .main-title {

        font-size: 44px;

        line-height: 50px; } }

    .slider-3 .slider-content .main-title span {

      font-size: 40px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .slider-3 .slider-content .main-title span {

          font-size: 30px; } }

      @media (max-width: 767px) {

        .slider-3 .slider-content .main-title span {

          font-size: 22px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .slider-3 .slider-content .main-title span {

          font-size: 26px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .slider-3 .slider-content p {

      font-size: 18px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-3 .slider-content p {

      font-size: 18px; } }

  @media (max-width: 767px) {

    .slider-3 .slider-content p {

      font-size: 14px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .slider-3 .slider-content p {

      font-size: 16px;

      line-height: 24px; } }

.slider-3 .slider-active .slick-arrow i {

  font-size: 36px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .slider-3 .slider-active .slick-arrow i {

      font-size: 26px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-3 .slider-active .slick-arrow i {

      font-size: 20px; } }

.slider-3 .slider-active:hover .slick-arrow {

  left: 15px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-3 .slider-active:hover .slick-arrow {

      left: 10px; } }

  .slider-3 .slider-active:hover .slick-arrow.next {

    left: auto;

    right: 15px; }

    @media (max-width: 767px) {

      .slider-3 .slider-active:hover .slick-arrow.next {

        right: 10px; } }



.slider-banner {

  overflow: hidden;

  position: relative;

  z-index: 5; }

  .slider-banner a {

    display: block; }

    .slider-banner a img {

      width: 100%;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

  .slider-banner:hover a img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }



.col-slider-left {

  width: 370px;

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .col-slider-left {

      width: 300px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col-slider-left {

      display: none; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .col-slider-left {

      display: none; } }

  @media (max-width: 767px) {

    .col-slider-left {

      display: none; } }



.col-slider-right {

  width: calc(100% - 370px);

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .col-slider-right {

      width: calc(100% - 300px); } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col-slider-right {

      width: 100%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .col-slider-right {

      width: 100%; } }

  @media (max-width: 767px) {

    .col-slider-right {

      width: 100%; } }



/*===========================

     04.Banner css 

===========================*/

.banner-area.banner-bg {

  background-color: #f1f1f1; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-area.banner-bg {

      padding-top: 70px; } }

  @media (max-width: 767px) {

    .banner-area.banner-bg {

      padding-top: 70px; } }



.banner-image {

  overflow: hidden;

  margin-top: -200px;

  position: relative;

  z-index: 5; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .banner-image {

      margin-top: -50px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .banner-image {

      margin-top: -80px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-image {

      margin-top: 30px; } }

  @media (max-width: 767px) {

    .banner-image {

      margin-top: 30px; } }

  .banner-image a {

    display: block; }

    .banner-image a img {

      width: 100%;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

  .banner-image:hover a img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1); }

  .banner-image.banner-2 {

    margin-top: 30px; }

    .banner-image.banner-2 img {

      width: 100%; }



/*===========================

     05.Category css 

===========================*/

.category-area.category-bg {

  background-color: #f1f1f1; }



.single-category {

  margin-top: 30px; }

  .single-category a {

    display: block;

    background-color: #fff;

    padding-bottom: 35px;

    border: 1px solid #e5e5e5; }

    @media only screen and (min-width: 1600px) {

      .single-category a {

        padding-bottom: 50px;

        padding-top: 15px; } }

    .single-category a img {

      margin: 0 auto; }

    .single-category a p {

      font-size: 16px;

      text-transform: capitalize;

      color: #333;

      font-weight: 500;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

    .single-category a:hover p {

      color: #e52e06; }



.category-active-2 .slick-arrow,

.category-active .slick-arrow {

  position: absolute;

  top: 50%;

  left: -15px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .category-active-2 .slick-arrow i,

  .category-active .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .category-active-2 .slick-arrow.next,

  .category-active .slick-arrow.next {

    left: auto;

    right: -15px; }

.category-active-2:hover .slick-arrow,

.category-active:hover .slick-arrow {

  visibility: visible;

  opacity: 1; }

.category-active-2 .slick-dots,

.category-active .slick-dots {

  text-align: center;

  width: 100%;

  margin-top: 10px; }

  .category-active-2 .slick-dots li,

  .category-active .slick-dots li {

    display: inline-block;

    margin: 0 5px; }

    .category-active-2 .slick-dots li button,

    .category-active .slick-dots li button {

      width: 13px;

      height: 13px;

      border: 0;

      background-color: rgba(51, 51, 51, 0.3);

      border-radius: 50%;

      font-size: 0; }

    .category-active-2 .slick-dots li.slick-active button,

    .category-active .slick-dots li.slick-active button {

      background-color: #e52e06; }



/*===========================

     06.Product css 

===========================*/

.product-menu .nav .nav-item a {

  display: inline-block;

  font-size: 20px;

  color: #333;

  text-transform: capitalize;

  font-weight: 500;

  border-radius: 25px;

  line-height: 30px;

  padding: 0 28px;

  cursor: pointer;

  margin: 0 5px;

  position: relative;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  z-index: 5;

  overflow: hidden;

  border: 1px solid #e5e5e5;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-menu .nav .nav-item a {

      line-height: 45px;

      font-size: 18px; } }

  @media (max-width: 767px) {

    .product-menu .nav .nav-item a {

      line-height: 40px;

      font-size: 14px;

      padding: 0 20px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .product-menu .nav .nav-item a {

      line-height: 45px;

      font-size: 16px;

      padding: 0 25px; } }

  .product-menu .nav .nav-item a::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

    background: linear-gradient(to right, #bc6eff 0%, #65e2ff 100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

  .product-menu .nav .nav-item a.active {

    color: #fff;

    border-color: transparent; }

    .product-menu .nav .nav-item a.active::before {

      opacity: 1;

      visibility: visible; }



.single-product {

  border: 1px solid #e5e5e5; }

  .single-product .product-image {

    position: relative; }

    .single-product .product-image a {

      display: block;

      position: relative; }

      .single-product .product-image a .first-image {

        width: 100%; }

      .single-product .product-image a .second-image {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 2;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear; }

    .single-product .product-image .product-meta {

      position: absolute;

      bottom: 5px;

      left: 0;

      right: 0;

      max-width: 232px;

      width: 100%;

      margin: 0 auto;

      background-color: #fff;

      -webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

      -moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

      box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear;

      z-index: 99;

      -webkit-transform: scale3d(0, 0, 0);

      -moz-transform: scale3d(0, 0, 0);

      -ms-transform: scale3d(0, 0, 0);

      -o-transform: scale3d(0, 0, 0);

      transform: scale3d(0, 0, 0); }

      .single-product .product-image .product-meta li {

        display: inline-block;

        width: 23%;

        text-align: center;

        border-right: 1px solid #e5e5e5;

        margin: 0 auto; }

        .single-product .product-image .product-meta li:last-child {

          border-right: 0; }

        .single-product .product-image .product-meta li a {

          display: block;

          color: #666;

          padding: 0;

          border: none;

          line-height: 55px;

          height: 55px;

          border: none;

          padding: 0;

          font-size: 28px;

          text-align: center;

          text-transform: capitalize;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear;

          width: 100%; }

        .single-product .product-image .product-meta li:hover a {

          color: #e52e06; }

    .single-product .product-image .discount-product {

      position: absolute;

      top: 10px;

      right: 10px;

      display: block;

      color: #fff;

      padding: 0;

      width: 53px;

      text-align: center;

      line-height: 53px;

      height: 53px;

      border-radius: 100%;

      font-size: 16px;

      font-weight: 400;

      text-transform: capitalize;

      text-align: center;

      z-index: 4;

      background-color: #e52e06; }

      @media (max-width: 767px) {

        .single-product .product-image .discount-product {

          width: 43px;

          height: 43px;

          line-height: 43px; } }

  .single-product .product-content {

    padding: 30px 15px;

    background-color: #fff;

    overflow: hidden;

    position: relative;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

    @media (max-width: 767px) {

      .single-product .product-content {

        padding: 10px 15px 30px; } }

    .single-product .product-content .product-rating {

      margin-bottom: 15px; }

      .single-product .product-content .product-rating li {

        display: inline-block;

        font-size: 12px;

        color: #e1e1e1; }

        .single-product .product-content .product-rating li.rating-on {

          color: #f3cd1e; }

    .single-product .product-content .product-title a {

      margin-bottom: 15px;

      font-size: 25px;

      text-transform: capitalize;

      color: #333;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear;

      font-weight: 400; }

      .single-product .product-content .product-title a:hover {

        color: #065fe5; }

    .single-product .product-content .product-price .regular-price {

      color: #888888;

      font-weight: 500;

      text-decoration: line-through;

      margin-right: 8px;

      font-size: 14px; }

    .single-product .product-content .product-price .price-sale {

      font-size: 20px;

      font-weight: 500;

      color: #e52e06;

      margin-right: 8px; }

  .single-product.product-list .product-image {

    width: 100%; }

    @media (max-width: 767px) {

      .single-product.product-list .product-image {

        width: 100%; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .single-product.product-list .product-image {

        width: 50%; } }

  .single-product.product-list .product-content {

    width: 100%; }

    @media (max-width: 767px) {

      .single-product.product-list .product-content {

        width: 100%; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .single-product.product-list .product-content {

        width: 50%; } }

  .single-product:hover {

    border-color: rgba(51, 51, 51, 0.4); }

    .single-product:hover .product-image a .second-image {

      opacity: 1;

      visibility: visible; }

    .single-product:hover .product-image .product-meta {

      -webkit-transform: scale3d(1, 1, 1);

      -moz-transform: scale3d(1, 1, 1);

      -ms-transform: scale3d(1, 1, 1);

      -o-transform: scale3d(1, 1, 1);

      transform: scale3d(1, 1, 1); }



.single-product-list .product-image {

  position: relative; }

  .single-product-list .product-image a {

    display: block;

    position: relative; }

    .single-product-list .product-image a .first-image {

      width: 100%; }

    .single-product-list .product-image a .second-image {

      width: 100%;

      position: absolute;

      top: 0;

      left: 0;

      z-index: 2;

      opacity: 0;

      visibility: hidden;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

  .single-product-list .product-image .discount-product {

    position: absolute;

    top: 10px;

    right: 10px;

    display: block;

    color: #fff;

    padding: 0;

    width: 53px;

    text-align: center;

    line-height: 53px;

    height: 53px;

    border-radius: 100%;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    text-align: center;

    z-index: 4;

    background-color: #e52e06; }

    @media (max-width: 767px) {

      .single-product-list .product-image .discount-product {

        width: 43px;

        height: 43px;

        line-height: 43px; } }

.single-product-list .product-content {

  padding: 30px 15px;

  background-color: #fff;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  .single-product-list .product-content .product-rating {

    margin-bottom: 15px; }

    .single-product-list .product-content .product-rating li {

      display: inline-block;

      font-size: 12px;

      color: #e1e1e1; }

      .single-product-list .product-content .product-rating li.rating-on {

        color: #f3cd1e; }

  .single-product-list .product-content .product-title a {

    margin-bottom: 15px;

    font-size: 20px;

    text-transform: capitalize;

    color: #333;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    font-weight: 400; }

    @media (max-width: 767px) {

      .single-product-list .product-content .product-title a {

        font-size: 16px; } }

    .single-product-list .product-content .product-title a:hover {

      color: #e52e06; }

  .single-product-list .product-content .availability {

    font-size: 13px;

    text-transform: capitalize;

    color: #868686;

    line-height: 1;

    display: block;

    font-weight: 400;

    margin-bottom: 15px; }

    .single-product-list .product-content .availability strong {

      font-weight: 400;

      color: #e52e06; }

  .single-product-list .product-content .product-price .regular-price {

    color: #888888;

    font-weight: 500;

    text-decoration: line-through;

    margin-right: 8px;

    font-size: 14px; }

  .single-product-list .product-content .product-price .price-sale {

    font-size: 20px;

    font-weight: 500;

    color: #e52e06;

    margin-right: 8px; }

  .single-product-list .product-content p {

    margin-top: 15px; }

  .single-product-list .product-content .product-meta {

    max-width: 232px;

    width: 100%;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

    -moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

    box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.2);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    z-index: 99;

    margin-top: 25px; }

    .single-product-list .product-content .product-meta li {

      display: inline-block;

      width: 23%;

      text-align: center;

      border-right: 1px solid #e5e5e5;

      margin: 0 auto; }

      .single-product-list .product-content .product-meta li:last-child {

        border-right: 0; }

      .single-product-list .product-content .product-meta li a {

        display: block;

        color: #666;

        padding: 0;

        border: none;

        line-height: 55px;

        height: 55px;

        border: none;

        padding: 0;

        font-size: 28px;

        text-align: center;

        text-transform: capitalize;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear;

        width: 100%; }

      .single-product-list .product-content .product-meta li:hover a {

        color: #e52e06; }

.single-product-list:hover .product-image a .second-image {

  opacity: 1;

  visibility: visible; }



.product-col1 {

  width: 20.6%;

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .product-col1 {

      width: 27.5%; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-col1 {

      width: 35%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-col1 {

      width: 50%; } }

  @media (max-width: 767px) {

    .product-col1 {

      width: 100%; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .product-col1 {

      width: 54%; } }



.product-col2 {

  width: calc(100% - 20.6%);

  padding: 0 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .product-col2 {

      width: calc(100% - 27.5%); } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-col2 {

      width: calc(100% - 35%); } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-col2 {

      width: calc(100% - 50%); } }

  @media (max-width: 767px) {

    .product-col2 {

      width: calc(100% - 0%); } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .product-col2 {

      width: calc(100% - 54%); } }



.product-active-4 .slick-arrow,

.product-active-3 .slick-arrow,

.product-active-2 .slick-arrow,

.product-active .slick-arrow {

  position: absolute;

  top: 50%;

  left: -5px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .product-active-4 .slick-arrow i,

  .product-active-3 .slick-arrow i,

  .product-active-2 .slick-arrow i,

  .product-active .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .product-active-4 .slick-arrow.next,

  .product-active-3 .slick-arrow.next,

  .product-active-2 .slick-arrow.next,

  .product-active .slick-arrow.next {

    left: auto;

    right: -5px; }

.product-active-4:hover .slick-arrow,

.product-active-3:hover .slick-arrow,

.product-active-2:hover .slick-arrow,

.product-active:hover .slick-arrow {

  visibility: visible;

  opacity: 1; }

.product-active-4 .slick-dots,

.product-active-3 .slick-dots,

.product-active-2 .slick-dots,

.product-active .slick-dots {

  text-align: center;

  width: 100%;

  margin-top: 10px; }

  .product-active-4 .slick-dots li,

  .product-active-3 .slick-dots li,

  .product-active-2 .slick-dots li,

  .product-active .slick-dots li {

    display: inline-block;

    margin: 0 5px; }

    .product-active-4 .slick-dots li button,

    .product-active-3 .slick-dots li button,

    .product-active-2 .slick-dots li button,

    .product-active .slick-dots li button {

      width: 13px;

      height: 13px;

      border: 0;

      background-color: rgba(51, 51, 51, 0.3);

      border-radius: 50%;

      font-size: 0; }

    .product-active-4 .slick-dots li.slick-active button,

    .product-active-3 .slick-dots li.slick-active button,

    .product-active-2 .slick-dots li.slick-active button,

    .product-active .slick-dots li.slick-active button {

      background-color: #e52e06; }



/*===========================

     07.Special Product css 

===========================*/

.special-products-area {

  background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

  background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

  background: linear-gradient(to right, #0546fb  0%, #65e2ff 100%); }



.special-products-gallery {

  display: inline-block;

  width: 100%;

  padding: 15px 15px 15px 60px;

  background-color: #fff;

  max-height: 596px;

  height: 100%; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .special-products-gallery {

      padding-left: 15px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .special-products-gallery {

      padding-left: 15px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .special-products-gallery {

      max-height: inherit;

      height: auto; } }

  @media (max-width: 767px) {

    .special-products-gallery {

      padding-left: 15px;

      max-height: inherit;

      height: auto; } }

  .special-products-gallery .products-gallery-thumb .products-thumb {

    width: 105px;

    padding: 11px 0;

    margin-right: 10px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-products-gallery .products-gallery-thumb .products-thumb {

        width: 95px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-gallery .products-gallery-thumb .products-thumb {

        width: 90px; } }

    @media (max-width: 767px) {

      .special-products-gallery .products-gallery-thumb .products-thumb {

        width: 50px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .special-products-gallery .products-gallery-thumb .products-thumb {

        width: 80px; } }

    .special-products-gallery .products-gallery-thumb .products-thumb li {

      display: block;

      border: 1px solid #e5e5e5;

      margin: 15px 0;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear;

      cursor: pointer; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .special-products-gallery .products-gallery-thumb .products-thumb li {

          margin: 5px 0; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .special-products-gallery .products-gallery-thumb .products-thumb li {

          margin: 5px 0; } }

      @media (max-width: 767px) {

        .special-products-gallery .products-gallery-thumb .products-thumb li {

          margin: 5px 0; } }

      .special-products-gallery .products-gallery-thumb .products-thumb li:hover {

        border-color: rgba(51, 51, 51, 0.4); }

      .special-products-gallery .products-gallery-thumb .products-thumb li img {

        width: 100%; }

  .special-products-gallery .products-gallery-image {

    width: 72%; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-gallery .products-gallery-image {

        width: 77%; } }

    @media (max-width: 767px) {

      .special-products-gallery .products-gallery-image {

        width: 77%; } }

    .special-products-gallery .products-gallery-image .single-products-image a {

      display: block; }

      .special-products-gallery .products-gallery-image .single-products-image a img {

        width: 100%; }



.special-products-countdown {

  padding: 30px;

  background-color: #fff;

  height: 100%;

  max-height: 596px;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .special-products-countdown {

      max-height: inherit;

      height: auto; } }

  @media (max-width: 767px) {

    .special-products-countdown {

      padding: 30px 15px;

      max-height: inherit;

      height: auto; } }

  .special-products-countdown .special-title {

    font-size: 24px;

    color: #333;

    font-weight: 500;

    padding-bottom: 20px;

    position: relative; }

    .special-products-countdown .special-title::before {

      content: "";

      width: 92px;

      height: 2px;

      background: #333;

      position: absolute;

      bottom: 0;

      left: 0;

      text-align: center; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-products-countdown .special-title {

        font-size: 20px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-countdown .special-title {

        font-size: 20px; } }

    @media (max-width: 767px) {

      .special-products-countdown .special-title {

        font-size: 16px; } }

  .special-products-countdown .products-title a {

    margin-top: 50px;

    color: #333;

    font-size: 60px;

    font-weight: 400; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-products-countdown .products-title a {

        font-size: 40px;

        margin-top: 30px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-countdown .products-title a {

        font-size: 40px;

        margin-top: 30px; } }

    @media (max-width: 767px) {

      .special-products-countdown .products-title a {

        font-size: 30px;

        margin-top: 30px; } }

  .special-products-countdown .products-rating {

    margin-top: 50px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-products-countdown .products-rating {

        margin-top: 30px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-countdown .products-rating {

        margin-top: 30px; } }

    @media (max-width: 767px) {

      .special-products-countdown .products-rating {

        margin-top: 30px; } }

    .special-products-countdown .products-rating li {

      display: inline-block;

      font-size: 12px;

      color: #e1e1e1;

      color: #f3cd1e; }

  .special-products-countdown .countdown-time {

    padding-top: 15px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-products-countdown .countdown-time {

        padding-top: 5px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-products-countdown .countdown-time {

        padding-top: 5px; } }

    .special-products-countdown .countdown-time .single-countdown {

      display: inline-block;

      text-align: center;

      position: relative;

      margin-top: 15px; }

      .special-products-countdown .countdown-time .single-countdown .countdown-amount {

        display: inline-block;

        font-size: 28px;

        line-height: 70px;

        width: 70px;

        height: 70px;

        border: 1px solid #999999;

        color: #999999;

        font-weight: 400;

        position: relative;

        border-radius: 100%; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .special-products-countdown .countdown-time .single-countdown .countdown-amount {

            font-size: 20px;

            width: 60px;

            height: 60px;

            line-height: 60px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .special-products-countdown .countdown-time .single-countdown .countdown-amount {

            font-size: 16px;

            width: 45px;

            height: 45px;

            line-height: 45px; } }

        @media (max-width: 767px) {

          .special-products-countdown .countdown-time .single-countdown .countdown-amount {

            font-size: 16px;

            width: 50px;

            height: 50px;

            line-height: 50px; } }

      .special-products-countdown .countdown-time .single-countdown .countdown-period {

        font-size: 14px;

        line-height: 34px;

        color: #999999;

        text-transform: uppercase;

        padding: 0 10px;

        margin-left: -8px;

        background: #fff;

        position: relative;

        display: inline-block;

        z-index: 1;

        vertical-align: 4px; }

  .special-products-countdown .product-price-and-cart {

    margin-top: 40px; }

    .special-products-countdown .product-price-and-cart .product-price .price-sale {

      font-size: 26px;

      color: #e52e06;

      font-weight: 500; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .special-products-countdown .product-price-and-cart .product-price .price-sale {

          font-size: 22px; } }

      @media (max-width: 767px) {

        .special-products-countdown .product-price-and-cart .product-price .price-sale {

          font-size: 20px; } }

    .special-products-countdown .product-price-and-cart .product-price .regular-price {

      color: #888888;

      font-weight: 500;

      text-decoration: line-through;

      margin-left: 20px;

      font-size: 14px; }

    .special-products-countdown .product-price-and-cart .product-cart {

      margin-left: 30px;

      in-left: 30px; }

      @media (max-width: 767px) {

        .special-products-countdown .product-price-and-cart .product-cart {

          margin-left: 0;

          margin-top: 20px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .special-products-countdown .product-price-and-cart .product-cart {

          margin-left: 30px;

          margin-top: 0; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .special-products-countdown .product-price-and-cart .product-cart .main-btn {

          height: 50px;

          line-height: 50px;

          padding: 0 25px; } }

      @media (max-width: 767px) {

        .special-products-countdown .product-price-and-cart .product-cart .main-btn {

          height: 50px;

          line-height: 50px;

          padding: 0 25px; } }



.special-products-active .slick-dots {

  text-align: center;

  margin-top: 30px; }

  .special-products-active .slick-dots li {

    display: inline-block;

    margin: 0 5px; }

    .special-products-active .slick-dots li button {

      border: 0;

      width: 30px;

      height: 30px;

      border-radius: 50%;

      background-color: rgba(255, 255, 255, 0.7);

      font-size: 0;

      cursor: pointer; }

    .special-products-active .slick-dots li.slick-active button {

      background-color: #fff; }



/*===== Special Product =====*/

.special-product-2 .special-product-countdown-2 {

  background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

  background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 100%);

  background: linear-gradient(to right, #bc6eff 0%, #65e2ff 100%);

  padding: 25px 40px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .special-product-2 .special-product-countdown-2 {

      padding: 30px 15px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .special-product-2 .special-product-countdown-2 {

      padding: 30px; } }

  @media (max-width: 767px) {

    .special-product-2 .special-product-countdown-2 {

      padding: 20px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .special-product-2 .special-product-countdown-2 {

      padding: 40px; } }

  .special-product-2 .special-product-countdown-2 .special-title {

    font-size: 24px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    display: inline-block; }

    @media (max-width: 767px) {

      .special-product-2 .special-product-countdown-2 .special-title {

        font-size: 20px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .special-product-2 .special-product-countdown-2 .special-title {

        font-size: 24px; } }

  .special-product-2 .special-product-countdown-2 .countdown-time {

    padding-top: 15px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-product-2 .special-product-countdown-2 .countdown-time {

        padding-top: 5px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-product-2 .special-product-countdown-2 .countdown-time {

        padding-top: 5px; } }

    .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown {

      display: inline-block;

      text-align: center;

      position: relative;

      margin-top: 15px;

      margin-right: 10px; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown {

          margin-right: 0; } }

      .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown .countdown-amount {

        display: inline-block;

        font-size: 20px;

        line-height: 52px;

        width: 49px;

        height: 52px;

        color: #fff;

        font-weight: 400;

        position: relative;

        background-image: url(../images/bg-cound.png);

        background-size: 100% 100%;

        background-repeat: no-repeat;

        background-position: center center; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown .countdown-amount {

            width: 37px;

            height: 40px;

            line-height: 40px;

            font-size: 16px; } }

      .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown .countdown-period {

        font-size: 14px;

        line-height: 34px;

        color: #fff;

        text-transform: uppercase;

        padding: 0 10px;

        margin-left: -15px;

        position: relative;

        display: inline-block;

        z-index: 1;

        vertical-align: 2px; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .special-product-2 .special-product-countdown-2 .countdown-time .single-countdown .countdown-period {

            font-size: 13px; } }

.special-product-2 .special-product-gallery-2 {

  border: 2px solid #e5e5e5;

  padding: 0 20px 40px; }

  @media only screen and (min-width: 1600px) {

    .special-product-2 .special-product-gallery-2 {

      padding: 0 40px 40px; } }

  .special-product-2 .special-product-gallery-2 .product-gallery-image-2 .single-products-image a {

    display: block; }

    .special-product-2 .special-product-gallery-2 .product-gallery-image-2 .single-products-image a img {

      width: 100%; }

  .special-product-2 .special-product-gallery-2 .product-gallery-thumb-2 .product-thumb-2 li {

    margin: 0 10px;

    border: 1px solid #e5e5e5;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    cursor: pointer; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-product-2 .special-product-gallery-2 .product-gallery-thumb-2 .product-thumb-2 li {

        margin: 0 5px; } }

    @media (max-width: 767px) {

      .special-product-2 .special-product-gallery-2 .product-gallery-thumb-2 .product-thumb-2 li {

        margin: 0 5px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .special-product-2 .special-product-gallery-2 .product-gallery-thumb-2 .product-thumb-2 li {

        margin: 0 10px; } }

    .special-product-2 .special-product-gallery-2 .product-gallery-thumb-2 .product-thumb-2 li.slick-current {

      border-color: rgba(51, 51, 51, 0.3); }

  .special-product-2 .special-product-gallery-2 .product-title a {

    font-size: 40px;

    font-weight: 400;

    color: #000;

    margin-top: 12px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .special-product-2 .special-product-gallery-2 .product-title a {

        font-size: 30px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-product-2 .special-product-gallery-2 .product-title a {

        font-size: 26px; } }

    @media (max-width: 767px) {

      .special-product-2 .special-product-gallery-2 .product-title a {

        font-size: 24px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .special-product-2 .special-product-gallery-2 .product-title a {

        font-size: 34px; } }

  .special-product-2 .special-product-gallery-2 .products-rating li {

    display: inline-block;

    font-size: 12px;

    color: #e1e1e1; }

    .special-product-2 .special-product-gallery-2 .products-rating li.rating-on {

      color: #f3cd1e; }

  .special-product-2 .special-product-gallery-2 .product-price-and-cart {

    margin-top: 10px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .special-product-2 .special-product-gallery-2 .product-price-and-cart {

        display: block !important; } }

    .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-price .price-sale {

      font-size: 26px;

      color: #e52e06;

      font-weight: 500; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-price .price-sale {

          font-size: 22px; } }

      @media (max-width: 767px) {

        .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-price .price-sale {

          font-size: 20px; } }

    .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-price .regular-price {

      color: #888888;

      font-weight: 500;

      text-decoration: line-through;

      margin-left: 20px;

      font-size: 14px; }

    .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-cart {

      margin-left: 30px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-cart {

          margin-left: 0;

          margin-top: 20px; } }

      @media (max-width: 767px) {

        .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-cart {

          margin-left: 0;

          margin-top: 20px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-cart {

          margin-left: 30px;

          margin-top: 0; } }

      .special-product-2 .special-product-gallery-2 .product-price-and-cart .product-cart .main-btn {

        height: 50px;

        line-height: 50px;

        padding: 0 35px;

        letter-spacing: 1px; }



/*===========================

        08.Brand css 

===========================*/

.single-brand {

  text-align: center; }



.brand-active .slick-arrow {

  position: absolute;

  top: 50%;

  left: -15px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .brand-active .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .brand-active .slick-arrow.next {

    left: auto;

    right: -15px; }

.brand-active:hover .slick-arrow {

  visibility: visible;

  opacity: 1; }



/*===========================

    09.Features Banner css 

===========================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-banner-area {

    padding-bottom: 0; } }

@media (max-width: 767px) {

  .features-banner-area {

    padding-bottom: 0; } }



.features-banner-wrapper {

  padding: 20px 0 35px;

  border: 1px solid #e5e5e5; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .features-banner-wrapper {

      padding: 10px 0 25px; } }

  @media (max-width: 767px) {

    .features-banner-wrapper {

      padding: 10px 0 25px; } }

  .features-banner-wrapper .single-features-banner {

    border-left: 1px solid #e5e5e5; }

    .features-banner-wrapper .single-features-banner:first-child {

      border-left: 0; }



.features-banner-wrapper-2 {

  border: 1px solid #e5e5e5; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .features-banner-wrapper-2 {

      display: -webkit-flex;

      display: -moz-flex;

      display: -ms-flex;

      display: -o-flex;

      display: flex;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .features-banner-wrapper-2 {

      display: -webkit-flex;

      display: -moz-flex;

      display: -ms-flex;

      display: -o-flex;

      display: flex;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap; } }

  .features-banner-wrapper-2 .single-features-banner {

    border-bottom: 1px solid #e5e5e5; }

    .features-banner-wrapper-2 .single-features-banner:last-child {

      border-bottom: 0; }



.single-features-banner {

  width: 20%;

  padding: 0 29px;

  margin-top: 15px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .single-features-banner {

      padding: 0 20px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-features-banner {

      padding: 0 15px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-features-banner {

      width: 50%;

      margin-left: -1px; } }

  @media (max-width: 767px) {

    .single-features-banner {

      width: 100%;

      margin-left: -1px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-features-banner {

      width: 50%;

      margin-left: -1px; } }

  .single-features-banner .banner-icon {

    height: auto; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .single-features-banner .banner-icon {

        width: 39px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-features-banner .banner-icon {

        width: 34px; } }

    @media (max-width: 767px) {

      .single-features-banner .banner-icon {

        width: 39px; } }

  .single-features-banner .banner-content {

    padding-left: 15px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-features-banner .banner-content {

        padding-left: 10px; } }

    .single-features-banner .banner-content .banner-title {

      color: #333;

      font-size: 18px;

      font-weight: 500;

      line-height: 28px; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-features-banner .banner-content .banner-title {

          font-size: 16px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-features-banner .banner-content .banner-title {

          font-size: 13px; } }

      @media (max-width: 767px) {

        .single-features-banner .banner-content .banner-title {

          font-size: 15px; } }

    .single-features-banner .banner-content p {

      color: #666;

      font-size: 16px;

      line-height: 28px; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .single-features-banner .banner-content p {

          font-size: 14px;

          line-height: 24px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-features-banner .banner-content p {

          font-size: 12px;

          line-height: 18px; } }

      @media (max-width: 767px) {

        .single-features-banner .banner-content p {

          font-size: 13px;

          line-height: 18px; } }

  .single-features-banner.features-banner-2 {

    width: 100%;

    padding: 36px 20px;

    margin-top: 0; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .single-features-banner.features-banner-2 {

        padding: 10px 10px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-features-banner.features-banner-2 {

        padding: 21px 5px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-features-banner.features-banner-2 {

        width: 50%;

        padding: 20px 15px; } }

    @media (max-width: 767px) {

      .single-features-banner.features-banner-2 {

        padding: 20px 15px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .single-features-banner.features-banner-2 {

        width: 50%;

        padding: 20px 5px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-features-banner.features-banner-2 .banner-icon {

        width: 30px; } }

    .single-features-banner.features-banner-2 .banner-content .banner-title {

      font-size: 16px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-features-banner.features-banner-2 .banner-content .banner-title {

          font-size: 14px; } }

    .single-features-banner.features-banner-2 .banner-content p {

      font-size: 14px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .single-features-banner.features-banner-2 .banner-content p {

          font-size: 12px; } }



/*===========================

        10.Blog css 

===========================*/

.blog-area.blog-bg {

  background-color: #f1f1f1; }



.single-blog .blag-image {

  overflow: hidden;

  position: relative; }

  .single-blog .blag-image a {

    display: block; }

    .single-blog .blag-image a img {

      width: 100%;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

  .single-blog .blag-image .meta-date {

    width: 60px;

    height: 60px;

    text-align: center;

    background: #000000;

    color: #fff;

    padding: 10px 0;

    position: absolute;

    top: 10px;

    left: 10px; }

    .single-blog .blag-image .meta-date .day {

      display: block;

      font-size: 28px; }

    .single-blog .blag-image .meta-date .month {

      font-size: 11px;

      text-transform: uppercase;

      font-weight: 500;

      letter-spacing: 0.2em; }

.single-blog .blag-content .blog-title a {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: #333;

  text-transform: capitalize;

  position: relative;

  display: block;

  margin-top: 30px;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blag-content .blog-title a {

      font-size: 16px; } }

  @media (max-width: 767px) {

    .single-blog .blag-content .blog-title a {

      font-size: 16px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-blog .blag-content .blog-title a {

      font-size: 18px; } }

  .single-blog .blag-content .blog-title a:hover {

    color: #e52e06; }

.single-blog .blag-content p {

  font-size: 16px;

  font-weight: 300;

  color: #666;

  display: inline-block;

  width: 100%;

  margin-top: 25px; }

.single-blog:hover .blag-image img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1); }



.blog-active .slick-arrow {

  position: absolute;

  top: 50%;

  left: -15px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .blog-active .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .blog-active .slick-arrow.next {

    left: auto;

    right: -15px; }

.blog-active:hover .slick-arrow {

  visibility: visible;

  opacity: 1; }



/*===========================

     12.Testimonial css 

===========================*/

.single-testimonial .testimonial-author img {

  border-radius: 50%; }

.single-testimonial .testimonial-content {

  padding-left: 65px;

  text-align: left; }

  @media (max-width: 767px) {

    .single-testimonial .testimonial-content {

      padding-left: 0;

      padding-top: 30px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-testimonial .testimonial-content {

      padding-left: 30px;

      padding-top: 0px; } }

  .single-testimonial .testimonial-content p {

    font-weight: 400;

    font-size: 18px;

    line-height: 28px;

    color: #fff; }

    @media (max-width: 767px) {

      .single-testimonial .testimonial-content p {

        font-size: 16px; } }

  .single-testimonial .testimonial-content .author-name {

    position: relative;

    font-size: 24px;

    font-weight: 500;

    line-height: 1;

    color: #fff;

    display: block;

    text-transform: capitalize;

    margin-top: 20px; }

    @media (max-width: 767px) {

      .single-testimonial .testimonial-content .author-name {

        font-size: 20px; } }

  .single-testimonial .testimonial-content .designation {

    font-weight: 400;

    font-size: 15px;

    line-height: 1;

    color: #fff;

    margin-top: 10px; }

    @media (max-width: 767px) {

      .single-testimonial .testimonial-content .designation {

        font-size: 14px; } }



.testimonial-active .slick-dots {

  text-align: center;

  margin-top: 30px; }

  .testimonial-active .slick-dots li {

    display: inline-block;

    margin: 0 5px; }

    .testimonial-active .slick-dots li button {

      border: 0;

      width: 13px;

      height: 13px;

      border-radius: 50%;

      background-color: rgba(255, 255, 255, 0.7);

      font-size: 0;

      cursor: pointer; }

    .testimonial-active .slick-dots li.slick-active button {

      background-color: #fff; }



/*===========================

      13.Newsletter css 

===========================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .newsletter-area {

    background-position: right center; } }

@media (max-width: 767px) {

  .newsletter-area {

    background-position: right center;

    padding: 70px 0; } }



.newsletter-content .newsletter-title {

  font-size: 24px;

  color: #333;

  font-weight: 500;

  text-transform: uppercase; }

  @media (max-width: 767px) {

    .newsletter-content .newsletter-title {

      font-size: 18px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .newsletter-content .newsletter-title {

      font-size: 20px; } }

.newsletter-content p {

  font-size: 16px;

  color: #666;

  margin-top: 20px; }

  @media (max-width: 767px) {

    .newsletter-content p {

      font-size: 14px;

      line-height: 24px;

      margin-top: 10px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .newsletter-content p {

      font-size: 16px;

      line-height: 27px; } }

.newsletter-content .newsletter-forn {

  margin-top: 35px;

  padding-right: 170px;

  position: relative; }

  @media (max-width: 767px) {

    .newsletter-content .newsletter-forn {

      padding-right: 0; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .newsletter-content .newsletter-forn {

      padding-right: 170px; } }

  .newsletter-content .newsletter-forn input {

    height: 60px;

    background: transparent;

    color: #a9a9a9;

    padding: 0 10px;

    line-height: 32px;

    display: inline-block;

    width: 100%;

    font-size: 14px;

    border: 2px solid #e5e5e5; }

  .newsletter-content .newsletter-forn .main-btn {

    position: absolute;

    top: 0;

    right: 0;

    text-transform: capitalize;

    letter-spacing: 0; }

    @media (max-width: 767px) {

      .newsletter-content .newsletter-forn .main-btn {

        position: relative;

        width: 100%;

        margin-top: 10px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .newsletter-content .newsletter-forn .main-btn {

        position: absolute;

        width: auto;

        margin-top: 0; } }



/*===========================

      14.Footer css 

===========================*/

.footer-widget .footer-title {

  font-size: 14px;

  text-transform: uppercase;

  margin-top: 0;

  letter-spacing: 0;

  position: relative;

  color: #fff;

  font-weight: 500;

  letter-spacing: 0.2em;

  padding-bottom: 20px;

  margin-bottom: 20px; }

  .footer-widget .footer-title::before {

    content: "";

    width: 50px;

    height: 1px;

    background: #e52e06;

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: center; }



.footer-contact ul li {

  color: #fff;

  font-size: 14px;

  margin-top: 22px; }

  .footer-contact ul li i {

    margin-right: 5px; }

  .footer-contact ul li a {

    color: #fff; }



@media (max-width: 767px) {

  .footer-link-wrapper .footer-link {

    width: 100%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .footer-link-wrapper .footer-link {

    width: 50%; } }

.footer-link-wrapper .footer-link .link li a {

  font-size: 16px;

  line-height: 36px;

  padding: 0;

  display: block;

  text-transform: capitalize;

  color: #fff;

  margin-bottom: 0px;

  display: block;

  position: relative;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  .footer-link-wrapper .footer-link .link li a:hover {

    padding-left: 6px;

    color: #e52e06; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .footer-link-wrapper .footer-link .link li a:hover {

        padding-left: 0; } }



.footer-copyright {

  padding-top: 5px;

  padding-bottom: 5px;

  border-top: 1px solid rgba(255, 255, 255, 0.15); }



.footer-copyright-payment .copyright-text {

  margin-top: 14px; }

  .footer-copyright-payment .copyright-text p {

    font-size: 16px;

    color: #fff; }

    .footer-copyright-payment .copyright-text p a {

      color: #fff;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .footer-copyright-payment .copyright-text p a:hover {

        color: #e52e06; }

.footer-copyright-payment .payment {

  margin-top: 14px; }



/*===== Back To Top =====*/

.back-to-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  font-size: 18px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50%;

  z-index: 99;

  text-align: center;

  display: none;

  -webkit-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);

  -moz-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);

  box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);

  -webkit-transition: all 0.4s linear;

  -moz-transition: all 0.4s linear;

  -ms-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  transition: all 0.4s linear;

  color: #fff;

  background-color: #e52e06; }

  .back-to-top:hover {

    color: #e52e06;

    background-color: #fff; }



/*===========================

  15.Product Quick View css 

===========================*/

.modal.fade {

  display: block !important;

  opacity: 0;

  visibility: hidden; }

  .modal.fade.show {

    display: block !important;

    opacity: 1;

    visibility: visible; }

.modal .modal-dialog {

  max-width: 1240px; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .modal .modal-dialog {

      max-width: 1024px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .modal .modal-dialog {

      max-width: 960px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .modal .modal-dialog {

      max-width: 720px; } }

  @media (max-width: 767px) {

    .modal .modal-dialog {

      max-width: 90%;

      margin: 30px auto; } }

  @media (max-width: 767px) {

    .modal .modal-dialog {

      max-width: 85%; } }

  .modal .modal-dialog .modal-content {

    border-radius: 0;

    border: 0;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }

    .modal .modal-dialog .modal-content .modal-header {

      padding: 10px 20px 0;

      margin: 0;

      border-bottom: 0; }

    .modal .modal-dialog .modal-content .modal-body {

      padding: 20px 50px 50px; }

      @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .modal .modal-dialog .modal-content .modal-body {

          padding: 10px 40px 40px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .modal .modal-dialog .modal-content .modal-body {

          padding: 10px 40px 40px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .modal .modal-dialog .modal-content .modal-body {

          padding: 1px 30px 30px; } }

      @media (max-width: 767px) {

        .modal .modal-dialog .modal-content .modal-body {

          padding: 1px 20px 20px; } }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-image .quick-view-image .single-view-image img {

        width: 100%;

        display: block; }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-image .quick-view-thumb li {

        border: 1px solid #e5e5e5;

        margin: 0 10px;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear;

        cursor: pointer; }

        @media (max-width: 767px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-image .quick-view-thumb li {

            margin: 0 5px; } }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-image .quick-view-thumb li .single-thumb img {

          width: 100%;

          display: block;

          cursor: pointer; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-image .quick-view-thumb li.slick-current {

          border-color: rgba(51, 51, 51, 0.3); }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-title {

        font-size: 28px;

        text-transform: capitalize;

        color: #333;

        font-weight: 500; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-title {

            font-size: 24px; } }

        @media (max-width: 767px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-title {

            font-size: 20px; } }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .reference {

        font-size: 13px;

        color: #a9a9a9;

        padding-top: 25px; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .reference {

            padding-top: 15px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .reference {

            padding-top: 15px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .reference {

            padding-top: 15px; } }

        @media (max-width: 767px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .reference {

            padding-top: 15px; } }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .rating {

        padding-top: 10px; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .rating li {

          display: inline-block;

          font-size: 13px;

          color: #666; }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .rating li.rating-on {

            color: #f3cd1e; }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding-top: 25px; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices {

            padding-top: 15px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices {

            padding-top: 15px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices {

            padding-top: 15px; } }

        @media (max-width: 767px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices {

            padding-top: 15px; } }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .sale-price {

          color: #666;

          font-size: 25px;

          font-weight: 400;

          margin-right: 15px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .sale-price {

              font-size: 22px; } }

          @media (max-width: 767px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .sale-price {

              font-size: 18px; } }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .regular-price {

          color: #e52e06;

          font-size: 28px;

          font-weight: 500;

          margin-right: 15px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .regular-price {

              font-size: 26px; } }

          @media (max-width: 767px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .regular-price {

              font-size: 22px; } }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-prices .save {

          font-weight: 400;

          font-size: 13px;

          background-color: #333;

          height: 25px;

          line-height: 25px;

          padding: 0 10px;

          border-radius: 4px;

          -webkit-border-radius: 4px;

          -moz-border-radius: 4px;

          -ms-border-radius: 4px;

          -o-border-radius: 4px;

          color: #fff; }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-description {

        padding-top: 25px; }

        @media only screen and (min-width: 1200px) and (max-width: 1599px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-description {

            padding-top: 15px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-description {

            padding-top: 15px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-description {

            padding-top: 15px;

            font-size: 14px; } }

        @media (max-width: 767px) {

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-description {

            padding-top: 15px;

            font-size: 14px; } }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .title {

          font-size: 14px;

          color: #333;

          font-weight: 500;

          color: #333; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-size {

          position: relative;

          display: inline-block;

          margin-top: 25px;

          margin-right: 30px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-size {

              margin-right: 15px; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-size select {

            width: 61px;

            padding: 0 10px;

            border: 1px solid #e5e5e5;

            height: 40px;

            margin-top: 10px; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color {

          margin-top: 25px;

          margin-right: 30px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color {

              margin-right: 15px; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input {

            display: -webkit-flex;

            display: -moz-flex;

            display: -ms-flex;

            display: -o-flex;

            display: flex;

            margin-top: 10px; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color input[type="radio"] {

              display: none; }

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color input[type="radio"] + label {

                width: 20px;

                height: 20px;

                border: 0;

                cursor: pointer;

                position: relative;

                display: inline-block;

                margin: 0 10px -4px 0;

                -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

                -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

                box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color input[type="radio"] + label::before {

                  position: absolute;

                  content: '';

                  top: 0;

                  left: 0;

                  width: 100%;

                  height: 100%;

                  -webkit-transition: all 0.4s linear;

                  -moz-transition: all 0.4s linear;

                  -ms-transition: all 0.4s linear;

                  -o-transition: all 0.4s linear;

                  transition: all 0.4s linear;

                  border: 2px solid transparent; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-1 input[type="radio"] + label {

              background-color: #fff; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-1 input[type="radio"]:checked + label::before {

              border-color: #333; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-2 input[type="radio"] + label {

              background-color: #434A54; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-2 input[type="radio"]:checked + label::before {

              border-color: #fff; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-3 input[type="radio"] + label {

              background-color: #333; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-color .color-input .single-color.color-3 input[type="radio"]:checked + label::before {

              border-color: #fff; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-quantity {

          margin-top: 25px; }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-quantity .quantity {

            margin-top: 10px; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-quantity .quantity input {

              width: 60px;

              height: 40px;

              border: 1px solid #e5e5e5;

              padding: 0 10px;

              text-align: center; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-size-color .product-quantity .quantity button {

              width: 40px;

              height: 40px;

              background-color: transparent;

              border: 1px solid #e5e5e5; }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart {

        margin-top: 30px; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button {

          position: relative;

          padding: 0;

          color: #fff;

          line-height: 60px;

          height: 60px;

          font-size: 16px;

          font-weight: 500;

          border: 0;

          width: 100%;

          border-radius: 0;

          box-shadow: none;

          text-transform: uppercase;

          letter-spacing: 0.2em;

          background: -webkit-linear-gradient(left, #bc6eff 0%, #65e2ff 50%, #bc6eff 100%);

          background: -o-linear-gradient(left, #bc6eff 0%, #65e2ff 50%, #bc6eff 100%);

          background: linear-gradient(to right, #bc6eff 0%, #65e2ff 50%, #bc6eff 100%);

          background-size: 200%;

          background-position: left center;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button {

              height: 50px;

              line-height: 50px; } }

          @media (max-width: 767px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button {

              height: 50px;

              line-height: 50px; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button i {

            font-size: 28px;

            line-height: 60px; }

            @media only screen and (min-width: 768px) and (max-width: 991px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button i {

                line-height: 50px;

                font-size: 24px; } }

            @media (max-width: 767px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button i {

                line-height: 50px;

                font-size: 24px; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-add-cart button:hover {

            background-position: right center; }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare {

        padding-top: 15px; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li {

          width: 50%;

          margin-top: 15px; }

          @media (max-width: 767px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li {

              width: 100%; } }

          @media only screen and (min-width: 576px) and (max-width: 767px) {

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li {

              width: 50%; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a {

            line-height: 0;

            border: none;

            color: #333;

            display: inline-block;

            font-size: 14px;

            background: transparent;

            cursor: pointer;

            font-weight: 500;

            text-transform: uppercase; }

            @media only screen and (min-width: 1600px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a {

                letter-spacing: 2px; } }

            @media only screen and (min-width: 768px) and (max-width: 991px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a {

                font-size: 13px; } }

            @media (max-width: 767px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a {

                font-size: 13px; } }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a i {

              margin-right: 5px;

              font-size: 22px;

              color: #666; }

              @media only screen and (min-width: 768px) and (max-width: 991px) {

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a i {

                  font-size: 18px; } }

              @media (max-width: 767px) {

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li a i {

                  font-size: 18px; } }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li {

            border-left: 1px solid #e5e5e5; }

            @media (max-width: 767px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li {

                border-left: 0; } }

            @media only screen and (min-width: 576px) and (max-width: 767px) {

              .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li {

                border-left: 1px solid #e5e5e5; } }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li a {

              padding-left: 30px; }

              @media only screen and (min-width: 768px) and (max-width: 991px) {

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li a {

                  padding-left: 15px; } }

              @media (max-width: 767px) {

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li a {

                  padding-left: 0; } }

              @media only screen and (min-width: 576px) and (max-width: 767px) {

                .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-wishlist-compare ul li + li a {

                  padding-left: 15px; } }

      .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-share {

        padding-top: 20px; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-share p {

          font-size: 14px;

          color: #333;

          font-weight: 500; }

        .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-share .social li {

          display: inline-block;

          margin-left: 10px; }

          .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-share .social li a {

            color: #b4b4b4;

            font-size: 14px;

            padding: 0;

            -webkit-transition: all 0.3s linear;

            -moz-transition: all 0.3s linear;

            -ms-transition: all 0.3s linear;

            -o-transition: all 0.3s linear;

            transition: all 0.3s linear; }

            .modal .modal-dialog .modal-content .modal-body .product-quick-view-content .product-share .social li a:hover {

              color: #666; }



/*===========================

      16.Breadcrumb css 

===========================*/

.breadcrumb-area {

  padding: 30px 0 0; }



.breadcrumb {

  margin-bottom: 0;

  border-radius: 0;

  padding: 0;

  background: none; }

  .breadcrumb .breadcrumb-item {

    font-size: 16px;

    font-weight: 400;

    color: #333; }

    @media (max-width: 767px) {

      .breadcrumb .breadcrumb-item {

        font-size: 14px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .breadcrumb .breadcrumb-item {

        font-size: 16px; } }

    .breadcrumb .breadcrumb-item + .breadcrumb-item {

      padding-left: 10px; }

      .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

        content: "\f054";

        font-family: "Font Awesome 5 Pro";

        font-size: 15px;

        padding-right: 10px; }

        @media (max-width: 767px) {

          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

            font-size: 13px; } }

        @media only screen and (min-width: 576px) and (max-width: 767px) {

          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

            font-size: 15px; } }

    .breadcrumb .breadcrumb-item a {

      color: #333;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .breadcrumb .breadcrumb-item a:hover {

        color: #e52e06; }



/*===========================

      17.About Page css 

===========================*/

.about-content .title {

  font-size: 40px;

  font-weight: 500;

  color: #333;

  text-transform: uppercase; }

  @media (max-width: 767px) {

    .about-content .title {

      font-size: 24px; } }

.about-content p {

  margin-top: 25px; }



.about-items .title {

  font-size: 24px;

  font-weight: 500;

  color: #333;

  text-transform: capitalize; }

.about-items p {

  margin-top: 25px; }



/*===========================

   18.Product Sidebar css 

===========================*/

.shop-sidebar .shop-sidebar-title {

  font-size: 16px;

  font-weight: 500;

  color: #000;

  position: relative;

  padding-bottom: 15px;

  text-transform: uppercase;

  letter-spacing: 3px; }

  .shop-sidebar .shop-sidebar-title::before {

    position: absolute;

    content: '';

    background-color: #e52e06;

    width: 50px;

    height: 1px;

    bottom: 0;

    left: 0; }



.shop-sidebar-widget {

  border: 2px solid #e5e5e5;

  padding: 40px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar-widget {

      padding: 30px 20px; } }

  .shop-sidebar-widget .accordion {

    margin-top: 40px; }

    .shop-sidebar-widget .accordion .card {

      margin: 0;

      padding: 0;

      border: 0;

      border-radius: 0; }

      .shop-sidebar-widget .accordion .card .card-header {

        padding: 0;

        border: 0;

        background: none; }

        .shop-sidebar-widget .accordion .card .card-header a {

          font-weight: 400;

          color: #666;

          display: block;

          font-size: 16px;

          text-transform: capitalize;

          line-height: 35px;

          position: relative; }

          @media only screen and (min-width: 992px) and (max-width: 1199px) {

            .shop-sidebar-widget .accordion .card .card-header a {

              font-size: 14px; } }

          .shop-sidebar-widget .accordion .card .card-header a::before {

            position: absolute;

            top: 0;

            right: 0;

            content: "\f3d8";

            font-family: "Ionicons"; }

          .shop-sidebar-widget .accordion .card .card-header a.collapsed::before {

            content: "\f3d0"; }

      .shop-sidebar-widget .accordion .card .card-body {

        padding: 0; }

        .shop-sidebar-widget .accordion .card .card-body .category-list li a {

          font-size: 16px;

          line-height: 35px;

          margin: 0;

          padding: 0 10px;

          display: block;

          color: #666;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

          @media only screen and (min-width: 992px) and (max-width: 1199px) {

            .shop-sidebar-widget .accordion .card .card-body .category-list li a {

              font-size: 14px; } }

          .shop-sidebar-widget .accordion .card .card-body .category-list li a:hover {

            color: #e52e06; }

  .shop-sidebar-widget .color-list {

    margin-top: 40px; }

    .shop-sidebar-widget .color-list li a {

      font-weight: 400;

      color: #666;

      display: block;

      font-size: 16px;

      text-transform: capitalize;

      line-height: 35px;

      position: relative; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-sidebar-widget .color-list li a {

          font-size: 14px; } }

      .shop-sidebar-widget .color-list li a span {

        -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);

        -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);

        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);

        width: 15px;

        height: 15px;

        margin-right: 8px; }

        .shop-sidebar-widget .color-list li a span.color-gray {

          background-color: #AAB2BD; }

        .shop-sidebar-widget .color-list li a span.color-white {

          background-color: #fff; }

        .shop-sidebar-widget .color-list li a span.color-block {

          background-color: #000; }

        .shop-sidebar-widget .color-list li a span.color-Camel {

          background-color: #C19A6B; }

        .shop-sidebar-widget .color-list li a span.color-orange {

          background-color: #F39C11; }

  .shop-sidebar-widget .compositions-list {

    margin-top: 40px; }

    .shop-sidebar-widget .compositions-list li a {

      font-weight: 400;

      color: #666;

      display: block;

      font-size: 16px;

      text-transform: capitalize;

      line-height: 35px;

      position: relative; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-sidebar-widget .compositions-list li a {

          font-size: 14px; } }

  .shop-sidebar-widget .price-range {

    margin-top: 40px; }

    .shop-sidebar-widget .price-range input {

      font-size: 16px;

      color: #000;

      border: 0;

      background: none; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-sidebar-widget .price-range input {

          font-size: 14px; } }

    .shop-sidebar-widget .price-range #slider-range {

      width: 100%;

      height: 4px;

      border: none;

      margin-top: 20px;

      background: #cccccc; }

      .shop-sidebar-widget .price-range #slider-range .ui-widget-header {

        background: #e52e06; }

      .shop-sidebar-widget .price-range #slider-range .ui-slider-handle {

        top: -9px;

        width: 20px;

        height: 20px;

        border-width: 6px;

        background: #fff;

        border-radius: 100%;

        box-shadow: none;

        border-color: #e52e06;

        cursor: pointer; }

  .shop-sidebar-widget .size-list {

    margin-top: 40px; }

    .shop-sidebar-widget .size-list li a {

      font-weight: 400;

      color: #666;

      display: block;

      font-size: 16px;

      text-transform: capitalize;

      line-height: 35px;

      position: relative; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-sidebar-widget .size-list li a {

          font-size: 14px; } }



/*===========================

   19.Shop Page css 

===========================*/

@media only screen and (min-width: 1600px) {

  .product-col {

    max-width: 25%; } }



.shop-header {

  padding: 5px 10px 15px;

  background: #f2f2f2;

  margin-top: 30px; }

  .shop-header .shop-header-left .shop-header-icon {

    padding-top: 10px;

    padding-right: 10px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .shop-header .shop-header-left .shop-header-icon {

        padding-right: 0; } }

    @media (max-width: 767px) {

      .shop-header .shop-header-left .shop-header-icon {

        padding-right: 0; } }

    .shop-header .shop-header-left .shop-header-icon .nav .nav-item a {

      line-height: 42px;

      height: 42px;

      width: 42px;

      margin-right: 15px;

      cursor: pointer;

      color: #fff;

      background: #c2c2c2;

      border-radius: 100%;

      text-align: center;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear;

      font-size: 24px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-header .shop-header-left .shop-header-icon .nav .nav-item a {

          margin-right: 10px;

          line-height: 37px;

          height: 37px;

          width: 37px; } }

      @media (max-width: 767px) {

        .shop-header .shop-header-left .shop-header-icon .nav .nav-item a {

          width: 37px;

          height: 37px;

          line-height: 37px;

          font-size: 20px; } }

      .shop-header .shop-header-left .shop-header-icon .nav .nav-item a:hover, .shop-header .shop-header-left .shop-header-icon .nav .nav-item a.active {

        background-color: #000; }

  .shop-header .shop-header-left .shop-header-message {

    padding-top: 10px; }

    .shop-header .shop-header-left .shop-header-message p {

      line-height: 20px;

      font-size: 14px;

      padding: 5px;

      margin: 0;

      float: left;

      color: #666;

      font-weight: 400;

      text-transform: capitalize; }

  .shop-header .shop-header-right .shop-header-select {

    padding-top: 10px; }

    .shop-header .shop-header-right .shop-header-select + .shop-header-select {

      margin-left: 20px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .shop-header .shop-header-right .shop-header-select + .shop-header-select {

          margin-left: 6px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .shop-header .shop-header-right .shop-header-select + .shop-header-select {

          margin-left: 15px; } }

      @media (max-width: 767px) {

        .shop-header .shop-header-right .shop-header-select + .shop-header-select {

          margin-left: 12px; } }

    .shop-header .shop-header-right .shop-header-select .select-title {

      line-height: 20px;

      font-size: 14px;

      padding: 5px;

      margin: 0;

      float: left;

      color: #666;

      font-weight: 400;

      text-transform: capitalize; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .shop-header .shop-header-right .shop-header-select .select-title {

          padding: 5px 0; } }

      @media (max-width: 767px) {

        .shop-header .shop-header-right .shop-header-select .select-title {

          padding: 5px 0;

          margin-left: 0;

          font-size: 13px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .shop-header .shop-header-right .shop-header-select .select-title {

          font-size: 14px; } }

    .shop-header .shop-header-right .shop-header-select select {

      border: 0;

      line-height: 20px;

      font-size: 14px;

      padding: 5px;

      margin: 0;

      float: left;

      color: #666;

      font-weight: 400;

      text-transform: capitalize;

      margin-left: 10px; }

      @media (max-width: 767px) {

        .shop-header .shop-header-right .shop-header-select select {

          font-size: 13px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .shop-header .shop-header-right .shop-header-select select {

          font-size: 14px; } }



/*===========================

 20.Single Product Page css 

===========================*/

.single-product-image .product-single-image-tab .single-image, .single-product-image .product-single-image .single-image {

  text-align: center; }

  .single-product-image .product-single-image-tab .single-image img, .single-product-image .product-single-image .single-image img {

    display: inline-block; }

.single-product-image .product-single-image-tab {

  width: 85%; }

  @media (max-width: 767px) {

    .single-product-image .product-single-image-tab {

      width: 80%; } }

.single-product-image .product-single-thumb-image .product-single-thumb-tab li, .single-product-image .product-single-thumb-image .product-single-thumb li {

  margin: 0 10px;

  border: 1px solid #e5e5e5;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-product-image .product-single-thumb-image .product-single-thumb-tab li, .single-product-image .product-single-thumb-image .product-single-thumb li {

      margin: 0 5px; } }

  @media (max-width: 767px) {

    .single-product-image .product-single-thumb-image .product-single-thumb-tab li, .single-product-image .product-single-thumb-image .product-single-thumb li {

      margin: 0 5px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-product-image .product-single-thumb-image .product-single-thumb-tab li, .single-product-image .product-single-thumb-image .product-single-thumb li {

      margin: 0 10px; } }

  .single-product-image .product-single-thumb-image .product-single-thumb-tab li.slick-current, .single-product-image .product-single-thumb-image .product-single-thumb li.slick-current {

    border-color: rgba(51, 51, 51, 0.3); }

.single-product-image .product-single-thumb-image .product-single-thumb-tab li {

  margin: 10px 0; }

.single-product-image .product-single-thumb-image.product-tab-style {

  width: 15%; }

  @media (max-width: 767px) {

    .single-product-image .product-single-thumb-image.product-tab-style {

      width: 20%; } }



.single-product-gallery-image .single-product-image-gallery {

  width: 50%; }

  .single-product-gallery-image .single-product-image-gallery img {

    width: 100%; }



.single-product-image .single-product-image {

  width: 50%; }

  .single-product-image .single-product-image img {

    width: 100%; }



.single-product-image-slide .slick-arrow {

  position: absolute;

  top: 50%;

  left: -15px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .single-product-image-slide .slick-arrow {

      left: 5px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-product-image-slide .slick-arrow {

      left: 5px;

      opacity: 1;

      visibility: visible; } }

  @media (max-width: 767px) {

    .single-product-image-slide .slick-arrow {

      left: 5px;

      opacity: 1;

      visibility: visible; } }

  .single-product-image-slide .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .single-product-image-slide .slick-arrow.next {

    left: auto;

    right: -15px; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .single-product-image-slide .slick-arrow.next {

        right: 5px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-product-image-slide .slick-arrow.next {

        right: 5px; } }

    @media (max-width: 767px) {

      .single-product-image-slide .slick-arrow.next {

        right: 5px; } }

.single-product-image-slide:hover .slick-arrow {

  visibility: visible;

  opacity: 1; }



.single-product-content .tags {

  padding-bottom: 15px; }

  .single-product-content .tags .tag-title {

    font-size: 16px;

    color: #333;

    font-weight: 400; }

  .single-product-content .tags .tag-list li {

    display: inline-block;

    margin-left: 3px; }

    .single-product-content .tags .tag-list li a {

      font-size: 16px;

      color: #e52e06; }

.single-product-content .product-title {

  font-size: 28px;

  font-weight: 500;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 10px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-product-content .product-title {

      font-size: 24px; } }

  @media (max-width: 767px) {

    .single-product-content .product-title {

      font-size: 20px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-product-content .product-title {

      font-size: 24px; } }

.single-product-content .review-rating .rating {

  padding-top: 10px; }

  .single-product-content .review-rating .rating li {

    display: inline-block;

    font-size: 12px;

    color: #e1e1e1; }

    .single-product-content .review-rating .rating li.rating-on {

      color: #f3cd1e; }

.single-product-content .review-rating .review-link {

  padding-top: 10px; }

  .single-product-content .review-rating .review-link li {

    display: inline-block;

    margin-left: 20px;

    position: relative; }

    .single-product-content .review-rating .review-link li + li::before {

      content: '|';

      color: #000;

      position: absolute;

      top: 4px;

      left: -12px;

      font-size: 13px; }

    .single-product-content .review-rating .review-link li a {

      font-size: 14px;

      color: #666;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .single-product-content .review-rating .review-link li a:hover {

        color: #e52e06; }

.single-product-content .product-price {

  margin-top: 15px; }

  .single-product-content .product-price .price-sale {

    color: #888888;

    font-weight: 500;

    text-decoration: line-through;

    margin-right: 8px;

    font-size: 14px; }

  .single-product-content .product-price .regular-price {

    font-size: 20px;

    font-weight: 500;

    color: #e52e06;

    margin-right: 8px; }

.single-product-content .product-basic-info {

  margin-top: 15px; }

  .single-product-content .product-basic-info .single-info {

    margin-top: 5px; }

    .single-product-content .product-basic-info .single-info .title {

      font-size: 14px;

      color: #333;

      text-transform: capitalize; }

    .single-product-content .product-basic-info .single-info .value {

      font-size: 14px;

      color: #e52e06; }

      .single-product-content .product-basic-info .single-info .value a {

        color: #e52e06; }

.single-product-content p {

  padding-top: 25px; }

.single-product-content .product-details-table {

  margin-top: 30px; }

  .single-product-content .product-details-table .table {

    margin-bottom: 0; }

    .single-product-content .product-details-table .table tbody tr td {

      padding: 10px 15px;

      width: 33.33%;

      text-align: center;

      border: 1px solid #e5e5e5;

      vertical-align: middle; }

      .single-product-content .product-details-table .table tbody tr td a {

        font-size: 14px;

        color: #333;

        text-transform: capitalize; }

      .single-product-content .product-details-table .table tbody tr td.amount {

        font-size: 14px;

        color: #333;

        text-transform: capitalize; }

.single-product-content .product-size-color-quantity .title {

  font-size: 14px;

  color: #333;

  font-weight: 500;

  color: #333; }

.single-product-content .product-size {

  position: relative;

  display: inline-block;

  margin-top: 25px;

  margin-right: 30px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-product-content .product-size {

      margin-right: 15px; } }

  .single-product-content .product-size select {

    width: 61px;

    padding: 0 10px;

    border: 1px solid #e5e5e5;

    height: 40px;

    margin-top: 10px; }

.single-product-content .product-color {

  margin-top: 25px;

  margin-right: 30px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-product-content .product-color {

      margin-right: 15px; } }

  .single-product-content .product-color .color-input {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin-top: 10px; }

    .single-product-content .product-color .color-input .single-color input[type="radio"] {

      display: none; }

      .single-product-content .product-color .color-input .single-color input[type="radio"] + label {

        width: 20px;

        height: 20px;

        border: 0;

        cursor: pointer;

        position: relative;

        display: inline-block;

        margin: 0 10px -4px 0;

        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

        -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }

        .single-product-content .product-color .color-input .single-color input[type="radio"] + label::before {

          position: absolute;

          content: '';

          top: 0;

          left: 0;

          width: 100%;

          height: 100%;

          -webkit-transition: all 0.4s linear;

          -moz-transition: all 0.4s linear;

          -ms-transition: all 0.4s linear;

          -o-transition: all 0.4s linear;

          transition: all 0.4s linear;

          border: 2px solid transparent; }

    .single-product-content .product-color .color-input .single-color.color-1 input[type="radio"] + label {

      background-color: #fff; }

    .single-product-content .product-color .color-input .single-color.color-1 input[type="radio"]:checked + label::before {

      border-color: #333; }

    .single-product-content .product-color .color-input .single-color.color-2 input[type="radio"] + label {

      background-color: #008000; }

    .single-product-content .product-color .color-input .single-color.color-2 input[type="radio"]:checked + label::before {

      border-color: #fff; }

    .single-product-content .product-color .color-input .single-color.color-3 input[type="radio"] + label {

      background-color: #333; }

    .single-product-content .product-color .color-input .single-color.color-3 input[type="radio"]:checked + label::before {

      border-color: #fff; }

.single-product-content .quantity {

  margin-right: 30px; }

  .single-product-content .quantity input {

    width: 60px;

    height: 40px;

    border: 1px solid #e5e5e5;

    padding: 0 10px;

    text-align: center; }

  .single-product-content .quantity button {

    width: 40px;

    height: 40px;

    background-color: transparent;

    border: 1px solid #e5e5e5; }

.single-product-content .addcart {

  margin-top: 30px; }

  .single-product-content .addcart a, .single-product-content .addcart button {

    position: relative;

    padding: 0;

    color: #fff;

    line-height: 60px;

    height: 60px;

    font-size: 16px;

    font-weight: 500;

    border: 0;

    width: 100%;

    border-radius: 0;

    box-shadow: none;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    background: -webkit-linear-gradient(left, #007bff  0%, #65e2ff 50%, #007bff  100%);

    background: -o-linear-gradient(left, #007bff  0%, #65e2ff 50%, #007bff  100%);

    background: linear-gradient(to right, #007bff  0%, #65e2ff 50%, #007bff  100%);

    background-size: 200%;

    background-position: left center;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    text-align: center; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-product-content .addcart a, .single-product-content .addcart button {

        height: 50px;

        line-height: 50px; } }

    @media (max-width: 767px) {

      .single-product-content .addcart a, .single-product-content .addcart button {

        height: 50px;

        line-height: 50px; } }

    .single-product-content .addcart a i, .single-product-content .addcart button i {

      font-size: 28px;

      line-height: 60px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-product-content .addcart a i, .single-product-content .addcart button i {

          line-height: 50px;

          font-size: 24px; } }

      @media (max-width: 767px) {

        .single-product-content .addcart a i, .single-product-content .addcart button i {

          line-height: 50px;

          font-size: 24px; } }

    .single-product-content .addcart a:hover, .single-product-content .addcart button:hover {

      background-position: right center; }

.single-product-content .product-wishlist-compare {

  padding-top: 15px; }

  .single-product-content .product-wishlist-compare ul li {

    margin-top: 15px;

    margin-right: 30px; }

    @media (max-width: 767px) {

      .single-product-content .product-wishlist-compare ul li {

        margin-right: 15px; } }

    .single-product-content .product-wishlist-compare ul li a {

      line-height: 0;

      border: none;

      color: #333;

      display: inline-block;

      font-size: 14px;

      background: transparent;

      cursor: pointer;

      font-weight: 500;

      text-transform: uppercase; }

      @media only screen and (min-width: 1600px) {

        .single-product-content .product-wishlist-compare ul li a {

          letter-spacing: 2px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-product-content .product-wishlist-compare ul li a {

          font-size: 13px; } }

      @media (max-width: 767px) {

        .single-product-content .product-wishlist-compare ul li a {

          font-size: 13px; } }

      .single-product-content .product-wishlist-compare ul li a i {

        margin-right: 5px;

        font-size: 22px;

        color: #666; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .single-product-content .product-wishlist-compare ul li a i {

            font-size: 18px; } }

        @media (max-width: 767px) {

          .single-product-content .product-wishlist-compare ul li a i {

            font-size: 18px; } }

    .single-product-content .product-wishlist-compare ul li + li {

      border-left: 1px solid #e5e5e5; }

      @media (max-width: 767px) {

        .single-product-content .product-wishlist-compare ul li + li {

          border-left: 0; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .single-product-content .product-wishlist-compare ul li + li {

          border-left: 1px solid #e5e5e5; } }

      .single-product-content .product-wishlist-compare ul li + li a {

        padding-left: 30px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .single-product-content .product-wishlist-compare ul li + li a {

            padding-left: 15px; } }

        @media (max-width: 767px) {

          .single-product-content .product-wishlist-compare ul li + li a {

            padding-left: 0; } }

        @media only screen and (min-width: 576px) and (max-width: 767px) {

          .single-product-content .product-wishlist-compare ul li + li a {

            padding-left: 15px; } }

.single-product-content .product-share {

  padding-top: 20px; }

  .single-product-content .product-share p {

    font-size: 14px;

    color: #333;

    font-weight: 500;

    padding-top: 0; }

  .single-product-content .product-share .social li {

    display: inline-block;

    margin-left: 10px; }

    .single-product-content .product-share .social li a {

      color: #b4b4b4;

      font-size: 14px;

      padding: 0;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .single-product-content .product-share .social li a:hover {

        color: #666; }

.single-product-content .reassurance-block {

  border-top: 1px solid #e5e5e5;

  margin-top: 30px; }

  .single-product-content .reassurance-block .single-reassurance {

    margin-top: 30px; }

    .single-product-content .reassurance-block .single-reassurance .reassurance {

      padding-left: 10px; }

      .single-product-content .reassurance-block .single-reassurance .reassurance p {

        font-size: 14px;

        color: #666;

        text-transform: capitalize;

        padding-top: 0; }

.single-product-content.sticky {

  position: -webkit-sticky;

  position: sticky;

  top: 85px;

  left: 0;

  width: 100%; }



.product-description-area .nav {

  position: relative; }

  .product-description-area .nav::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 2px;

    /* background-color: #e5e5e5; */

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%); }

  .product-description-area .nav .nav-item a {

    display: inline-block;

    font-size: 20px;

    color: #333;

    text-transform: capitalize;

    font-weight: 500;

    border-radius: 25px;

    line-height: 40px;

    padding: 0 28px;

    cursor: pointer;

    margin: 0 8px;

    position: relative;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    z-index: 5;

    overflow: hidden;

    border: 1px solid #e5e5e5;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    background-color: #fff; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .product-description-area .nav .nav-item a {

        line-height: 45px;

        font-size: 18px; } }

    @media (max-width: 767px) {

      .product-description-area .nav .nav-item a {

        line-height: 40px;

        font-size: 14px;

        padding: 0 20px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .product-description-area .nav .nav-item a {

        line-height: 45px;

        font-size: 16px;

        padding: 0 25px; } }

    .product-description-area .nav .nav-item a::before {

      position: absolute;

      content: '';

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: -1;

      background: -webkit-linear-gradient(left, #007bff 0%, #65e2ff 100%);

      background: -o-linear-gradient(left, #007bff 0%, #65e2ff 100%);

      background: linear-gradient(to right, #000000 0%, #666767 100%);

      opacity: 0;

      visibility: hidden;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

    .product-description-area .nav .nav-item a.active {

      color: #fff;

      border-color: transparent; }

      .product-description-area .nav .nav-item a.active::before {

        opacity: 1;

        visibility: visible; }

.product-description-area .description {

  margin-top: 30px; }



.product-rating-content .average-rating .rating-overall {

  font-size: 28px;

  font-weight: 500;

  color: #333; }

  .product-rating-content .average-rating .rating-overall span {

    font-size: 14px; }

.product-rating-content .average-rating p {

  margin-top: 14px;

  margin-top: 5px;

  color: #333; }

.product-rating-content .rating-list {

  padding-top: 15px;

  margin-left: -25px;

  margin-right: -25px; }

  .product-rating-content .rating-list .single-rating {

    margin-top: 10px;

    padding: 0 25px; }

    .product-rating-content .rating-list .single-rating i {

      font-size: 14px;

      color: #f3cd1e; }

    .product-rating-content .rating-list .single-rating span {

      font-size: 14px;

      color: #333;

      margin-left: 3px; }

.product-rating-content .rating-items .single-rating-item {

  margin-top: 25px; }

  .product-rating-content .rating-items .single-rating-item .rating-author .author-name {

    font-size: 16px;

    font: 500px;

    margin-right: 15px; }

  .product-rating-content .rating-items .single-rating-item .rating-author .rating-star li {

    display: inline-block;

    font-size: 13px;

    color: #f3cd1e; }

    .product-rating-content .rating-items .single-rating-item .rating-author .rating-star li span {

      font-size: 14px;

      color: #333;

      margin-left: 3px; }

  .product-rating-content .rating-items .single-rating-item p {

    margin-top: 10px; }

.product-rating-content .rating-form {

  margin-top: 30px; }

  .product-rating-content .rating-form .form-title {

    font-weight: 500;

    font-size: 24px;

    color: #333;

    text-transform: uppercase; }

  .product-rating-content .rating-form .rating-star {

    margin-top: 15px; }

    .product-rating-content .rating-form .rating-star .title {

      font-weight: 500;

      color: #333;

      margin-right: 10px; }

    .product-rating-content .rating-form .rating-star ul li {

      display: inline-block;

      font-size: 13px;

      color: #f3cd1e; }



/*===========================

    21.Blog Sidebar css 

===========================*/

.sidebar-widget {

  border: 2px solid #e5e5e5;

  padding: 40px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .sidebar-widget {

      padding: 30px 20px; } }

  .sidebar-widget .sidebar-title {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    position: relative;

    padding-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 3px; }

    .sidebar-widget .sidebar-title::before {

      position: absolute;

      content: '';

      background-color: #e52e06;

      width: 50px;

      height: 1px;

      bottom: 0;

      left: 0; }

  .sidebar-widget .blog-sidebar-search {

    position: relative;

    margin-top: 40px; }

    .sidebar-widget .blog-sidebar-search input {

      width: 100%;

      height: 50px;

      padding: 15px;

      font-size: 16px;

      border: 1px solid #333; }

    .sidebar-widget .blog-sidebar-search button {

      position: absolute;

      width: 50px;

      height: 50px;

      top: 0;

      right: 0;

      font-size: 20px;

      border: 0;

      background: none; }

  .sidebar-widget .blog-sidebar-categories .categories-list {

    margin-top: 30px; }

    .sidebar-widget .blog-sidebar-categories .categories-list li a {

      font-weight: 400;

      color: #666;

      display: block;

      font-size: 16px;

      text-transform: capitalize;

      line-height: 35px;

      position: relative;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .sidebar-widget .blog-sidebar-categories .categories-list li a {

          font-size: 14px; } }

      .sidebar-widget .blog-sidebar-categories .categories-list li a:hover {

        color: #e52e06; }

  .sidebar-widget .blog-sidebar-post {

    padding-top: 10px; }

    .sidebar-widget .blog-sidebar-post .single-mini-post {

      margin-top: 30px; }

      .sidebar-widget .blog-sidebar-post .single-mini-post .post-thumb img {

        width: 90px;

        height: 90px;

        object-fit: cover;

        object-position: center; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .sidebar-widget .blog-sidebar-post .single-mini-post .post-thumb img {

            width: 50px;

            height: 50px; } }

        @media (max-width: 767px) {

          .sidebar-widget .blog-sidebar-post .single-mini-post .post-thumb img {

            width: 70px;

            height: 70px; } }

        @media only screen and (min-width: 576px) and (max-width: 767px) {

          .sidebar-widget .blog-sidebar-post .single-mini-post .post-thumb img {

            width: 90px;

            height: 90px; } }

      .sidebar-widget .blog-sidebar-post .single-mini-post .post-content {

        padding-left: 20px; }

        .sidebar-widget .blog-sidebar-post .single-mini-post .post-content .post-title a {

          text-transform: capitalize;

          font-size: 14px;

          color: #333;

          font-weight: 500;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

          .sidebar-widget .blog-sidebar-post .single-mini-post .post-content .post-title a:hover {

            color: #e52e06; }

        .sidebar-widget .blog-sidebar-post .single-mini-post .post-content .date {

          font-size: 13px;

          color: #666;

          text-transform: capitalize; }

  .sidebar-widget .blog-sidebar-tags {

    padding-top: 30px; }

    .sidebar-widget .blog-sidebar-tags .tag-list {

      margin-left: -4px;

      margin-right: -4px; }

      .sidebar-widget .blog-sidebar-tags .tag-list li {

        display: inline-block;

        padding: 10px 4px 0; }

        .sidebar-widget .blog-sidebar-tags .tag-list li a {

          height: 35px;

          line-height: 35px;

          font-size: 14px;

          color: #333;

          border: 1px solid #e5e5e5;

          padding: 0 14px;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

          .sidebar-widget .blog-sidebar-tags .tag-list li a:hover {

            background-color: #333;

            color: #fff;

            border-color: #333; }



/*===========================

    22.Blog Page css 

===========================*/

.single-blog-post .blog-post-media a {

  display: block; }

.single-blog-post .blog-post-media img {

  width: 100%; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog-post .blog-post-media img {

      height: 380px;

      object-fit: cover;

      object-position: center; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog-post .blog-post-media img {

      height: 340px;

      object-fit: cover;

      object-position: center; } }

.single-blog-post .blog-post-video, .single-blog-post .blog-post-audio {

  position: relative;

  display: block;

  width: 100%;

  padding: 0;

  overflow: hidden; }

  .single-blog-post .blog-post-video::before, .single-blog-post .blog-post-audio::before {

    padding-top: 70.25%;

    display: block;

    content: ''; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .single-blog-post .blog-post-video::before, .single-blog-post .blog-post-audio::before {

        padding-top: 100%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-blog-post .blog-post-video::before, .single-blog-post .blog-post-audio::before {

        padding-top: 100%; } }

  .single-blog-post .blog-post-video iframe, .single-blog-post .blog-post-audio iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0; }

.single-blog-post .blog-gallery .gallery-item img {

  width: 100%; }

@media (max-width: 767px) {

  .single-blog-post .blog-post-content {

    margin-top: 15px; } }

.single-blog-post .blog-post-content .blog-title a {

  font-size: 28px;

  font-weight: 500;

  color: #333;

  text-transform: capitalize;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog-post .blog-post-content .blog-title a {

      font-size: 20px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog-post .blog-post-content .blog-title a {

      font-size: 20px; } }

  @media (max-width: 767px) {

    .single-blog-post .blog-post-content .blog-title a {

      font-size: 18px; } }

  @media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-blog-post .blog-post-content .blog-title a {

      font-size: 24px; } }

  .single-blog-post .blog-post-content .blog-title a:hover {

    color: #e52e06; }

.single-blog-post .blog-post-content .blog-meta {

  margin-top: 15px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog-post .blog-post-content .blog-meta {

      margin-top: 10px; } }

  .single-blog-post .blog-post-content .blog-meta li {

    display: inline-block;

    position: relative; }

    .single-blog-post .blog-post-content .blog-meta li + li {

      margin-left: 20px; }

      .single-blog-post .blog-post-content .blog-meta li + li::before {

        content: '|';

        position: absolute;

        left: -14px;

        top: 5px;

        font-size: 12px;

        color: #666; }

    .single-blog-post .blog-post-content .blog-meta li a {

      font-size: 14px;

      color: #666;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .single-blog-post .blog-post-content .blog-meta li a i {

        margin-right: 4px; }

      .single-blog-post .blog-post-content .blog-meta li a:hover {

        color: #e52e06; }

.single-blog-post .blog-post-content p {

  margin-top: 25px;

  border-top: 1px solid #e5e5e5;

  padding-top: 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog-post .blog-post-content p {

      margin-top: 15px;

      padding-top: 15px;

      font-size: 14px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog-post .blog-post-content p {

      margin-top: 15px;

      padding-top: 15px;

      font-size: 14px; } }

  @media (max-width: 767px) {

    .single-blog-post .blog-post-content p {

      margin-top: 15px;

      padding-top: 15px;

      font-size: 14px; } }

.single-blog-post .blog-post-content .main-btn {

  height: 50px;

  line-height: 50px;

  padding: 0 25px;

  margin-top: 30px; }

  @media (max-width: 767px) {

    .single-blog-post .blog-post-content .main-btn {

      height: 45px;

      line-height: 45px;

      padding: 0 24px;

      letter-spacing: 0;

      font-size: 14px; } }

.single-blog-post.blog-grid-post .blog-post-media img {

  width: 100%; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog-post.blog-grid-post .blog-post-media img {

      height: auto; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog-post.blog-grid-post .blog-post-media img {

      height: auto; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-blog-post.blog-grid-post .blog-post-video::before, .single-blog-post.blog-grid-post .blog-post-audio::before {

    padding-top: 70.25%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-blog-post.blog-grid-post .blog-post-video::before, .single-blog-post.blog-grid-post .blog-post-audio::before {

    padding-top: 70.25%; } }

.single-blog-post.blog-grid-post .blog-post-video iframe, .single-blog-post.blog-grid-post .blog-post-audio iframe {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0; }

.single-blog-post.blog-grid-post .blog-post-content {

  padding-top: 25px; }

.single-blog-post.related-post .blog-post-content .blog-title a {

  font-size: 20px; }



.blog-gallery .slick-arrow {

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  cursor: pointer; }

  .blog-gallery .slick-arrow i {

    font-size: 26px;

    color: #333; }

  .blog-gallery .slick-arrow.next {

    left: auto;

    right: 0; }

.blog-gallery:hover .slick-arrow {

  visibility: visible;

  opacity: 1;

  left: 20px; }

  .blog-gallery:hover .slick-arrow.next {

    left: auto;

    right: 20px; }



/*===========================

   23.Blog Single Page css 

===========================*/

.blog-single-posts .blog-single-image img {

  width: 100%; }

.blog-single-posts .blog-single-content {

  margin-top: 25px; }

  .blog-single-posts .blog-single-content .blog-title {

    font-size: 28px;

    font-weight: 500;

    color: #333;

    text-transform: capitalize;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .blog-single-posts .blog-single-content .blog-title {

        font-size: 20px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .blog-single-posts .blog-single-content .blog-title {

        font-size: 20px; } }

    @media (max-width: 767px) {

      .blog-single-posts .blog-single-content .blog-title {

        font-size: 18px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .blog-single-posts .blog-single-content .blog-title {

        font-size: 24px; } }

  .blog-single-posts .blog-single-content .blog-meta {

    margin-top: 15px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 25px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .blog-single-posts .blog-single-content .blog-meta {

        margin-top: 10px; } }

    .blog-single-posts .blog-single-content .blog-meta li {

      display: inline-block;

      position: relative; }

      .blog-single-posts .blog-single-content .blog-meta li + li {

        margin-left: 20px; }

        .blog-single-posts .blog-single-content .blog-meta li + li::before {

          content: '|';

          position: absolute;

          left: -14px;

          top: 5px;

          font-size: 12px;

          color: #666; }

      .blog-single-posts .blog-single-content .blog-meta li a {

        font-size: 14px;

        color: #666;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s linear;

        -ms-transition: all 0.3s linear;

        -o-transition: all 0.3s linear;

        transition: all 0.3s linear; }

        .blog-single-posts .blog-single-content .blog-meta li a i {

          margin-right: 4px; }

        .blog-single-posts .blog-single-content .blog-meta li a:hover {

          color: #e52e06; }

  .blog-single-posts .blog-single-content p {

    padding-top: 30px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .blog-single-posts .blog-single-content p {

        margin-top: 15px;

        padding-top: 15px;

        font-size: 14px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .blog-single-posts .blog-single-content p {

        margin-top: 15px;

        padding-top: 15px;

        font-size: 14px; } }

    @media (max-width: 767px) {

      .blog-single-posts .blog-single-content p {

        margin-top: 15px;

        padding-top: 15px;

        font-size: 14px; } }

  .blog-single-posts .blog-single-content .blockquote {

    margin-bottom: 0;

    margin-top: 25px;

    padding-left: 80px; }

    @media (max-width: 767px) {

      .blog-single-posts .blog-single-content .blockquote {

        padding-left: 15px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .blog-single-posts .blog-single-content .blockquote {

        padding-left: 50px; } }

    .blog-single-posts .blog-single-content .blockquote p {

      font-style: italic;

      padding: 15px 14px;

      border-left: 3px solid #e52e06; }

.blog-single-posts .blog-single-tags-share {

  padding-bottom: 30px;

  border-bottom: 1px solid #e5e5e5; }

  .blog-single-posts .blog-single-tags-share .blog-single-tags {

    margin-top: 30px; }

    .blog-single-posts .blog-single-tags-share .blog-single-tags .title {

      font-size: 14px;

      font-weight: 500;

      color: #333; }

    .blog-single-posts .blog-single-tags-share .blog-single-tags .tag-list li {

      display: inline-block;

      margin-left: 3px; }

      .blog-single-posts .blog-single-tags-share .blog-single-tags .tag-list li a {

        font-size: 14px;

        font-weight: 400;

        color: #666; }

  .blog-single-posts .blog-single-tags-share .blog-single-share {

    margin-top: 30px; }

    .blog-single-posts .blog-single-tags-share .blog-single-share .title {

      ont-size: 14px;

      font-weight: 500;

      color: #333; }

    .blog-single-posts .blog-single-tags-share .blog-single-share .social li {

      display: inline-block;

      margin-left: 15px; }

      .blog-single-posts .blog-single-tags-share .blog-single-share .social li a {

        font-size: 16px;

        color: #666; }



.blog-single-comment {

  border-top: 1px solid #e5e5e5;

  padding-top: 25px;

  margin-top: 25px; }

  .blog-single-comment .comment-title {

    font-size: 24px;

    color: #333;

    font-weight: 500; }

  .blog-single-comment .blog-comments .comments-list .single-comment {

    margin-top: 30px; }

    .blog-single-comment .blog-comments .comments-list .single-comment .comment-content {

      border: 1px solid #e5e5e5;

      padding: 10px 15px;

      position: relative;

      margin-left: 20px; }

      @media (max-width: 767px) {

        .blog-single-comment .blog-comments .comments-list .single-comment .comment-content {

          margin-left: 0;

          margin-top: 20px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .blog-single-comment .blog-comments .comments-list .single-comment .comment-content {

          margin-left: 20px;

          margin-top: 0; } }

      .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-meta .author-name {

        font-size: 16px;

        text-transform: uppercase;

        color: #333;

        font-weight: 500; }

      .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-meta .date {

        font-size: 13px;

        color: #666;

        margin-top: 8px; }

      .blog-single-comment .blog-comments .comments-list .single-comment .comment-content p {

        color: #666;

        margin-top: 15px; }

      .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-replay {

        position: absolute;

        top: 10px;

        right: 15px; }

        @media (max-width: 767px) {

          .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-replay {

            position: relative;

            top: 0;

            right: 0;

            margin-top: 15px; } }

        @media only screen and (min-width: 576px) and (max-width: 767px) {

          .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-replay {

            position: absolute;

            top: 10px;

            right: 15px;

            margin-top: 0; } }

        .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-replay a {

          height: 35px;

          line-height: 35px;

          font-size: 14px;

          color: #fff;

          background-color: #333;

          text-transform: uppercase;

          padding: 0 12px;

          -webkit-transition: all 0.3s linear;

          -moz-transition: all 0.3s linear;

          -ms-transition: all 0.3s linear;

          -o-transition: all 0.3s linear;

          transition: all 0.3s linear; }

          .blog-single-comment .blog-comments .comments-list .single-comment .comment-content .comment-replay a:hover {

            background-color: #e52e06; }

  .blog-single-comment .blog-comments .comments-list .comments-replay {

    padding-left: 70px; }

    @media (max-width: 767px) {

      .blog-single-comment .blog-comments .comments-list .comments-replay {

        padding-left: 0; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .blog-single-comment .blog-comments .comments-list .comments-replay {

        padding-left: 70px; } }

  .blog-single-comment .blog-comment-form {

    margin-top: 45px; }

    .blog-single-comment .blog-comment-form p {

      font-size: 14px;

      color: #666;

      margin-top: 10px; }



/*===========================

     24.Cart Page css 

===========================*/

.shopping-cart-table {

  margin-top: 30px; }

  .shopping-cart-table .table {

    margin-bottom: 0; }

    .shopping-cart-table .table thead tr th {

      padding: 8px 15px;

      border: 1px solid #e5e5e5;

      font-size: 16px;

      font-weight: 500;

      color: #333; }

      .shopping-cart-table .table thead tr th.product {

        min-width: 242px; }

    .shopping-cart-table .table tbody tr td {

      border: 1px solid #e5e5e5;

      vertical-align: middle; }

      .shopping-cart-table .table tbody tr td .product-title .title a {

        font-size: 16px;

        font-weight: 500;

        color: #333; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .shopping-cart-table .table tbody tr td .product-title .title a {

            font-size: 14px;

            line-height: 24px; } }

        @media (max-width: 767px) {

          .shopping-cart-table .table tbody tr td .product-title .title a {

            font-size: 14px;

            line-height: 24px; } }

      .shopping-cart-table .table tbody tr td .product-price .price {

        font-size: 16px;

        color: #333; }

      .shopping-cart-table .table tbody tr td .product-quantity .quantity input {

        width: 60px;

        height: 40px;

        border: 1px solid #e5e5e5;

        padding: 0 10px;

        text-align: center; }

      .shopping-cart-table .table tbody tr td .product-quantity .quantity button {

        width: 40px;

        height: 40px;

        background-color: transparent;

        border: 1px solid #e5e5e5; }

      .shopping-cart-table .table tbody tr td .product-total .total-amount {

        font-size: 16px;

        color: #333; }

      .shopping-cart-table .table tbody tr td .product-delete {

        text-align: center; }

        .shopping-cart-table .table tbody tr td .product-delete a {

          color: #333;

          font-size: 16px; }



.cart-btn {

  border: 1px solid #e5e5e5;

  border-top: 0;

  }

  .cart-btn .main-btn {

    height: 50px;

    line-height: 50px;

    padding: 0 30px;

    font-size: 16px; }



.cart-coupon {

  border: 2px solid #e5e5e5;

  padding: 25px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .cart-coupon {

      padding: 30px 20px; } }

  .cart-coupon .title {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    position: relative;

    padding-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 3px; }

    .cart-coupon .title::before {

      position: absolute;

      content: '';

      background-color: #e52e06;

      width: 50px;

      height: 1px;

      bottom: 0;

      left: 0; }

  .cart-coupon .coupon-form input {

    width: 200px;

    margin-right: 15px;

    margin-top: 15px; }

  .cart-coupon .coupon-form button {

    margin-top: 15px; }



.cart-total {

  border: 2px solid #e5e5e5;

  padding: 30px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .cart-total {

      padding: 30px 20px; } }

  .cart-total .total {

    border-top: 1px solid #e5e5e5;

    margin-top: 10px; }

  .cart-total .single-total {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    margin-top: 10px; }

    .cart-total .single-total .cart-value {

      color: #333;

      font-size: 16px;

      font-weight: 500; }

      @media (max-width: 767px) {

        .cart-total .single-total .cart-value {

          font-size: 14px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .cart-total .single-total .cart-value {

          font-size: 16px; } }

    .cart-total .single-total .cart-amount {

      color: #333;

      font-size: 16px; }

      @media (max-width: 767px) {

        .cart-total .single-total .cart-amount {

          font-size: 14px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .cart-total .single-total .cart-amount {

          font-size: 16px; } }

  .cart-total .cart-total-btn {

    margin-top: 20px; }

    .cart-total .cart-total-btn .main-btn {

      padding: 0 20px;

      height: 50px;

      line-height: 50px;

      letter-spacing: 0; }

      @media (max-width: 767px) {

        .cart-total .cart-total-btn .main-btn {

          font-size: 14px; } }

      @media only screen and (min-width: 576px) and (max-width: 767px) {

        .cart-total .cart-total-btn .main-btn {

          font-size: 16px; } }



/*===========================

    25.Checkout Page css 

===========================*/

.checkout-checkbox ul {

  padding-top: 15px; }

  .checkout-checkbox ul li {

    display: inline-block;

    margin-top: 15px; }

    .checkout-checkbox ul li + li {

      margin-left: 48px; }



.shipping-address {

  display: none; }



.checkout-total-wrapper .checkout-total {

  border: 2px solid #e5e5e5;

  padding: 25px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .checkout-total-wrapper .checkout-total {

      padding: 30px 20px; } }

  .checkout-total-wrapper .checkout-total .title {

    font-size: 20px;

    font-weight: 500;

    color: #333; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .checkout-total-wrapper .checkout-total .title {

        font-size: 18px; } }

    .checkout-total-wrapper .checkout-total .title span {

      display: block;

      float: right; }

  .checkout-total-wrapper .checkout-total ul {

    border-bottom: 1px solid #e5e5e5;

    padding-top: 15px;

    padding-bottom: 5px; }

    .checkout-total-wrapper .checkout-total ul li {

      display: -webkit-flex;

      display: -moz-flex;

      display: -ms-flex;

      display: -o-flex;

      display: flex;

      -webkit-box-pack: space-between;

      -ms-flex-pack: space-between;

      justify-content: space-between;

      padding: 5px 0; }

  .checkout-total-wrapper .checkout-total .checkout-total-sub {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    padding: 8px 0;

    border-bottom: 1px solid #e5e5e5; }

  .checkout-total-wrapper .checkout-total .total-value {

    font-size: 16px;

    color: #333; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .checkout-total-wrapper .checkout-total .total-value {

        font-size: 14px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .checkout-total-wrapper .checkout-total .total-value {

        font-size: 14px; } }

    @media (max-width: 767px) {

      .checkout-total-wrapper .checkout-total .total-value {

        font-size: 14px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .checkout-total-wrapper .checkout-total .total-value {

        font-size: 16px; } }

  .checkout-total-wrapper .checkout-total .total-amount {

    font-size: 16px;

    color: #333; }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

      .checkout-total-wrapper .checkout-total .total-amount {

        font-size: 14px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .checkout-total-wrapper .checkout-total .total-amount {

        font-size: 14px; } }

    @media (max-width: 767px) {

      .checkout-total-wrapper .checkout-total .total-amount {

        font-size: 14px; } }

    @media only screen and (min-width: 576px) and (max-width: 767px) {

      .checkout-total-wrapper .checkout-total .total-amount {

        font-size: 16px; } }



.checkout-payment-wrapper .checkout-payment {

  border: 2px solid #e5e5e5;

  padding: 25px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .checkout-payment-wrapper .checkout-payment {

      padding: 30px 20px; } }

  .checkout-payment-wrapper .checkout-payment ul li + li {

    margin-top: 10px; }

  .checkout-payment-wrapper .checkout-payment ul li .custom-checkbox input[type="checkbox"] + label::before {

    content: "";

    background-color: #333;

    border-radius: 4px; }

  .checkout-payment-wrapper .checkout-payment ul li .custom-checkbox input[type="checkbox"]:checked + label::before {

    -webkit-transform: scale(0.75);

    -moz-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75); }

  .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio input[type="radio"] {

    display: none; }

    .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio input[type="radio"] + label span {

      width: 15px;

      height: 15px;

      border: 1px solid #333;

      border-radius: 4px;

      cursor: pointer;

      position: relative;

      display: inline-block;

      margin: 0px 8px -2px 0; }

      .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio input[type="radio"] + label span::before {

        position: absolute;

        content: "";

        background-color: #333;

        border-radius: 4px;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        font-size: 14px;

        line-height: 0.8; }

    .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio input[type="radio"]:checked + label span::before {

      -webkit-transform: scale(0.75);

      -moz-transform: scale(0.75);

      -ms-transform: scale(0.75);

      -o-transform: scale(0.75);

      transform: scale(0.75); }

  .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio label {

    cursor: pointer;

    font-size: 14px;

    color: #333;

    margin-bottom: 0; }

  .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio .payment-details {

    display: none; }

    .checkout-payment-wrapper .checkout-payment .single-payment .payment-radio .payment-details p {

      padding-top: 10px;

      color: #333;

      font-size: 14px; }



.checkout-btn {

  margin-top: 30px; }

  .checkout-btn .main-btn {

    height: 45px;

    line-height: 45px;

    padding: 0 20px;

    letter-spacing: 0; }



/*===========================

    26.My Account Page css 

===========================*/

.my-account-menu .account-menu-list li a {

  width: 100%;

  height: 50px;

  line-height: 50px;

  padding: 0 20px;

  font-size: 14px;

  color: #333;

  border: 1px solid #e5e5e5;

  margin-top: -1px;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear; }

  .my-account-menu .account-menu-list li a i {

    margin-right: 5px; }

  .my-account-menu .account-menu-list li a:hover, .my-account-menu .account-menu-list li a.active {

    background-color: #333;

    color: #fff;

    border-color: #333; }



.my-account-tab .account-title {

  font-size: 24px;

  font-weight: 500;

  color: #333; }



.account-wrapper {

  border: 2px solid #e5e5e5;

  padding: 40px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .account-wrapper {

      padding: 30px 20px; } }



.account-table .table thead tr th {

  border: 1px solid #e5e5e5;

  font-size: 16px;

  font-weight: 500;

  color: #333;

  padding: 8px 15px; }

  .account-table .table thead tr th.name {

    min-width: 140px; }

  .account-table .table thead tr th.date {

    min-width: 130px; }

.account-table .table tbody tr td {

  font-size: 14px;

  color: #333;

  font-weight: 400;

  vertical-align: middle;

  border: 1px solid #e5e5e5; }

  .account-table .table tbody tr td a {

    padding: 0 15px;

    height: 45px;

    line-height: 45px;

    color: #333; }



.my-account-dashboard .welcome-dashboard {

  margin-top: 30px; }

  .my-account-dashboard .welcome-dashboard p {

    font-size: 16px;

    color: #333; }

    .my-account-dashboard .welcome-dashboard p strong {

      font-weight: 500; }

    .my-account-dashboard .welcome-dashboard p a {

      color: #333;

      -webkit-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

      -ms-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      transition: all 0.3s linear; }

      .my-account-dashboard .welcome-dashboard p a:hover {

        color: #e52e06; }

.my-account-dashboard p {

  color: #333; }



.my-account-payment p {

  color: #333;

  font-weight: 500; }



.my-account-address .account-address .name {

  font-size: 16px;

  color: #333;

  font-weight: 500; }

.my-account-address .account-address p {

  margin-top: 20px;

  font-size: 16px;

  color: #333; }

.my-account-address .account-address .main-btn {

  height: 45px;

  line-height: 45px;

  padding: 0 20px;

  font-size: 14px;

  margin-top: 20px; }



.my-account-details .account-details .title {

  font-size: 20px;

  font-weight: 500;

  color: #333; }



/*===========================

 27.Login Register Page css 

===========================*/

.login-register-wrapper {

  border: 2px solid #e5e5e5;

  padding: 25px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .login-register-wrapper {

      padding: 30px 20px; } }

  .login-register-wrapper p {

    font-size: 14px;

    color: #333;

    line-height: 35px; }

    .login-register-wrapper p a {

      color: #e52e06; }

  .login-register-wrapper .custom-checkbox input[type="checkbox"] + label {

    margin: 3px 8px 0px 0; }

  .login-register-wrapper .custom-checkbox p {

    line-height: 24px; }



/*===========================

     28.Compare Page css 

===========================*/

.compare-table .table tbody tr th {

  width: 200px;

  text-align: center;

  padding: 30px 20px;

  border: 1px solid #e5e5e5;

  font-size: 18px;

  font-weight: 500;

  color: #333;

  vertical-align: middle; }

  @media (max-width: 767px) {

    .compare-table .table tbody tr th {

      padding: 20px 15px;

      font-size: 16px; } }

.compare-table .table tbody tr td {

  padding: 30px 20px;

  text-align: center;

  border: 1px solid #e5e5e5;

  color: #333;

  font-size: 16px; }

  @media (max-width: 767px) {

    .compare-table .table tbody tr td {

      padding: 20px 15px;

      font-size: 16px; } }

  .compare-table .table tbody tr td .product-image-title .product-image img {

    display: block; }

  .compare-table .table tbody tr td .product-image-title .category {

    color: #666;

    font-size: 14px;

    display: block;

    margin-top: 25px; }

    .compare-table .table tbody tr td .product-image-title .category:hover {

      color: #e52e06; }

  .compare-table .table tbody tr td .product-image-title .title a {

    font-size: 16px;

    color: #333;

    font-weight: 500;

    margin-top: 15px; }

  .compare-table .table tbody tr td .description {

    text-align: left; }

    .compare-table .table tbody tr td .description p {

      font-size: 14px; }

  .compare-table .table tbody tr td .main-btn {

    height: 50px;

    line-height: 50px;

    letter-spacing: 0; }

  .compare-table .table tbody tr td .delete {

    font-size: 18px;

    color: #333; }

  .compare-table .table tbody tr td .rating li {

    display: inline-block;

    font-size: 14px;

    color: #e1e1e1; }

    .compare-table .table tbody tr td .rating li.rating-on {

      color: #f3cd1e; }



/*===========================

     29.Contact Page css 

===========================*/

.contact-map-area #contact-map {

  width: 100%;

  height: 400px; }



p.form-message.success,

p.form-message.error {

  font-size: 16px;

  color: #333;

  background: #ddd;

  padding: 10px 15px;

  margin-left: 15px;

  margin-top: 15px; }



p.form-message.error {

  color: #f00; }



.contact-info {

  border: 2px solid #e5e5e5;

  padding: 40px 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .contact-info {

      padding: 30px 20px; } }

  .contact-info .title {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    position: relative;

    padding-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 3px; }

    .contact-info .title::before {

      position: absolute;

      content: '';

      background-color: #e52e06;

      width: 50px;

      height: 1px;

      bottom: 0;

      left: 0; }

  .contact-info .text {

    margin-top: 25px; }



.contact-info-block .single-info {

  margin-top: 30px; }

  .contact-info-block .single-info .info-icon-title {

    padding-bottom: 5px; }

    .contact-info-block .single-info .info-icon-title .info-icon {

      font-size: 30px;

      color: #333;

      line-height: 30px; }

    .contact-info-block .single-info .info-icon-title .info-title {

      padding-left: 20px;

      font-size: 18px;

      font-weight: 500;

      color: #333;

      line-height: 30px; }

  .contact-info-block .single-info p {

    padding-top: 5px; }



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

.more{

  float: right;

  font-size: 35px;

  color: #ffffff;

}

.product-title{

  margin-top: 20px;

}

.footer-title a{

  color: #ffffff;

}

.link{

  text-align: center;

}

.footer-link a{

  text-align: center;

}

.foota{

  display: block;

  color: #ffffff;

}

#fnav {

	background-color: #3d3c42;

	height: 80px;

	text-align: center;

	background-image: url(../images/line.png);

	background-repeat: no-repeat;

	background-position: center bottom;

}

#fnav a {

	font-size: 16px;

	line-height: 80px;

	display: inline-block;

	margin-right: 20px;

	margin-left: 20px;

	color:#b8bcbf;

	transition: color 0.5s;

	-moz-transition: color 0.5s;

	-webkit-transition: color 0.5s;

	-o-transition: color 0.5s;

}

#fnav a:hover{color:#fff;}

.footer-area{

  background-color: #323237;

    position: relative;

    width: 100%;

    color: #888;

}

.page img{

     /* width: 100%; */

}

#subnav {

	position: relative;

	width: 100%;

	z-index: 8;

	padding-top: 5px;

	padding-bottom: 5px;

	/* border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #efefef; */

}

#subnav h2 {
color: #ffffff;
  font-weight: normal;

}

#subnav.onthis{

	position:fixed; 

	left: 0px;

  padding-top: 55px;

  padding-bottom: 5px;

	top: 0px;

	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

	-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

	box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;	

}

#subnav .int{

	width: 96%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	line-height: 30px;

	height: 30px;

	position: relative;

	z-index:2;

}

#subnav .bg{

	z-index: 1;

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

	background-color: #FFF;

	filter: alpha(Opacity=90);

	-moz-opacity: 0.9;

	opacity: 0.9;	

}

#subnav h2 {font-weight: normal;}

#subnav .bar {position: absolute;top: 0px;right: 0px;}

#subnav .bar span {

	color: #CCC;

	display: inline-block;

	padding-right: 10px;

	padding-left: 10px;

}

#subnav .bar a.onthis{color: #006cff;}

#subnav .bar a.but{

	display:inline-block;

	padding-left:20px;

	padding-right:20px;

	text-align:center;

	line-height:28px;

	background-color:#c70000;

	color:#FFF;

	margin-left:20px;

	transition: all 0.5s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;	

}

#subnav .bar a.but:hover{background-color:#ff0000;}



@media only screen and (max-width: 1000px)

{

	body{font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	

	.ubox .bg{width: 160%;left: -30%;}



	#table div {line-height: 70px;height: 70px;width:70px;margin-right: 10px;}

	#table div.big {width: 110px;}

	#table p {font-size:13px;}	

	

	#content .bg1200{height: 700px;}

	#content .bg1300{height: 700px;}	

	

	#subnav {padding-top: 10px;padding-bottom: 10px;}

	#subnav .int{line-height: 20px;height: 45px;}

	#subnav h2 {margin-bottom:12px;}

	#subnav .bar {position:relative;}

	#subnav .bar span {padding-right: 5px;padding-left: 5px;}

	

	#packing h2{margin-bottom: 80px;}

}

.header-area{

  position: relative;

  z-index: 9;

  width: 100%;

  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;

  -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;

  box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;

  background-color: #2d2d2d;

}



#ubox_v {

  background-color: #000;

  padding-top: 20px;

  padding-bottom: 20px;

}

#ubox_v video {

  display: block;

  width: 1280px;

  margin-right: auto;

  margin-left: auto;

}

@media screen and (min-width: 200px) and (max-width:800px) {

  #subnav.onthis{

    padding-top: 0px;

    padding-bottom: 0px;

  }

#subnav h2{

  font-size: 15px;

}

.upad{

  overflow: hidden;

  position: relative;

  width: 100%;

}

#ubox_v{

  width: 100%;

}

#ubox_v video{

  width: 100%;

}

.single-slider .slider-content .main-btn {

  margin-top: 10px; }

  .main-btn{

    /* width: 120px; */

    font-size: 14px;

  }

}



@media only screen and (max-width: 600px){



}





#subnav .int{

	width: 96%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	line-height: 30px;

	height: 30px;

	position: relative;

	z-index:2;

}

#subnav .bg{

	z-index: 1;

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

	background-color: #4a4a4a;

	filter: alpha(Opacity=90);

	-moz-opacity: 0.9;

	opacity: 0.9;	

}

#subnav h2 {font-weight: normal;}

#subnav .bar {

  position: absolute;

  top: -3px;

  right: 0px;

  /* width: 100%; */

}

#subnav .bar span {

	color: #CCC;

	display: inline-block;

	padding-right: 10px;

	padding-left: 10px;

}

#subnav .bar a.onthis{

    color: #2d7cff;

}

#subnav .bar a.but{

	display:inline-block;

	padding-left:20px;

	padding-right:20px;

	text-align:center;

	line-height:28px;

	background-color:#c70000;

	color:#FFF;

	margin-left:20px;

	transition: all 0.5s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;	

}

#subnav .bar a.but:hover{background-color:#ff0000;}





.pro{font-size:17px; position:relative; overflow:hidden; width:100%;}

.pro h1{

	font-weight: normal;

	text-align: center;

	margin-bottom: 20px;

}

.pro h2{

	font-weight: normal;

	text-align: center;

	margin-bottom: 20px;

}

.pro h3{

	width: 100%;

	max-width: 800px;

	font-weight: normal;

	margin-right: auto;

	margin-left: auto;

}

.pro p{

	width: 98%;

	max-width: 800px;

	font-weight: normal;

	margin-right: auto;

	margin-left: auto;

}





#pro_1{

	background-color: #000;

	position: relative;

	width: 100%;

}

#pro_1 .in {

	height: 1000px;

	width: 4100%;

	margin-right: auto;

	margin-left: auto;  

	overflow: hidden;

	position: relative;

	left: -2000%;

}

#pro_1 .in img {

	position: relative;

	height: 1000px;

	width: auto;

	display: block;

	margin-right: auto;

	margin-left: auto;

}

#smokeCanvas{

	position: absolute;

	z-index: 2;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#pro_1 .text {

	overflow: hidden;

	position: absolute;

	width: 100%;

	left: 0px;

	top: 15%;

	z-index: 3;

	text-align: center;

	color:#fff;

	height:85%;

}

#pro_1 .text img.title{

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 90%;

	margin-bottom: 20px;

	max-width:600px;

	height: auto;

	z-index: 3;

	position:relative;

}

#pro_1 .text img.ubox{

	display: block;

	margin-left: auto;

	margin-right: auto;

	height: auto;

	width: 100%;

	max-width:700px;

	z-index: 1;

	position:relative;

}

#pro_1.pro .text h1{

	font-weight: normal;

	text-align: center;

	margin-bottom: 40px;

	position:relative;

	z-index:3;

	font-size:34px;

}





#pro_2 {

	padding-top: 120px;

	padding-bottom: 120px;

}

#pro_2 .in {

	width:100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}

#pro_2 .box {

	float: left;

	width: 25%;

	height:270px;

	position:relative;

	overflow:hidden;

}

#pro_2 .box img {

	height: auto;

	width: 80%;

	margin-right: auto;

	margin-left: auto;

	max-width: 140px;

	display: block;

}

#pro_2 .box .text{

	width:88%;

	position:relative;

	margin-left:auto;

	margin-right:auto;

	top:-30px;

	text-align:center;

}

#pro_2 .box .text h3{font-weight: normal; margin-bottom:5px;}

#pro_2 .box .text p{color: #888; font-size:15px;}





#pro_3 {

	background-color: #000;

	position: relative;

	width: 100%;

	overflow: hidden;

	height: 900px;

}

#pro_3 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1080px;

}

#pro_3 .in video{

	display:block;

	width:1920px;

	height:1080px;

	margin-left:auto;

	margin-right:auto;

}

#pro_3 .bg{

	display: block;

	background-color: #000;

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

	filter: alpha(Opacity=70);

	-moz-opacity: 0.7;

	opacity: 0.7;		

}

#pro_3 .bb {

	position: absolute;

	width: 100%;

	left: 0px;

	bottom:0px;

	text-align: center;

}

#pro_3 .bb img{display:block; width:90%; max-width:1200px; margin-left:auto; margin-right:auto}

#pro_3 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 30%;

	color: #fff;

	text-align: center;

}





#pro_4 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_4 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1100px;

}

#pro_4 .in img{

	display:block;

	width:auto;

	height:1100px;

	margin-left:auto;

	margin-right:auto;

}

#cas{

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;	

}

#pro_4 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 20%;

	color:#fff;

	text-align:center;

}





#pro_5 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_5 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1080px;

}

#pro_5 .in .box{

	position: absolute;

	z-index: 2;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

	filter: alpha(Opacity=0);

	-moz-opacity: 0;

	opacity: 0;	

	animation: myop 8s infinite;

	-moz-animation: myop 8s infinite;	/* Firefox */

	-webkit-animation: myop 8s infinite;	/* Safari 和 Chrome */

	-o-animation: myop 8s infinite;	/* Opera */			

}

@keyframes myop

{

0% {opacity: 0;}

40% {opacity: 1;}

60% {opacity: 1;}

100% {opacity: 0;}

}

@-moz-keyframes myop /* Firefox */

{

0% {opacity: 0;}

40% {opacity: 1;}

60% {opacity: 1;}

100% {opacity: 0;}

}

@-webkit-keyframes myop /* Safari 和 Chrome */

{

0% {opacity: 0;}

40% {opacity: 1;}

60% {opacity: 1;}

100% {opacity: 0;}

}

@-o-keyframes myop /* Opera */

{

0% {opacity: 0;}

40% {opacity: 1;}

60% {opacity: 1;}

100% {opacity: 0;}

}

#pro_5 .in img{

	display:block;

	width: auto;

	height:1080px;

	margin-left:auto;

	margin-right:auto;

}

#pro_5 .text{

	position: absolute;

	z-index: 3;

	width: 100%;

	left: 0px;

	top: 40%;

	text-align:center;

}





#pro_6 {

	background-color: #008ff7;

	position:relative;

	width:100%;

	overflow:hidden;

	height:1100px;

}

#pro_6 .in{

	width: 1200px;

	position: relative;

	height: 1200px;

	margin-right: auto;

	margin-left: auto;

}

#pro_6 .in .bg{

	display:block;

	width:100%;

	height:auto;

}

#pro_6 .in .img{

	width: 21.2857%;

	height: 21.5714%;

	top: 40.2286%;

	left: 39.4143%;

	position: absolute;

	z-index: 3;

}

#pro_6 .in span {

	background-color: #09F;

	position: absolute;

	height: 0%;

	width: 0%;

	left: 50%;

	top: 50%;

	overflow: hidden;

	z-index: 2;

	-moz-border-radius: 50%;

	border-radius: 50%;

	filter: alpha(Opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;		

}

#span1{

	animation: myspan 3s infinite;

	-moz-animation: myspan 3s infinite;	/* Firefox */

	-webkit-animation: myspan 3s infinite;	/* Safari 和 Chrome */

	-o-animation: myspan 3s infinite;	/* Opera */		

}

#span2{

	animation: myspan 3s 0.5s infinite;

	-moz-animation: myspan 3s 0.5s infinite;	/* Firefox */

	-webkit-animation: myspan 3s 0.5s infinite;	/* Safari 和 Chrome */

	-o-animation: myspan 3s 0.5s infinite;	/* Opera */		

}

#span3{

	animation: myspan 3s 1s infinite;

	-moz-animation: myspan 3s 1s infinite;	/* Firefox */

	-webkit-animation: myspan 3s 1s infinite;	/* Safari 和 Chrome */

	-o-animation: myspan 3s 1s infinite;	/* Opera */		

}

#span4{

	animation: myspan 3s 1.5s infinite;

	-moz-animation: myspan 3s 1.5s infinite;	/* Firefox */

	-webkit-animation: myspan 3s 1.5s infinite;	/* Safari 和 Chrome */

	-o-animation: myspan 3s 1.5s infinite;	/* Opera */		

}

#span5{

	animation: myspan 3s 2s infinite;

	-moz-animation: myspan 3s 2s infinite;	/* Firefox */

	-webkit-animation: myspan 3s 2s infinite;	/* Safari 和 Chrome */

	-o-animation: myspan 3s 2s infinite;	/* Opera */		

}

@keyframes myspan

{

from {width: 0%;height:0%;left: 50%;top:50%;opacity: 0.5;}

to {width: 100%;height:100%;left:0%;top:0%;opacity: 0;}

}

@-moz-keyframes myspan /* Firefox */

{

from {width: 0%;height:0%;left: 50%;top:50%;opacity: 0.5;}

to {width: 100%;height:100%;left:0%;top:0%;opacity: 0;}

}

@-webkit-keyframes myspan /* Safari 和 Chrome */

{

from {width: 0%;height:0%;left: 50%;top:50%;opacity: 0.5;}

to {width: 100%;height:100%;left:0%;top:0%;opacity: 0;}

}

@-o-keyframes myspan /* Opera */

{

from {width: 0%;height:0%;left: 50%;top:50%;opacity: 0.5;}

to {width: 100%;height:100%;left:0%;top:0%;opacity: 0;}

}

#pro_6 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 15%;

	color:#fff;

	text-align:center;

}





#pro_7 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

	padding-bottom:100px;

}

#pro_7 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:800px;

}

#pro_7 .bg{

	display:block;

	width:auto;

	height:800px;

	margin-left:auto;

	margin-right:auto;

}

#pro_7 .outbox{

	display:block;

	width:1920px;

	height:800px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}

#pro_7 .covered {

	width  : 56.6667%;

	height : 76.5%;

	background-image: url(../images/pro_7_img1_1.jpg);

	box-shadow : 0 0 40px 5px rgba(0,0,0,.4);

	background-color: #C9C;

	position: absolute;

	z-index: 2;

	left: 21.66666666666667%;

	top: 7.125%;

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

#pro_7 .covered .changeable {

	background-image: url(../images/pro_7_img1_2.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	position: relative;

}

#pro_7 .handle {

	position: absolute;

	width : 31px;

	height: 31px;

	margin-left  : -15px;

	margin-top   : -15px;

	border-radius: 50%;

	text-align : center;

	background-image: url(../images/handle.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	z-index: 3;

}

#pro_7 .handle span {

	display : inline-block;

	margin : 15px 1px 0;

	color : #000;

	-webkit-transition : .1s ease-out;

	-moz-transition : .1s ease-out;

	-ms-transition : .1s ease-out;

	-o-transition : .1s ease-out;

	transition : .1s ease-out;

}

#pro_7 .handle.vertical {

	-webkit-transform : rotate(90deg);

	-moz-transform : rotate(90deg);

	-ms-transform : rotate(90deg);

	-o-transform : rotate(90deg);

	transform : rotate(90deg);

}

#pro_7 .handle:hover span {color : #FFF;}

#pro_7 .draggable {cursor : move;}

#pro_7 .draggable span {

	margin : 15px 4px 0;

	color  : #FFF;

	-webkit-transition : .1s ease-out;

	-moz-transition : .1s ease-out;

	-ms-transition : .1s ease-out;

	-o-transition : .1s ease-out;

	transition : .1s ease-out;

}

#pro_7 .text{

	width: 100%;

	margin-left:auto;

	margin-right:auto;

	max-width:800px;

	color:#fff;

	text-align:center;

}

#pro_7 .p1{

	height: 40px;

	line-height:40px;

	width: 120px;

	border: 2px solid #FFF;

	position: absolute;

	right: 20px;

	bottom: 20px;

	font-size:32px;

	color:#fff;

	text-align:center;

}

#pro_7 .p2{

	height: 40px;

	line-height:40px;

	width: 120px;

	border: 2px solid #FFF;

	position: absolute;

	left: 20px;

	bottom: 20px;

	font-size:32px;

	color:#fff;

	text-align:center;

}





#pro_8 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_8 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1000px;

}

#pro_8 .in img{

	display:block;

	width:auto;

	height:1000px;

	margin-left:auto;

	margin-right:auto;

}

#lightspeed {

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#pro_8 .text{

	position: absolute;

	z-index: 3;

	width: 100%;

	left: 0%;

	top:13%;

	text-align:center;

	color:#fff;

}







#pro_9 {

	background-color: #17171d;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_9 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_9 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_9 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	bottom:15%;

	color:#fff;

	text-align:center;

}







#pro_10 {

	background-color: #17171d;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_10 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1080px;

}

#pro_10 .in img{

	display:block;

	width:auto;

	height:1080px;

	margin-left:auto;

	margin-right:auto;

}

#pro_10 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 40%;

	color:#fff;

	text-align:center;

}





#pro_11 {

	background-color: #010305;

	position:relative;

	width:100%;

	overflow:hidden;

	padding-top:100px;

	padding-bottom:100px;

}

#pro_11 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_11 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_11 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	color: #fff;

	text-align: center;

	bottom: 20%;

}





#pro_12 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_12 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1000px;

}

#pro_12 .in img{

	display:block;

	width:auto;

	height:1000px;

	margin-left:auto;

	margin-right:auto;

}

#pro_12 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 35%;

	color:#fff;

	text-align:center;

}





#pro_13 {

	background-color: #f7f7f7;

	position:relative;

	width:100%;

	overflow:hidden;

	padding-bottom:100px;

}

#pro_13 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:770px;

}

#pro_13 .in img{

	display:block;

	width:auto;

	height:770px;

	margin-left:auto;

	margin-right:auto;

}

#pro_13 .text{

	width: 100%;

	max-width:800px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}





#pro_14 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_14 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1000px;

}

#pro_14 .in img{

	display:block;

	width:auto;

	height:1000px;

	margin-left:auto;

	margin-right:auto;

}

#pro_14 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 15%;

	text-align:center;

}





#pro_15 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_15 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1000px;

}

#pro_15 .in img{

	display:block;

	width:auto;

	height:1000px;

	margin-left:auto;

	margin-right:auto;

}

#pro_15 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top: 20%;

	text-align:center;

	color:#fff;

}





#pro_16 {

	background-color: #03080e;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_16 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_16 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_16 .text{

	position: relative;

	z-index: 2;

	width: 100%;

	text-align: center;

	color: #fff;

	margin-right: auto;

	margin-left: auto;

	max-width: 800px;

	bottom: -200px;

}





#pro_17 {

	background-color: #f4f5f7;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_17 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:480px;

}

#pro_17 .in img{

	display:block;

	width:auto;

	height:480px;

	margin-left:auto;

	margin-right:auto;

}

#pro_17 .text{

	padding-top:100px;

	width:100%;

	max-width:800px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}

#pro_17 .text a {

	line-height: 44px;

	color: #333;

	text-align: center;

	display: inline-block;

	height: 44px;

	width: 220px;

	margin-right: 20px;

	margin-left: 20px;

	border: 1px solid #333;

	transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;		

}

#ubox_10 .text a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

	color:#fff;

}



#ubox_10 .text{

  padding-top: 25px;

  padding-bottom: 25px;

	width:100%;

	max-width:800px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}

#ubox_10 .text a {

	line-height: 44px;

	color: #333;

	text-align: center;

	display: inline-block;

	height: 44px;

	width: 25%;

	margin-right: 20px;

	margin-left: 20px;

	border: 1px solid #333;

	transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;		

  border-radius: 25px;

}

#ubox_10 .text a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

	color:#fff;

}



#pro_18 {

	background-color: #fcfcfc;

	position: relative;

	width: 100%;

	overflow: hidden;

	padding-bottom:100px;

}

#pro_18 .in{  

	left:-2000%;

	position:relative;

	height:650px;

}

#pro_18 .in img{

	display:block;

	width:auto;

	height:650px;

	margin-left:auto;

	margin-right:auto;  

}

#pro_18 .text{

	width:100%;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}





#pro_19 {

	background-color: #545557;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_19 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:920px;

}

#pro_19 .in img{

	display:block;

	width:auto;

	height:920px;

	margin-left:auto;

	margin-right:auto;

}

#pro_19 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	bottom:10%;

	text-align:center;

	color:#fff;

}





#pro_20 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_20 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1080px;

}

#pro_20 .in img{

	display:block;

	width:auto;

	height:1080px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}

#pro_20 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top:20%;

	text-align:center;

	color:#fff;

}





#pro_21 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_21 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:880px;

}

#pro_21 .in img{

	display:block;

	width:auto;

	height:880px;

	margin-left:auto;

	margin-right:auto;

}

#pro_21 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0px;

	top:13%;

	text-align:center;

	color:#fff;

}





#pro_22 {

	background-color: #fff;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_22 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:920px;

}

#pro_22 .in img{

	display:block;

	width:auto;

	height:920px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}

#pro_22 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	bottom:10%;

	text-align:center;

}





#pro_23 {

	background-color: #e7e7e7;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_23 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1080px;

}

#pro_23 .in img{

	display:block;

	width:auto;

	height:1080px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}

#pro_23 .text{

	position: absolute;

	z-index: 2;

	width: 35%;

	left: 20%;

	top:40%;

	text-align:center;

}





#pro_24 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_24 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1000px;

}

#pro_24 .in img{

	display:block;

	width:auto;

	height:1000px;

	margin-left:auto;

	margin-right:auto;

}

#pro_24 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	bottom:25%;

	text-align:center;

}





#pro_25 {

	background-color: #f3f3f3;

	position: relative;

	width: 100%;

	overflow: hidden;

	padding-bottom:100px;

}

#pro_25 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:590px;

}

#pro_25 .in img{

	display:block;

	width:auto;

	height:590px;

	margin-left:auto;

	margin-right:auto;

}

#pro_25 .text{

	width:100%;

	max-width:800px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}





#pro_26 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_26 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:1100px;

}

#pro_26 .in img{

	display:block;

	width:auto;

	height:1100px;

	margin-left:auto;

	margin-right:auto;

}

#pro_26 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	bottom:10%;

	text-align:center;

	color:#fff;

}





#pro_27 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_27 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_27 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_27 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	top:10%;

	text-align:center;

	color:#fff;

}





#pro_28 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_28 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:600px;

}

#pro_28 .in img{

	display:block;

	width:auto;

	height:600px;

	margin-left:auto;

	margin-right:auto;

}







#pro_29 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_29 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_29 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_29 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	top:58%;

	text-align:center;

	color:#fff;

}



#pro_30 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_30 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_30 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_30 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	top:58%;

	text-align:center;

	color:#fff;

}





#pro_31 {

	background-color: #000;

	position:relative;

	width:100%;

	overflow:hidden;

}

#pro_31 .in{

	width:4100%;

	left:-2000%;

	position:relative;

	height:900px;

}

#pro_31 .in img{

	display:block;

	width:auto;

	height:900px;

	margin-left:auto;

	margin-right:auto;

}

#pro_31 .text{

	position: absolute;

	z-index: 2;

	width: 100%;

	left: 0%;

	top:58%;

	text-align:center;

	color:#fff;

}





#packing{

	width: 100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#packing img{display:block;}

#packing h2{

	font-weight: normal;

	text-align: center;

	margin-bottom: 100px;	

}







#parameter {

	width: 98%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#table {background-color: #acc3ff; text-align:center}

#table tr td {background-color: #FFF;padding: 12px; height:30px;}

#table tr td.tl {background-color: #dae4ff; color:#111; text-align:left}

#table tr td.th {background-color: #c0d2ff; color:#111; text-align:left}

#table div {

	line-height: 80px;

	display:inline-block;

	height: 80px;

	width:80px;

	text-align: center;

	margin-right: 10px;

	margin-bottom: 5px;

	position: relative;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-top: 5px;

}

#table div.big {width: 124px;}

#table p {clear: both;line-height: 16px;color: #999;font-size:14px;}

#table h2 {text-align: left;}

#table .green{border: 2px solid #32b16d;background-color:#d9ffeb;}

#table .ubox4cm

{

	width:100%;

	max-width:800px;

	display:block;

	margin-left:auto;

	margin-right:auto;

}





#content {position: relative;width: 100%; overflow:hidden}

#content .wbox{ padding-top:30px; padding-bottom:100px; background-color:#ffffff}

#content .gbox{ padding-top:30px; padding-bottom:100px; background-color:#f2f2f2}

#content .in{

	width: 4100%;

	left: -2000%;

	position: relative;

}

#content .bg1200{

	display: block;

	height: 1200px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .bg1300{

	display: block;

	height: 1300px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 600px;

	text-align: center;

	position: relative;

}

#content h2{margin-bottom:10px;font-weight:normal;}

#content p{color:#888;}









@media only screen and (max-width: 1400px){

	.pro{font-size:17px;}

	

	#pro_1 .in {height: 900px;}

	#pro_1 .in img {height: 900px;}

	#pro_1.pro .text h1{margin-bottom: 40px;font-size:30px;}

	#smokeCanvas{height: 100%;width: 120%;left: -10%;}

	

	#pro_4 .in{height:1000px;}

	#pro_4 .in img{height:1000px;}

	

	#pro_5 .in{height:980px;}

	#pro_5 .in img{height:980px;}

	

	#pro_6 {height:1000px;}

	#pro_6 .in{width: 1100px;height: 1100px;}

	

	#pro_8 .in{height:900px;}

	#pro_8 .in img{height:900px;}

	

	#pro_9 .in{height:650px;}

	#pro_9 .in img{height:650px;}		

	

	#pro_10 .in{height:980px;}

	#pro_10 .in img{height:980px;}

	

	#pro_11 {padding-top:90px;padding-bottom:90px;}

	#pro_11 .in{height:800px;}

	#pro_11 .in img{height:800px;}

	#pro_11 .text{bottom: 19%;}

	

	#pro_12 .in{height:900px;}

	#pro_12 .in img{height:900px;}

	

	#pro_13 .in{height:700px;}

	#pro_13 .in img{height:700px;}

	

	#pro_14 .in{height:900px;}

	#pro_14 .in img{height:900px;}



	#pro_15 .in{height:780px;}

	#pro_15 .in img{height:780px;}	

	#pro_15 .text{top: 19%;}

	

	#pro_16 .in{height:780px;}

	#pro_16 .in img{height:780px;}

	#pro_16 .text{bottom: -180px;}	

	

	#pro_18 {padding-bottom:90px;}

	#pro_18 .in{height:500px;}

	#pro_18 .in img{height:500px;}	

	

	#pro_19{padding-bottom:100px;}

	#pro_19 .in{height:600px;}

	#pro_19 .in img{height:600px;}

	#pro_19 .text{bottom:10%;}			

	

	#pro_20 .in{height:760px;}

	#pro_20 .in img{height:760px; right:0px;}

	#pro_20 .text{top:15%;}		

	

	#pro_21 .in{height:680px;}

	#pro_21 .in img{height:680px;}

	#pro_21 .text{top:11%;}		

	

	#pro_22 .in{height:620px;}

	#pro_22 .in img{height:620px; left:-10px;}

	#pro_22 .text{bottom:10%;}

	

	#pro_24 .in{height:800px;}

	#pro_24 .in img{height:800px;}

	#pro_24 .text{bottom:21%;}		

	

	#pro_25 {padding-bottom:90px;}

	#pro_25 .in{height:570px;}

	#pro_25 .in img{height:570px;}	

	

	#pro_28 .in{height:450px;}

	#pro_28 .in img{height:450px;}		

	

	#content .bg1200{height: 900px;}

	#content .bg1300{height: 900px;}

	

	#pro_29 .in{height:820px;}

	#pro_29 .in img{height:820px;}



	#pro_30 .in{height:820px;}

	#pro_30 .in img{height:820px;}



	#pro_31 .in{height:820px;}

	#pro_31 .in img{height:820px;}

}

@media only screen and (max-width: 1200px)

{



  .header-cart .mini-cart {

    position: absolute;

    top: 151%;

    right: -15px;

    width: 345px;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);

    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);

    z-index: 99;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    opacity: 0;

    visibility: hidden;

}



























	.pro{font-size:16px;}



	#pro_1 .in {height: 800px;}

	#pro_1 .in img {height: 800px;}

	#pro_1.pro .text h1{margin-bottom: 30px;font-size:26px;}

	#smokeCanvas{height: 120%;width: 140%;left: -20%;}

	

	#pro_3 {height: 800px;}

	#pro_3 .in{height:980px;}

	#pro_3 .in video{width:1742px;height:980px;}

	

	#pro_4 .in{height:900px;}

	#pro_4 .in img{height:900px;}

	

	#pro_5 .in{height:880px;}

	#pro_5 .in img{height:880px;}

	

	#pro_6 {height:900px; padding-top:100px;}

	#pro_6 .in{width: 1000px;height: 1000px;}

	

	#pro_8 .in{height:700px;}

	#pro_8 .in img{height:700px;}

	

	#pro_9 .in{height:600px;}

	#pro_9 .in img{height:600px;}	

	

	#pro_10 .in{height:880px;}

	#pro_10 .in img{height:880px;}	

	

	#pro_11 {padding-top:80px;padding-bottom:80px;}

	#pro_11 .in{height:700px;}

	#pro_11 .in img{height:700px;}

	#pro_11 .text{bottom: 18%;}

	

	#pro_12 .in{height:800px;}

	#pro_12 .in img{height:800px;}	

	

	#pro_13 .in{height:630px;}

	#pro_13 .in img{height:630px;}	

	

	#pro_14 .in{height:800px;}

	#pro_14 .in img{height:800px;}

	

	#pro_15 .in{height:700px;}

	#pro_15 .in img{height:700px;}	

	#pro_15 .text{top: 18%;}	

	

	#pro_16 .in{height:700px;}

	#pro_16 .in img{height:700px;}

	#pro_16 .text{bottom: -160px;}

	

	#pro_18 {padding-bottom:80px;}

	#pro_18 .in{height:440px;}

	#pro_18 .in img{height:440px;}

	

	#pro_19{padding-bottom:120px;}

	#pro_19 .in{height:540px;}

	#pro_19 .in img{height:540px;}

	#pro_19 .text{bottom:9%;}	

	

	#pro_20 .in{height:680px;}

	#pro_20 .in img{height:680px; right:0px;}

	#pro_20 .text{top:10%;}		

	

	#pro_21 .in{height:620px;}

	#pro_21 .in img{height:620px;}

	#pro_21 .text{top:10%;}		

	

	#pro_22 .in{height:560px;}

	#pro_22 .in img{height:560px; left:-20px;}

	#pro_22 .text{bottom:9%;}	

	

	#pro_23{padding-top:20px;}

	#pro_23 .in{height:700px;}

	#pro_23 .in img{height:700px; left:-20px;}

	#pro_23 .text{width: 100%;left: 0%;top:10%;}	

	

	#pro_24 .in{height:720px;}

	#pro_24 .in img{height:720px;}

	#pro_24 .text{bottom:21%;}		

	

	#pro_25 {padding-bottom:80px;}

	#pro_25 .in{height:500px;}

	#pro_25 .in img{height:500px;}	

	

	#pro_26 .in{height:1000px;}

	#pro_26 .in img{height:1000px;}

	

	#pro_27 .in{height:800px;}

	#pro_27 .in img{height:800px;}

	

	#pro_28 .in{height:400px;}

	#pro_28 .in img{height:400px;}						

	

	#content .bg1200{height: 800px;}

	#content .bg1300{height: 800px;}

	

	#pro_29 .in{height:740px;}

	#pro_29 .in img{height:740px;}

	

	#pro_30 .in{height:740px;}

	#pro_30 .in img{height:740px;}



	#pro_31 .in{height:740px;}

	#pro_31 .in img{height:740px;}	

}

@media only screen and (max-width: 1000px)

{

	.pro{font-size:15px;}

	.pro h1{margin-bottom: 15px;}

	.pro h2{margin-bottom: 15px;}



	#pro_1 .in {height: 700px;}

	#pro_1 .in img {height: 700px;}

	#pro_1.pro .text h1{margin-bottom: 30px;font-size:22px;}

	#smokeCanvas{height: 130%;width: 160%;left: -30%;}

	

	#pro_2 {padding-top: 100px;padding-bottom: 100px;}

	#pro_2 .box {width: 50%;height:270px;}

	

	#pro_3 {height: 700px;}

	#pro_3 .in{height:880px;}

	#pro_3 .in video{width:1564px;height:880px;}

	

	#pro_4 .in{height:800px;}

	#pro_4 .in img{height:800px;}	

	#pro_4 .text{top: 18%;}

	

	#pro_5 .in{height:780px;}

	#pro_5 .in img{height:780px;}

	

	#pro_6 {height:800px; padding-top:120px;}

	#pro_6 .in{width: 800px;height: 800px;}

	

	#pro_8 .in{height:600px;}

	#pro_8 .in img{height:600px;}	

	

	#pro_9 .in{height:550px;}

	#pro_9 .in img{height:550px;}

	#pro_9 .text{bottom:14%;}	

	

	#pro_10 .in{height:780px;}

	#pro_10 .in img{height:780px;}	

	

	#pro_11 {padding-top:70px;padding-bottom:70px;}

	#pro_11 .in{height:600px;}

	#pro_11 .in img{height:600px;}

	#pro_11 .text{bottom: 17%;}		

	

	#pro_12 .in{height:700px;}

	#pro_12 .in img{height:700px;}

	

	#pro_13 .in{height:560px;}

	#pro_13 .in img{height:560px;}		

	

	#pro_14 .in{height:700px;}

	#pro_14 .in img{height:700px;}



	#pro_15 .in{height:620px;}

	#pro_15 .in img{height:620px;}	

	#pro_15 .text{top: 17%;}

	

	#pro_16 .in{height:620px;}

	#pro_16 .in img{height:620px;}

	#pro_16 .text{bottom: -140px;}		

	

	#pro_17 .in{height:400px;}

	#pro_17 .in img{height:400px;}

	

	#pro_18 {padding-bottom:70px;}

	#pro_18 .in{height:380px;}

	#pro_18 .in img{height:380px;}

	

	#pro_19{padding-bottom:140px;}

	#pro_19 .in{height:480px;}

	#pro_19 .in img{height:480px;}

	#pro_19 .text{bottom:8%;}	

	

	#pro_20 .in{height:600px;}

	#pro_20 .in img{height:600px; right:-5px;}

	#pro_20 .text{top:8%;}		

	

	#pro_21 .in{height:560px;}

	#pro_21 .in img{height:560px;}

	#pro_21 .text{top:9%;}			

	

	#pro_22 .in{height:500px;}

	#pro_22 .in img{height:500px; left:-30px;}

	#pro_22 .text{bottom:8%;}	

	

	#pro_23{padding-top:40px;}

	#pro_23 .in{height:620px;}

	#pro_23 .in img{height:620px; left:-40px;}

	#pro_23 .text{width: 100%;left: 0%;top:10%;}	

	

	#pro_24 .in{height:640px;}

	#pro_24 .in img{height:640px;}

	#pro_24 .text{bottom:19%;}	

	

	#pro_25 {padding-bottom:70px;}

	#pro_25 .in{height:430px;}

	#pro_25 .in img{height:430px;}		

	

	#pro_26 .in{height:900px;}

	#pro_26 .in img{height:900px;}	

	

	#pro_27 .in{height:700px;}

	#pro_27 .in img{height:700px;}	

	

	#pro_28 .in{height:350px;}

	#pro_28 .in img{height:350px;}				

	

	#content .bg1200{height: 700px;}

	#content .bg1300{height: 700px;}	

	

	#subnav {padding-top: 10px;padding-bottom: 10px;}

	#subnav .int{line-height: 20px;height: 45px;}

	#subnav h2 {margin-bottom:5px;}

	#subnav .bar {position:relative;}

	#subnav .bar span {padding-right: 5px;padding-left: 5px;}

	

	#pro_29 .in{height:660px;}

	#pro_29 .in img{height:660px;}

	

	#pro_30 .in{height:660px;}

	#pro_30 .in img{height:660px;}



	#pro_31 .in{height:660px;}

	#pro_31 .in img{height:660px;}	

	

	#packing h2{margin-bottom: 80px;}	

}

@media only screen and (max-width: 1025px)

{

  #subnav.onthis{

    position:fixed; 

    left: 0px;

    padding-top: 10px;

    padding-bottom: 10px;

    top: 0px;

    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

    -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

    box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;	

  }

}



@media only screen and (max-width: 800px)

{

  #subnav.onthis{

    position:fixed; 

    left: 0px;

    padding-top: 10px;

    padding-bottom: 10px;

    top: 0px;

    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

    -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;

    box-shadow: rgba(0,0,0,0.1) 0px 1px 15px;	

  }



	.pro{font-size:14px;}

	

	#pro_1 .in {height: 600px;}

	#pro_1 .in img {height: 600px;}

	#pro_1.pro .text h1{margin-bottom: 20px;font-size:18px;}

	#smokeCanvas{height: 140%;width: 180%;left: -40%;}

	

	#pro_2 {padding-top: 80px;padding-bottom: 80px;}

	

	#pro_3 {height: 600px;}

	#pro_3 .in{height:780px;}

	#pro_3 .in video{width:1387px;height:780px;}	

	

	#pro_4 .in{height:700px;}

	#pro_4 .in img{height:700px;}	

	#pro_4 .text{top: 16%;}

	

	#pro_5 .in{height:680px;}

	#pro_5 .in img{height:680px;}

	

	#pro_6 {height:600px; padding-top:140px;}

	#pro_6 .in{width: 600px;height: 600px;}

	

	#pro_8{padding-top:80px;}

	#pro_8 .in{height:500px;}

	#pro_8 .in img{height:500px;}

	

	#pro_9 .in{height:500px;}

	#pro_9 .in img{height:500px;}

	#pro_9 .text{bottom:12%;}	

	

	#pro_10 .in{height:680px;}

	#pro_10 .in img{height:680px;}	

	

	#pro_11 {padding-top:60px;padding-bottom:60px;}

	#pro_11 .in{height:500px;}

	#pro_11 .in img{height:500px;}

	#pro_11 .text{bottom: 16%;}		

	

	#pro_12 .in{height:600px;}

	#pro_12 .in img{height:600px;}

	

	#pro_13 .in{height:490px;}

	#pro_13 .in img{height:490px;}			

	

	#pro_14 .in{height:600px;}

	#pro_14 .in img{height:600px;}	



	#pro_15 .in{height:560px;}

	#pro_15 .in img{height:560px;}	

	#pro_15 .text{top: 16%;}

	

	#pro_16 .in{height:560px;}

	#pro_16 .in img{height:560px;}

	#pro_16 .text{bottom: -120px;}		

	

	#pro_17 .in{height:320px;}

	#pro_17 .in img{height:320px;}	

	

	#pro_18 {padding-bottom:60px;}

	#pro_18 .in{height:320px;}

	#pro_18 .in img{height:320px;}	

	

	#pro_19{padding-bottom:160px;}

	#pro_19 .in{height:420px;}

	#pro_19 .in img{height:420px;}

	#pro_19 .text{bottom:7%;}

	

	#pro_20 .in{height:540px;}

	#pro_20 .in img{height:540px; right:-10px;}

	#pro_20 .text{top:7%;}	

	

	#pro_21 .in{height:500px;}

	#pro_21 .in img{height:500px;}

	#pro_21 .text{top:8%;}		

	

	#pro_22 .in{height:440px;}

	#pro_22 .in img{height:440px; left:-40px;}

	#pro_22 .text{bottom:7%;}	

	

	#pro_23{padding-top:60px;}

	#pro_23 .in{height:540px;}

	#pro_23 .in img{height:540px; left:-60px;}

	#pro_23 .text{width: 100%;left: 0%;top:10%;}

	

	#pro_24 .in{height:560px;}

	#pro_24 .in img{height:560px;}

	#pro_24 .text{bottom:16%;}	

	

	#pro_25 {padding-bottom:60px;}

	#pro_25 .in{height:360px;}

	#pro_25 .in img{height:360px;}	

	

	#pro_26 .in{height:800px;}

	#pro_26 .in img{height:800px;}		

	

	#pro_27 .in{height:600px;}

	#pro_27 .in img{height:600px;}	

	

	#pro_28 .in{height:300px;}

	#pro_28 .in img{height:300px;}					

	

	#content .bg1200{height: 600px;}

	#content .bg1300{height: 600px;}	

	

	#pro_29 .in{height:580px;}

	#pro_29 .in img{height:580px;}

	

	#pro_30 .in{height:580px;}

	#pro_30 .in img{height:580px;}



	#pro_31 .in{height:580px;}

	#pro_31 .in img{height:580px;}	

	

	#packing h2{margin-bottom:60px;}

}

@media only screen and (max-width: 600px)

{

	.pro{font-size:13px;}

	.pro h1{margin-bottom: 10px;}

	.pro h2{margin-bottom: 10px;}



	#pro_1 .in {height: 500px;}

	#pro_1 .in img {height: 500px;}	

	#pro_1.pro .text h1{margin-bottom: 20px;font-size:16px;}

	#smokeCanvas{height: 150%;width: 200%;left: -50%;}

	

	#pro_2 {padding-top: 60px;padding-bottom: 60px;}

	#pro_2 .box {width: 100%;}

	

	#pro_3 {height: 500px;}

	#pro_3 .in{height:680px;}

	#pro_3 .in video{width:1209px;height:680px;}

	

	#pro_4 .in{height:600px;}

	#pro_4 .in img{height:600px;}

	#pro_4 .text{top: 14%;}	

	

	#pro_5 .in{height:580px;}

	#pro_5 .in img{height:580px;}

	

	#pro_6 {height:500px; padding-top:160px;}

	#pro_6 .in{width: 400px;height: 400px;}

	

	#pro_8{padding-top:90px;}

	#pro_8 .in{height:400px;}

	#pro_8 .in img{height:400px;}



	#pro_9 .in{height:450px;}

	#pro_9 .in img{height:450px;}

	#pro_9 .text{bottom:10%;}		

	

	#pro_10 .in{height:580px;}

	#pro_10 .in img{height:580px;}		

	

	#pro_11 {padding-top:50px;padding-bottom:50px;}

	#pro_11 .in{height:400px;}

	#pro_11 .in img{height:400px;}

	#pro_11 .text{bottom: 15%;}		

	

	#pro_12 .in{height:500px;}

	#pro_12 .in img{height:500px;}

	

	#pro_13 .in{height:420px;}

	#pro_13 .in img{height:420px;}		

	

	#pro_14 .in{height:500px;}

	#pro_14 .in img{height:500px;}	



	#pro_15 .in{height:480px;}

	#pro_15 .in img{height:480px;}	

	#pro_15 .text{top: 15%;}

	

	#pro_16 .in{height:480px;}

	#pro_16 .in img{height:480px;}

	#pro_16 .text{bottom: -100px;}	

	

	#pro_17 .in{height:240px;}

	#pro_17 .in img{height:240px;}	

	

	#pro_18 {padding-bottom:50px;}

	#pro_18 .in{height:260px;}

	#pro_18 .in img{height:260px;}

	

	#pro_19{padding-bottom:180px;}

	#pro_19 .in{height:360px;}

	#pro_19 .in img{height:360px;}

	#pro_19 .text{bottom:6%;}	

	

	#pro_20 .in{height:480px;}

	#pro_20 .in img{height:480px; right:-15px;}

	#pro_20 .text{top:6%;}

		

	#pro_21 .in{height:440px;}

	#pro_21 .in img{height:440px;}

	#pro_21 .text{top:7%;}	

	

	#pro_22 .in{height:380px;}

	#pro_22 .in img{height:380px; left:-50px;}

	#pro_22 .text{bottom:6%;}	



	#pro_23{padding-top:80px;}

	#pro_23 .in{height:460px;}

	#pro_23 .in img{height:460px; left:-80px;}

	#pro_23 .text{width: 100%;left: 0%;top:10%;}	

	

	#pro_24 .in{height:480px;}

	#pro_24 .in img{height:480px;}

	#pro_24 .text{bottom:13%;}

	

	#pro_25 {padding-bottom:50px;}

	#pro_25 .in{height:290px;}

	#pro_25 .in img{height:290px;}	

	

	#pro_26 .in{height:700px;}

	#pro_26 .in img{height:700px;}

	

	#pro_27 .in{height:500px;}

	#pro_27 .in img{height:500px;}	

	

	#pro_28 .in{height:250px;}

	#pro_28 .in img{height:250px;}	

	

	#content .bg1200{height: 400px;}

	#content .bg1300{height: 400px;}		

	

	#pro_29 .in{height:500px;}

	#pro_29 .in img{height:500px;}		

	

	#pro_30 .in{height:500px;}

	#pro_30 .in img{height:500px;}



	#pro_31 .in{height:500px;}

	#pro_31 .in img{height:500px;}	

	

	#packing h2{margin-bottom:40px;}		

}

@media only screen and (max-width: 400px){

	.pro{font-size:12px;}

	

	#pro_1 .in {height: 400px;}

	#pro_1 .in img {height: 400px;}	

	#smokeCanvas{height: 150%;width: 220%;left: -60%;}

	

	#pro_3 {height: 400px;}

	#pro_3 .in{height:580px;}

	#pro_3 .in video{width:1031px;height:580px;}

	

	#pro_4 .in{height:500px;}

	#pro_4 .in img{height:500px;}

	#pro_4 .text{top: 12%;}

	

	#pro_5 .in{height:480px;}

	#pro_5 .in img{height:480px;}

	

	#pro_6 {height:400px; padding-top:180px;}

	#pro_6 .in{width: 360px;height: 360px;}

	

	#pro_8{padding-top:100px;}

	#pro_8 .in{height:300px;}

	#pro_8 .in img{height:300px;}

	

	#pro_9 .in{height:400px;}

	#pro_9 .in img{height:400px;}

	#pro_9 .text{bottom:8%;}	

	

	#pro_10 .in{height:480px;}

	#pro_10 .in img{height:480px;}	

	

	#pro_12 .in{height:400px;}

	#pro_12 .in img{height:400px;}

	

	#pro_13 .in{height:300px;}

	#pro_13 .in img{height:300px;}	

	

	#pro_15 .in{height:400px;}

	#pro_15 .in img{height:400px;}	

	#pro_15 .text{top: 14%;}

	

	#pro_16 .in{height:400px;}

	#pro_16 .in img{height:400px;}

	#pro_16 .text{bottom: -80px;}	

	

	#pro_17 .in{height:160px;}

	#pro_17 .in img{height:160px;}	

	

	#pro_18 {padding-bottom:40px;}

	#pro_18 .in{height:200px;}

	#pro_18 .in img{height:200px;}

	

	#pro_19{padding-bottom:200px;}

	#pro_19 .in{height:360px;}

	#pro_19 .in img{height:360px;}

	#pro_19 .text{bottom:5%;}

	

	#pro_20 .in{height:420px;}

	#pro_20 .in img{height:420px; right:-20px;}

	#pro_20 .text{top:5%;}

	

	#pro_21 .in{height:380px;}

	#pro_21 .in img{height:380px;}

	#pro_21 .text{top:6%;}

	

	#pro_22 .in{height:320px;}

	#pro_22 .in img{height:320px; left:-60px;}

	#pro_22 .text{bottom:5%;}

	

	#pro_23{padding-top:100px;}

	#pro_23 .in{height:380px;}

	#pro_23 .in img{height:380px; left:-100px;}

	#pro_23 .text{width: 100%;left: 0%;top:10%;}

	

	#pro_24 .in{height:400px;}

	#pro_24 .in img{height:400px;}

	#pro_24 .text{bottom:10%;}

	

	#pro_25 {padding-bottom:40px;}

	#pro_25 .in{height:220px;}

	#pro_25 .in img{height:220px;}

	

	#pro_26 .in{height:500px;}

	#pro_26 .in img{height:500px;}	

	

	#pro_27 .in{height:400px;}

	#pro_27 .in img{height:400px;}

	

	#pro_28 .in{height:200px;}

	#pro_28 .in img{height:200px;}



	#content .bg1200{height: 300px;}

	#content .bg1300{height: 300px;}	

	

	#pro_29 .in{height:420px;}

	#pro_29 .in img{height:420px;}	

	

	#pro_31 .in{height:420px;}

	#pro_31 .in img{height:420px;}	

		

	#pro_31 .in{height:420px;}

	#pro_31 .in img{height:420px;}				

}

@media only screen and (max-width: 1000px){

  #fnav {

    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

}

#fnav a {

  font-size: 14px;

  line-height: 40px;

  margin-right: 0px;

  margin-left: 0px;

  width: 25%;

  float: left;

}

}

@charset "utf-8";

*{margin: 0;padding: 0;}

body{

	color: #333;

	background-color: #fff;

	/* overflow-x: hidden; */

	position: relative;

}

img{border: none;}

ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}

li{list-style:none;}



a:hover{color: #006cff;text-decoration: none;}

a:active{color: #006cff;text-decoration: none;}

.nomr{margin-right:0px !important;}

.tac{text-align: center !important;}







.upro{position:relative; width:100%; overflow:hidden}

.upro p{

  /* color:#777; */

  width:100%; max-width:800px; margin-left:auto; margin-right:auto}

.upro h2{

	font-weight: normal;

	font-size: 32px;

	margin-bottom: 10px;

}

.upro a.but{

	display:block;

	width:180px;

	height:40px;

	line-height:40px;

	margin-left:auto;

	margin-right:auto;

	background-color: #00bd90;

	-moz-border-radius: 20px;

	border-radius: 20px;

	color:#FFF;

}

.upro a.but:hover{background-color: #00eeb5;}

#one .in{

	width: 4100%;

	left: -2000%;

	height: 1000px;

	position: relative;

}

#one .bg {

	display: block;

	height: 1000px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#one video{

	display: block;

	width: 1920px;

	height: 1080px;

	margin-right: auto;

	margin-left: auto;

}

#one .tbox {

	position: absolute;

	width: 100%;

	text-align: center;

	font-size: 19px;

	margin-left: auto;

	margin-right: auto;

	top: 140px;

	z-index: 2;

	color:#fff;

}

#one .tbox h1{font-size: 80px; line-height:80px; color:#000; margin-bottom:20px;color:#fff;}

#one .tbox h1 span{

	color: #fff;

	background-color: #3151ba;

	display: inline-block;

	padding-left: 20px;

	padding-right: 20px;

	padding-top:5px;

	padding-bottom:5px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	font-family: "Times New Roman", Times, serif;

}

#one .tbox h2{font-weight: normal;margin-bottom:10px;}

#one .tbox h3{color:#fff;font-weight: normal;}





/* #two{background-color:#000;} */

#two .in{

	width: 4100%;

	left: -2000%;

	height: 1100px;

	position: relative;

}

#two .bg {

	display: block;

	height: 1100px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#two .tbox {

	position: absolute;

	width: 96%;

	left:2%;

	text-align: center;

	top: 200px;

	z-index: 2;

	color:#FFF;

}

#two .tbox h1{

	font-size:100px;

	line-height:100px;

	margin-bottom:50px;

}

#two .tbox h3 {

	width:100%;

	max-width:500px;

	font-weight: normal;

	margin-right: auto;

	margin-left: auto;

}

#two .int{

	width: 100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}

#two .int .box

{

	width:14.666666666666667%;

	padding-left:1%;

	padding-right:1%;

	float:left;

	margin-bottom:30px;

	text-align:center;

}

#two .int .box p{color:#fff;}

#two .int .box img{

	display:block;

	margin-left:auto;

	margin-right:auto;

	width:80px;

	height:80px;

	margin-bottom:10px;

}





#three{background-color:#fff; padding-bottom:80px;}

#three .in{

	width: 4100%;

	left: -2000%;

	height: 1200px;

	position: relative;

}

#three .bg {

	display: block;

	height: 1200px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}#three .tbox {

	text-align: center;

	width:96%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}





#four .in{

	width: 4100%;

	left: -2000%;

	height: 1080px;

	position: relative;

}

#four .bg {

	display: block;

	height: 1080px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#four .tbox {

	text-align: center;

	width: 96%;

	position: absolute;

	top: 42%;

	color: #FFF;

	left: 2%;

}

#four .tbox h1{

	font-size:60px;

	line-height:60px;

	margin-bottom:10px;

}

#four .tbox h1 span{color:#F00}

#four .tbox h3 {

	width:100%;

	max-width:500px;

	font-weight: normal;

	margin-right: auto;

	margin-left: auto;

}



#five{padding-bottom:80px;}

#five .in{

	width: 4100%;

	left: -2000%;

	height: 700px;

	position: relative;

}

#five .bg {

	display: block;

	height: 700px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}#five .tbox {

	text-align: center;

	width: 96%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}





#six .in{

	width: 4100%;

	left: -2000%;

	height: 1080px;

	position: relative;

}

#six .bg {

	display: block;

	height: 1080px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#six .videoout{

	position: absolute;

	z-index: 3;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#six .videoint{

	z-index: 3;

	height: 1080px;

	width: 1920px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

}

#six .video {

	overflow: hidden;

	position: absolute;

	height: 46.48148148148148%;

	width: 46.14583333333333%;

	left: 47.13541666666667%;

	top: 21.66666666666667%;

	background-color: #000;

}

#six .video video{

	display: block;

	position: relative;

	height: 100%;

	width: auto;

}

#six .tbox {

	text-align: center;

	width: 96%;

	position: absolute;

	top: 35%;

	color: #fff;

	left: 2%;

	z-index:5;

}

#six .tbox h1{

	font-size:100px;

	line-height:100px;

	margin-bottom:50px;

}

#six .tbox h3 {

	width:100%;

	max-width:500px;

	font-weight: normal;

	margin-right: auto;

	margin-left: auto;

}





#seven .in{

	width: 4100%;

	left: -2000%;

	height: 1500px;

	position: relative;

	overflow: hidden;

}

#seven .bg {

	display: block;

	height: 1500px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#seven .tbox {

	text-align: center;

	width: 96%;

	position: absolute;

	z-index: 4;

	left: 2%;

	top: 40%;

}



#eight{padding-bottom:80px;}

#eight .in{

	width: 4100%;

	left: -2000%;

	height: 1051px;

	position: relative;

	overflow: hidden;

}

#eight .bg {

	display: block;

	height: 1051px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#eight .tbox {

	text-align: center;

	width:96%;

	max-width:1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top:20px;

}





#nine{width: 100%;padding-bottom: 80px;}

#nine .int{

	width:100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;	

}

#nine .bg {

	display: block;

	height: auto;

	width: 100%;

	position: relative;

}

#nine .tbox {

	text-align: center;

	width: 96%;

	margin-right: auto;

	margin-left: auto;

}





#ten{padding-bottom:80px;}

#ten .in{

	width: 4100%;

	left: -2000%;

	height: 930px;

	position: relative;

	overflow: hidden;

}

#ten .bg {

	display: block;

	height: 930px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#ten .tbox {

	text-align: center;

	width:96%;

	max-width:1200px;

	margin-right: auto;

	margin-left: auto;

}





#eleven{padding-bottom:80px;}

#eleven .in{

	width: 4100%;

	left: -2000%;

	height: 770px;

	position: relative;

	overflow: hidden;

}

#eleven .bg {

	display: block;

	height: 770px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#eleven .tbox {

	text-align: center;

	width:96%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}





#twelve video{

	display: block;

	width: 100%;

	height: auto;

	position: relative;

}





#thirteen .in{

	width: 4100%;

	left: -2000%;

	height: 1080px;

	position: relative;

	overflow: hidden;

}

#thirteen .bg {

	display: block;

	height: 1080px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#thirteen .tbox {

	position: absolute;

	z-index: 2;

	width: 96%;

	top: 40%;

	left: 2%;

	text-align: center;

	color:#fff;

}

#thirteen .tbox  p{color:#fff;}





#fourteen .in{

	width: 4100%;

	left: -2000%;

	height: 825px;

	position: relative;

	overflow: hidden;

}

#fourteen .bg {

	display: block;

	/*height: 825px;*/

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#fourteen .tbox {

	position: absolute;

	z-index: 2;

	width: 96%;

	top: 13%;

	left: 2%;

	text-align:center;

}

#fourteen .videoout{

	position: absolute;

	z-index: 2;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#fourteen .videoint {

	position: relative;

	z-index: 1;

	height: 825px;

	width: 1920px;

	margin-right: auto;

	margin-left: auto;

}

#fourteen .videoint .box_v {

  position: absolute;

  z-index: 1;

  top: 45.1294%;

  left: 35.8792%;

  height: 38.8876%;

  width: 29.3354%;

  overflow: hidden;

  background-color: #000;

}

#fourteen .videoint .box_v video {

  display: block;

  width: 110%;

  position: relative;

  left: -5%;

}

#fourteen .videoint div {

	position: absolute;

	z-index: 1;

	top: 37.6294%;

	left: 36.9792%;

	height: 35.7876%;

	width: 27.1354%;

	overflow: hidden;  b 

	background-color: #000;

}







#fourteen .videoint 

#fourteen .videoint div video{

	display: block;

	width: 110%;

	position: relative;

	left: -5%;

}

#fourteen .circleout{

	position: absolute;

	z-index:3;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#fourteen .circlein{

	height: 825px;

	width: 1200px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

}

#fourteen .circle{

	position: absolute;

	height: auto;

	width: 20%;

	left: 40%;

	top: 50%;

	filter: alpha(Opacity=100);

	-moz-opacity:1;

	opacity: 1;	

}

#fourteen .circle#circle_1{

	animation: mycircle 3s infinite;

	-moz-animation: mycircle 3s infinite;	/* Firefox */

	-webkit-animation: mycircle 3s infinite;	/* Safari 和 Chrome */

	-o-animation: mycircle 3s infinite;	/* Opera */		

}

#fourteen .circle#circle_2{

	animation: mycircle 3s 0.5S infinite;

	-moz-animation: mycircle 3s 0.5S infinite;	/* Firefox */

	-webkit-animation: mycircle 3s 0.5S infinite;	/* Safari 和 Chrome */

	-o-animation: mycircle 3s 0.5S infinite;	/* Opera */		

}

#fourteen .circle#circle_3{

	animation: mycircle 3s 1s infinite;

	-moz-animation: mycircle 3s 1S infinite;	/* Firefox */

	-webkit-animation: mycircle 3s 1S infinite;	/* Safari 和 Chrome */

	-o-animation: mycircle 3s 1S infinite;	/* Opera */		

}

@keyframes mycircle

{

from {width: 0%;left: 50%;opacity: 1;}

to {width: 100%;left: 0%;opacity: 0;}

}

@-moz-keyframes mycircle /* Firefox */

{

from {width: 0%;left: 50%;opacity: 1;}

to {width: 100%;left: 0%;opacity: 0;}

}

@-webkit-keyframes mycircle /* Safari 和 Chrome */

{

from {width: 0%;left: 50%;opacity: 1;}

to {width: 100%;left: 0%;opacity: 0;}

}

@-o-keyframes mycircle /* Opera */

{

from {width: 0%;left: 50%;opacity: 1;}

to {width: 100%;left: 0%;opacity: 0;}

}







#fifteen{padding-bottom:80px;}

#fifteen .in{

	width: 4100%;

	left: -2000%;

	height: 930px;

	position: relative;

	overflow: hidden;

}

#fifteen .bg {

	display: block;

	height: 930px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}#fifteen .tbox {

	position: relative;

	z-index: 2;

	width: 96%;

	text-align: center;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}





#sixteen{background-color:#a9b0b6; padding-bottom:120px;}

#sixteen .in{

	width: 4100%;

	left: -2000%;

	height: 500px;

	position: relative;

	overflow: hidden;

}

#sixteen .bg {

	display: block;

	height: 500px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}#sixteen .tbox {

	position: relative;

	z-index: 2;

	width: 100%;

	max-width:1200px;

	text-align: center;

	margin-left:auto;

	margin-right:auto;

	color:#fff;

}

#sixteen .tbox p{color:#fff;}





#seventeen{background-color:#fcfcfc;}

#seventeen .in{

	width: 4100%;

	left: -2000%;

	height: 900px;

	position: relative;

	overflow: hidden;

}

#seventeen .bg {

	display: block;

	height: 900px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	left: -300px;

}

#seventeen .text {

	position: absolute;

	z-index: 2;

	height: 900px;

	width: 100%;

	left: 0px;

	top: 0px;

}

#seventeen .tbox{

	position: absolute;

	width: 30%;

	top: 40%;

	right: 20%;

	text-align:left;

}







#eighteen{background-color:#000}

#eighteen .in{

	width:4100%;

	position:relative;

	left:-2000%;

}

#eighteen .in .bg{

	height:700px;

	width:auto;

	display:block;

	margin-left:auto;

	margin-right:auto;

}

#eighteen .tbox {

	width: 98%;

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	top:-100px;

}

#eighteen .tbox h2{color: #FFF;}





#nineteen{padding-top:80px;padding-bottom:80px;}

#nineteen .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#nineteen .bg{

	display: block;

	height: 560px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#nineteen .tbox {

	margin-right: auto;

	margin-left: auto;

	width: 96%;

	max-width: 800px;

	text-align: center;

	position: relative;

	top: -10px;

}

#nineteen .ibox{

	position: absolute;

	height: 506px;

	width: 100%;

	left: 0px;

	top: 0px;

	z-index:2;	

}

#nineteen .ibox .ibg{

	display: block;

	height: 506px;

	width: 506px;

	margin-right: auto;

	margin-left: auto;

	animation: myfan 0.3s infinite linear;

	-moz-animation: myfan 0.3s infinite linear;

	-webkit-animation: myfan 0.3s infinite linear;

	-o-animation: myfan 0.3s infinite linear;

}

@keyframes myfan

{

0% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);}	

100% {transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-moz-transform: rotate(-360deg);}

}

@-moz-keyframes myfan

{

0% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);}	

100% {transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-moz-transform: rotate(-360deg);}

}

@-webkit-keyframes myfan

{

0% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);}	

100% {transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-moz-transform: rotate(-360deg);}

}

@-o-keyframes myfan

{

0% {transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);}	

100% {transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-moz-transform: rotate(-360deg);}

}





#twenty .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twenty .bg{

	display: block;

	height: 880px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twenty .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 800px;

	text-align: center;

	position: relative;

	padding-bottom:100px;

}

#twenty .tbox .box{

	width:33.3333333%;

	float:left;

}

#twenty .tbox .icon{

	width:80px;

	height:auto;

}





#twentyone .in{

	position: relative;

	left: 0%;

	margin-bottom: 30px;

	overflow:hidden;

	overflow-x:scroll;

}

#twentyone .bg{

	display: block;

	height: 800px;

	width: auto;

}

#twentyone .tbox {

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 80px;

	width: 96%;

	max-width: 1000px;

	text-align: center;

	position: relative;

}

#twentyone .tbox .box{

	float: left;

	width: 14.66666666666667%;

	padding-right: 1%;

	padding-left: 1%;

	text-align:center;

}

#twentyone .tbox .box span{

	display: block;

	height: 14px;

	width: 14px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	-moz-border-radius: 7px;

	border-radius: 7px;

	background-color: #333;

}





#twentytwo .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentytwo .bg{

	display: block;

	height: 800px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentytwo .tbox {

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	max-width: 800px;

	text-align: center;

	position: relative;

	padding-bottom:100px;

}

#twentytwo .tbox .box {float: left;width: 33.33332%;}

#twentytwo .tbox .box img {

	display: block;

	margin-right: auto;

	margin-left: auto;

	width: 80px;

	height:auto;

}

#twentytwo .ibbox{

	width: 80%;

	margin-right: auto;

	margin-left: auto;

	max-width: 500px;

}

#twentytwo .tbox .ibox{

	width:50%;

	float:left;

}

#twentytwo .tbox .icon{

	width:80px;

	height:auto;

}





#twentythree {

	text-align: center;

	padding-top:100px;

	padding-bottom:100px;

	width:100%;

	max-width:1200px;

	margin-left:auto;

	margin-right:auto;

}

#twentythree .interface {

	display: block;

	width: 100%;

	max-width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 30px;

}

#twentythree h2 {margin-bottom:40px;}

#twentythree .box {

	float: left;

	width: 50%;

	padding-right: 5%;

	padding-left: 5%;

	margin-bottom: 60px;

}

#twentythree .box h3 {

	line-height: 20px;

	margin-bottom: 20px;

	font-weight: normal;

}







#twentyfour .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentyfour .bg{

	display: block;

	height: 700px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentyfour .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 800px;

	text-align: center;

	position: relative;

	padding-top:20px;

	padding-bottom:80px;

}

#twentyfour .ibbox{

	width: 80%;

	margin-right: auto;

	margin-left: auto;

	max-width: 500px;

}

#twentyfour .tbox .ibox{

	width:50%;

	float:left;

}

#twentyfour .tbox .icon{

	width:80px;

	height:auto;

}





#twentyfive .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentyfive .bg{

	display: block;

	height: 770px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentyfive .tbox {

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 80px;

	width: 96%;

	max-width: 800px;

	text-align: center;

	position: relative;

}





#twentysix .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentysix .bg{

	display: block;

	height: 1000px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentysix .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 800px;

	text-align: center;

	position: relative;

	padding-bottom:100px;

	padding-top:30px;

}

#twentysix .tbox .box{

	width:20%;

	float:left;

	margin-bottom:20px;

}

#twentysix .tbox .icon{

	width:80px;

	height:auto;

}





#twentyseven .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentyseven .bg{

	display: block;

	height: 1000px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentyseven .tbox {

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 2;

	padding-top: 120px;

	color: #FFF;

	left: 0px;

	top: 0px;

}

#twentyseven .tbox a {

	line-height: 44px;

	color: #FFF;

	text-align: center;

	display: inline-block;

	height: 44px;

	width: 220px;

	margin-right: 20px;

	margin-left: 20px;

	border: 1px solid #FFF;

	transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;		

}

#twentyseven .tbox a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

}





#twentyeight .in{

  position: relative;

  width: 4100%;

  left: -2000%;

}



#twentyeight .bg{

	display: block;

	/* height: 1000px; */

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentyeight .tbox {

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 2;

	padding-top: 120px;

	left: 0px;

	top: 0px;

}

#twentyeight .tboxn {

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 2;

	padding-top: 120px;

	left: 0px;

  bottom: 8%;

}



#twentyeight .tboxn a {

  line-height: 35px;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  height: 35px;

  width: 100px;

  border: 1px solid #ffffff;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  border-radius: 25px;	

}

#twentyeight .tbox a {

	line-height: 44px;

	color: #333;

	text-align: center;

	display: inline-block;

	height: 44px;

	width: 220px;

	margin-right: 20px;

	margin-left: 20px;

	border: 1px solid #333;

	transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;		

}



#twentyeight .tboxt {

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 2;

	padding-top: 120px;

	left: 0px;

  bottom: 60px;

}

#twentyeight .tboxt a {

  line-height: 35px;

  color: #000;

  text-align: center;

  display: inline-block;

  height: 35px;

  width: 100px;

  border: 1px solid #000;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  border-radius: 25px;

}



#twentyeight .tboxs {

  width: 100%;

  text-align: center;

  position: absolute;

  z-index: 2;

  padding-top: 120px;

  right: 0px;

  bottom: 145px;

  z-index: 99;

}

@media only screen and (max-width:1025px){

  #twentyeight .tboxs {

    width: 100%;

    text-align: center;

    position: absolute;

    z-index: 2;

    padding-top: 120px;

    right: 0px;

    bottom: 50px;

    z-index: 99;

}

}

#twentyeight .tboxs a {

  line-height: 35px;

  color: #013e7f;

  text-align: center;

  display: inline-block;

  height: 35px;



  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;



}



#twentyeight .tboxt a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

	color:#fff;

}



#twentyeight .tbox a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

	color:#fff;

}

#twentyeight .tboxs a:hover {



	color:#0092dd;

}

#twentyeight .tboxn a:hover {

	background-color:#0092dd;

	border: 1px solid #0092dd;

	color:#fff;

}

#twentynine{background-color:#000}

#twentynine .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

#twentynine .bg{

	display: block;

	height: 600px;

	width: auto;

	margin-right: auto;

	margin-left: auto;

}

#twentynine .tbox {

	width: 100%;

	max-width: 1200px;

	text-align: center;

	position: relative;

	z-index: 2;

	padding-top: 100px;

	padding-bottom:20px;

	margin-right: auto;

	margin-left: auto;

	color:#fff;

}





@media only screen and (max-width: 800px){

  #twentyeight .tboxs a {

    line-height: 35px;

    color: #013e7f;

    text-align: center;

    display: inline-block;

    height: 35px;

    width: 100px;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;



  }

  #ubox_10 .text a {

    line-height: 25px;

    color: #333;

    text-align: center;

    display: inline-block;

    height: 25px;

    width: 25%;

    margin-right: 20px;

    margin-left: 20px;

    border: 1px solid #333;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;		

    border-radius: 25px;

  }

  #twentyeight .tboxs {

    width: 100%;

    text-align: center;

    position: absolute;  

    z-index: 2;

    padding-top: 120px;

    right: -6px;

    bottom: 6%;

  }

  #twentyeight .tboxt {

    width: 100%;

    text-align: center;

    position: absolute;

    z-index: 2;

    padding-top: 120px;

    left: 0px;

    bottom: 1%;

}

#twentyeight .tboxt a {

  line-height: 25px;

  color: #000;

  text-align: center;

  display: inline-block;

  height: 25px;

  width: 93px;

  border: 1px solid #000;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  border-radius: 25px;

}

  #twentyeight .tboxn {

    width: 100%;

    text-align: center;

    position: absolute;

    z-index: 2;

    padding-top: 120px;

    left: 0px;

    bottom: 6%;

}

#twentyeight .tboxn a {

  line-height: 25px;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  height: 25px;

  width: 93px;

  border: 1px solid #ffffff;

  transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  border-radius: 25px;

}

}

#packing{

	width: 100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#packing img{display:block;}

#packing h2{

	font-weight: normal;

	text-align: center;

	margin-bottom: 100px;	

}





#parameter {

	width: 98%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#table {background-color: #acc3ff; text-align:center}

#table tr td {background-color: #FFF;padding: 12px; height:30px;}

#table tr td.tl {background-color: #dae4ff; color:#111; text-align:left}

#table tr td.th {background-color: #c0d2ff; color:#111; text-align:left}

#table div {

	line-height: 80px;

	display:inline-block;

	height: 80px;

	width:80px;

	text-align: center;

	margin-right: 10px;

	margin-bottom: 5px;

	position: relative;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-top: 5px;

}

#table div.big {width: 124px;}

#table p {clear: both;line-height: 16px;color: #999;font-size:14px;}

#table h2 {text-align: left;}

#table .green{border: 2px solid #32b16d;background-color:#d9ffeb;}

#table .ubox4cm

{

	width:100%;

	max-width:800px;

	display:block;

	margin-left:auto;

	margin-right:auto;

}





#content {position: relative;width: 100%;}

#content .wbox{ padding-top:30px; padding-bottom:100px; background-color:#ffffff}

#content .gbox{ padding-top:30px; padding-bottom:100px; background-color:#f2f2f2}

#content .in{

	width: 4100%;

	left: -2000%;

	position: relative;

}

#content .bg1200{

	display: block;

	height: 1200px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .bg1300{

	display: block;

	height: 1300px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 600px;

	text-align: center;

	position: relative;

}

#content h2{margin-bottom:10px;font-weight:normal;}

#content p{color:#888;}









@media only screen and (max-width: 1400px){

	#one .in{height: 900px;}

	#one .bg {height: 900px;}

	#one video{width: 1742px;height: 980px;}

	#one .tbox {font-size: 18px;top: 120px;}

	#one .tbox h1{font-size: 70px; line-height:70px; margin-bottom:20px;}

	

	#two .in{height: 950px;}

	#two .bg {height: 950px;}

	#two .tbox {top: 190px;}

	#two .tbox h1{font-size:90px;line-height:90px;margin-bottom:50px;}

	

	#three{padding-bottom:80px;}

	#three .in{height: 1000px;}

	#three .bg {height: 1000px;}

	

	#four .in{height: 900px;}

	#four .bg {height: 900px;}

	#four .tbox h1{font-size:90px;line-height:90px;}	

	

	#five{padding-bottom:80px;}

	#five .in{height: 640px;}

	#five .bg {height: 640px;}

	

	#six .in{height: 900px;}

	#six .bg {height: 900px;}

	#six .videoint{height: 900px;width: 1600px;}

	#six .tbox h1{font-size:90px;line-height:90px;margin-bottom:50px;}

	

	#seven .in{height: 1100px;}

	#seven .bg {height: 1100px;}

	

	#eight{padding-bottom:80px;}

	#eight .in{height: 900px;}

	#eight .bg {height: 900px;}

	

	#ten .in{height: 800px;}

	#ten .bg {height: 800px;}

	

	#eleven .in{height: 700px;}

	#eleven .bg {height: 700px;}

	

	#thirteen .in{height: 800px;}

	#thirteen .bg {height: 800px;}

	

	#fourteen .in{height: 800px;}

	#fourteen .bg {height: 800px;}

	#fourteen .videoint {height: 800px;width: 1862px;}	

	#fourteen .circlein{height: 800px;width: 1164px;}	

	

	#fifteen .in{height: 850px;}

	#fifteen .bg {height: 850px;}

	

	#sixteen{padding-bottom:80px;}

	#sixteen .in{height: 450px;}

	#sixteen .bg {height: 450px;}	

	

	#seventeen .bg {left: -200px;}

	#seventeen .tbox{width: 35%;right: 15%;}

	

	#eighteen .in .bg{height:640px;}

	#eighteen .tbox {top:-90px;padding-bottom:10px;}

	

	#nineteen{padding-top:70px;padding-bottom:70px;}

	#nineteen .bg{height: 500px;}

	#nineteen .tbox {top: -10px;}

	#nineteen .ibox{height: 500px;}

	#nineteen .ibox .ibg{height: 450px;width: 450px;}

	

	#twenty .bg{height: 800px;}

	#twenty .tbox {padding-bottom:90px;}

	#twenty .tbox .icon{width:80px;height:auto;}

	

	#twentyone .bg{height: 700px;}

	

	#twentytwo .bg{height: 700px;}

	#twentytwo .tbox {padding-bottom:90px;}

	#twentytwo .tbox .box img {width: 80px;}

	#twentytwo .tbox .icon{width:80px;}

	

	#twentyfive .bg{height: 700px;}

	#twentyfive .tbox {padding-bottom: 80px;}

	

	#twentysix .bg{height: 700px;}

	#twentysix .tbox {padding-bottom:90px;padding-top:30px;}

	#twentysix .tbox .box{width:20%;margin-bottom:20px;}

	#twentysix .tbox .icon{width:80px;}

	

	#twentyseven .bg{height: 900px;}

	#twentyseven .tbox {padding-top: 100px;}

	#twentyseven .tbox a {line-height: 44px;height: 44px;width: 220px;}

	

	#twentyeight .bg{height: 900px;}

	#twentyeight .tbox {padding-top: 100px;}

	#twentyeight .tbox a {line-height: 44px;height: 44px;width: 220px;	}

	

	#twentynine .bg{height: 500px;}

	#twentynine .tbox {padding-top: 90px;padding-bottom:20px;}	

	

	#content .bg1200{height: 900px;}

	#content .bg1300{height: 900px;}

}

@media only screen and (max-width: 1200px)

{

	body{font: 15px/1.6 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

	.upro h2{font-size:28px;}

	

	#one .in{height: 800px;}

	#one .bg {height: 800px;}

	#one video{width: 1564px;height: 880px;}

	#one .tbox {font-size: 17px;top: 100px;}

	#one .tbox h1{font-size: 60px; line-height:60px; margin-bottom:20px;}	

	

	#two .in{height: 850px;}

	#two .bg {height: 850px;}

	#two .tbox {top: 180px;}

	#two .tbox h1{font-size:80px;line-height:80px;margin-bottom:40px;}

	

	#three{padding-bottom:70px;}

	#three .in{height: 900px;}

	#three .bg {height: 900px;}

	

	#four .in{height: 800px;}

	#four .bg {height: 800px;}

	#four .tbox h1{font-size:80px;line-height:80px;}		

	

	#five{padding-bottom:70px;}

	#five .in{height: 580px;}

	#five .bg {height: 580px;}

	

	#six .in{height: 800px;}

	#six .bg {height: 800px;}

	#six .videoint{height: 800px;width: 1422px;}

	#six .tbox h1{font-size:80px;line-height:80px;margin-bottom:40px;}

	

	#seven .in{height: 1000px;}

	#seven .bg {height: 1000px;}	

	

	#eight{padding-bottom:70px;}

	#eight .in{height: 800px;}

	#eight .bg {height: 800px;}

	

	#nine{padding-bottom: 70px;}

	

	#ten .in{height: 700px;}

	#ten .bg {height: 700px;}

	

	#eleven .in{height: 600px;}

	#eleven .bg {height: 600px;}

	

	#twelve video{width: 110%;left:-5%;}

	

	#thirteen .in{height: 700px;}

	#thirteen .bg {height: 700px;}	

	

	#fourteen .in{height: 700px;}

	#fourteen .bg {height: 700px;}

	#fourteen .videoint{height: 700px;width: 1629px;}

	#fourteen .circlein{height: 700px;width: 1018px;}		

	

	#fifteen .in{height: 750px;}

	#fifteen .bg {height: 750px;}	

	

	#sixteen{padding-bottom:70px;}

	#sixteen .in{height: 400px;}

	#sixteen .bg {height: 400px;}	

	

	#seventeen .in{height: 800px;}

	#seventeen .bg {height: 800px;left: -100px;}

	#seventeen .text {height: 800px;}

	#seventeen .tbox{position: absolute;width: 40%;top: 40%;right: 10%;text-align:left;}

	

	#eighteen .in .bg{height:580px;}

	#eighteen .tbox {top:-80px;padding-bottom:20px;}

	

	#nineteen{padding-top:60px;padding-bottom:60px;}

	#nineteen .bg{height: 440px;}

	#nineteen .tbox {top: -10px;}

	#nineteen .ibox{height: 440px;}

	#nineteen .ibox .ibg{height: 400px;width: 400px;}

	

	#twenty .bg{height: 720px;}

	#twenty .tbox {padding-bottom:80px;}

	#twenty .tbox .icon{width:70px;height:auto;}

	

	#twentyone .bg{height: 600px;}

	

	#twentytwo .bg{height: 600px;}

	#twentytwo .tbox {padding-bottom:80px;}

	#twentytwo .tbox .box img {width: 80px;}

	#twentytwo .tbox .icon{width:80px;}	

	

	#twentythree {padding-top:90px;padding-bottom:90px;}

	

	#twentyfour .bg{height: 600px;}

	#twentyfour .tbox {padding-bottom:80px;}

	#twentyfour .tbox .icon{width:80px;}

	

	#twentyfive .bg{height: 600px;}

	#twentyfive .tbox {padding-bottom: 80px;}	

	

	#twentysix .bg{height: 600px;}

	#twentysix .tbox {padding-bottom:80px;padding-top:30px;}

	#twentysix .tbox .box{width:20%;margin-bottom:20px;}

	#twentysix .tbox .icon{width:80px;}

	

	#twentyseven .bg{height: 800px;}

	#twentyseven .tbox {padding-top: 90px;}

	#twentyseven .tbox a {line-height: 44px;height: 44px;width: 220px;}

	

	#twentyeight .bg{height: 800px;}

	#twentyeight .tbox {padding-top: 90px;}

	#twentyeight .tbox a {line-height: 44px;height: 44px;width: 220px;	}

	

	#twentynine .bg{height: 440px;}

	#twentynine .tbox {padding-top: 90px;padding-bottom:20px;}	

	

	#content .bg1200{height: 800px;}

	#content .bg1300{height: 800px;}

}

@media only screen and (max-width: 1000px)

{

	body{font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	.upro h2{font-size:24px;}

	

	#one .in{height: 700px;}

	#one .bg {height: 700px;}

	#one video{width: 1387px;height: 780px;}

	#one .tbox {font-size: 16px;top: 80px;}

	#one .tbox h1{font-size: 50px; line-height:50px; margin-bottom:20px;}

	#one .tbox h1 span{padding-left: 15px;padding-right: 15px;padding-top:3px;padding-bottom:3px;-moz-border-radius: 10px;border-radius: 10px;}

	

	#two .in{height: 750px;}

	#two .bg {height: 750px;}

	#two .tbox {top: 170px;}

	#two .tbox h1{font-size:70px;line-height:70px;margin-bottom:30px;}

	#two .int .box{width:31.33333332%;}				

	

	#three{padding-bottom:60px;}

	#three .in{height: 800px;}

	#three .bg {height: 800px;}

	

	#four .in{height: 700px;}

	#four .bg {height: 700px;}

	#four .tbox h1{font-size:70px;line-height:70px;}		

	

	#five{padding-bottom:60px;}

	#five .in{height: 520px;}

	#five .bg {height: 520px;}

	

	#six .in{height: 700px;}

	#six .bg {height: 700px;}

	#six .videoint{height: 700px;width: 1244px;}

	#six .tbox h1{font-size:70px;line-height:70px;margin-bottom:30px;}	

	

	#seven .in{height: 900px;}

	#seven .bg {height: 900px;}

	

	#eight{padding-bottom:60px;}

	#eight .in{height: 700px;}

	#eight .bg {height: 700px;}	

	

	#nine{padding-bottom: 60px;}

	#nine .bg {width: 120%;left:-10%;}	

	

	#ten .in{height: 600px;}

	#ten .bg {height: 600px;}	

	

	#eleven .in{height: 500px;}

	#eleven .bg {height: 500px;}

	

	#twelve video{width: 120%;left:-10%;}	

	

	#thirteen .in{height: 600px;}

	#thirteen .bg {height: 600px;}		

	

	#fourteen .in{height: 600px;}

	#fourteen .bg {height: 600px;}

	#fourteen .videoint{height: 600px;width: 1396px;}

	#fourteen .circlein{height: 600px;width: 873px;}

	

	#fifteen .in{height: 650px;}

	#fifteen .bg {height: 650px;}	

	

	#sixteen{padding-bottom:60px;}

	#sixteen .in{height: 350px;}

	#sixteen .bg {height: 350px;}	

	

	#seventeen .in{height: 700px;}

	#seventeen .bg {height: 700px;left:0px;}

	#seventeen .text{position:relative; height:180px !important; }

	#seventeen .tbox{ position:relative;width: 96%; max-width:500px; margin-left:auto; margin-right:auto;top: -10%;right: 0%;text-align:center;}	

	

	#table div {line-height: 70px;height: 70px;width:70px;margin-right: 10px;}

	#table div.big {width: 110px;}

	#table p {font-size:13px;}	

	

	#eighteen .in .bg{height:520px;}	

	#eighteen .tbox {top:-70px;padding-bottom:30px;}

	

	#nineteen{padding-top:50px;padding-bottom:50px;}

	#nineteen .bg{height: 380px;}

	#nineteen .tbox {top: -10px;}

	#nineteen .ibox{height: 380px;}

	#nineteen .ibox .ibg{height: 340px;width: 340px;}	

	

	#twenty .bg{height: 640px;}

	#twenty .tbox {padding-bottom:70px;}

	#twenty .tbox .icon{width:60px;height:auto;}

	

	#twentyone .bg{height: 500px;}	

	#twentyone .tbox {padding-bottom: 70px;}

	

	#twentytwo .bg{height: 500px;}

	#twentytwo .tbox {padding-bottom:70px;}

	#twentytwo .tbox .box img {width: 70px;}

	#twentytwo .tbox .icon{width:70px;}		

	

	#twentythree {padding-top:80px;padding-bottom:80px;}

	#twentythree .interface {margin-top: 30px;}

	#twentythree h2 {margin-bottom:40px;}

	#twentythree .box {float: left;width: 44%;padding-right: 3%;padding-left: 3%;margin-bottom: 50px;}

	

	#twentyfour .bg{height: 500px;}

	#twentyfour .tbox {padding-bottom:70px;}

	#twentyfour .tbox .icon{width:70px;}

	

	#twentyfive .bg{height: 500px;}

	#twentyfive .tbox {padding-bottom: 70px;}

	

	#twentysix .bg{height: 500px;}

	#twentysix .tbox {padding-bottom:70px;}

	#twentysix .tbox .box{width:20%;margin-bottom:20px;}

	#twentysix .tbox .icon{width:70px;}

	

	#twentyseven .bg{height: 700px;}

	#twentyseven .tbox {padding-top: 80px;}

	#twentyseven .tbox a {line-height: 40px;height: 40px;width: 200px;}

	

	#twentyeight .bg{height: 700px;}

	#twentyeight .tbox {padding-top: 80px;}

	#twentyeight .tbox a {line-height: 40px;height: 40px;width: 200px;}

	

	#twentynine .bg{height: 380px;}

	#twentynine .tbox {padding-top: 80px;padding-bottom:20px;}	

	

	#content .bg1200{height: 700px;}

	#content .bg1300{height: 700px;}	

	

	#subnav {padding-top: 10px;padding-bottom: 10px;}

	#subnav .int{line-height: 20px;height:20px;}

	#subnav h2 {margin-bottom:5px;}

	#subnav .bar {position:relative;}

	#subnav .bar span {padding-right: 5px;padding-left: 5px;}

	

	#packing h2{margin-bottom: 80px;}

}



@media only screen and (max-width: 800px)

{

	body{font:13px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	.upro h2{font-size:20px;}

	

	#one .in{height: 600px;}

	#one .bg {height: 600px;}

	#one video{width: 1209px;height: 680px;}

	#one .tbox {font-size: 15px;top: 70px;}

	#one .tbox h1{font-size: 40px; line-height:40px; margin-bottom:10px;}		

	

	#two .in{height: 650px;}

	#two .bg {height: 650px;}

	#two .tbox {top: 160px;}

	#two .tbox h1{font-size:60px;line-height:60px;margin-bottom:20px;}

	#two .int .box{width:31.33333332%;}		

	

	#three{padding-bottom:50px;}

	#three .in{height: 700px;}

	#three .bg {height: 700px;}	

	

	#four .in{height: 600px;}

	#four .bg {height: 600px;}

	#four .tbox h1{font-size:60px;line-height:60px;}		

	

	#five{padding-bottom:50px;}

	#five .in{height: 460px;}

	#five .bg {height: 460px;}	

	

	#six .in{height: 600px;}

	#six .bg {height: 600px;}

	#six .videoint{height: 600px;width: 1067px;}

	#six .tbox h1{font-size:60px;line-height:60px;margin-bottom:20px;}

	

	#seven .in{height: 800px;}

	#seven .bg {height: 800px;}	

	

	#eight{padding-bottom:50px;}

	#eight .in{height: 600px;}

	#eight .bg {height: 600px;}	

	

	#nine{padding-bottom: 50px;}

	

	#ten .in{height: 500px;}

	#ten .bg {height: 500px;}		

	

	#eleven .in{height: 400px;}

	#eleven .bg {height: 400px;}	

	

	#twelve video{width: 130%;left:-15%;}

	

	#thirteen .in{height: 500px;}

	#thirteen .bg {height: 500px;}	

	

	#fourteen .in{height: 500px;}

	#fourteen .bg {height: 500px;}

	#fourteen .videoint{height: 500px;width: 1164px;}

	#fourteen .circlein{height: 500px;width: 727px;}

	#fourteen .tbox {position: relative;top: 0%;left: 0%;padding-left:2%;padding-right:2%;padding-bottom:50px;background-color:#ebf0f4;}	

	

	#fifteen .in{height: 550px;}

	#fifteen .bg {height: 550px;}

	

	#sixteen{padding-bottom:50px;}

	#sixteen .in{height: 300px;}

	#sixteen .bg {height: 300px;}		

	

	#seventeen .in{height: 600px;}

	#seventeen .bg {height: 600px;left:0px;}

	#seventeen .text {height: 600px;}	

	

	#eighteen .in .bg{height:460px;}		

	#eighteen .tbox {top:-60px;padding-bottom:40px;}

	

	#nineteen{padding-top:40px;padding-bottom:40px;}

	#nineteen .bg{height: 320px;}

	#nineteen .tbox {top: -10px;}

	#nineteen .ibox{height: 320px;}

	#nineteen .ibox .ibg{height: 290px;width: 290px;}	

	

	#twenty .bg{height: 560px;}

	#twenty .tbox {padding-bottom:60px;}

	#twenty .tbox .icon{width:50px;height:auto;}	

	

	#twentyone .in{margin-bottom: 20px;}

	#twentyone .bg{height: 400px;}

	#twentyone .tbox {padding-bottom: 60px;}

	

	#twentytwo .bg{height: 400px;}

	#twentytwo .tbox {padding-bottom:60px;}

	#twentytwo .tbox .box img {width: 60px;}

	#twentytwo .tbox .icon{width:60px;}		

	

	#twentythree {padding-top:70px;padding-bottom:70px;}

	#twentythree .interface {margin-top: 20px;}

	#twentythree h2 {margin-bottom:30px;}

	#twentythree .box {float: left;width: 48%;padding-right: 1%;padding-left: 1%;margin-bottom: 40px;}	

	

	#twentyfour .bg{height: 400px;}

	#twentyfour .tbox {padding-bottom:60px;}

	#twentyfour .tbox .icon{width:60px;}	

	

	#twentyfive .bg{height: 400px;}

	#twentyfive .tbox {padding-bottom: 60px;}

	

	#twentysix .bg{height: 400px;}

	#twentysix .tbox {padding-bottom:60px;}

	#twentysix .tbox .box{width:33.333333332%;margin-bottom:20px;}

	#twentysix .tbox .icon{width:60px;}	

	

	#twentyseven .bg{height: 600px;}

	#twentyseven .tbox {padding-top: 70px;}

	#twentyseven .tbox a {line-height: 40px;height: 40px;width: 200px;}

	

	#twentyeight .bg{height: 600px;}

	#twentyeight .tbox {padding-top: 70px;}

	#twentyeight .tbox a {line-height: 40px;height: 40px;width: 200px;}

	

	#twentynine .bg{height: 320px;}

	#twentynine .tbox {padding-top: 70px;padding-bottom:20px;}

	

	#content .bg1200{height: 600px;}

	#content .bg1300{height: 600px;}		

	

	#packing h2{margin-bottom: 60px;}

}



@media only screen and (max-width: 600px)

{

	body{font:12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	.upro h2{font-size:18px;}



	#one .in{height: 500px;}

	#one .bg {height: 500px;}

	#one video{width: 1031px;height: 580px;}

	#one .tbox {font-size: 14px;top: 60px;}

	#one .tbox h1{font-size: 30px; line-height:40px; margin-bottom:10px;}	

	#one .tbox h1 span{padding-left: 10px;padding-right: 10px;padding-top:0px;padding-bottom:0px;-moz-border-radius: 6px;border-radius: 6px;}

	

	#two .in{height: 550px;}

	#two .bg {height: 550px;}

	#two .tbox {top: 150px;}

	#two .tbox h1{font-size:50px;line-height:50px;margin-bottom:10px;}

	#two .int .box img{width:50px;height:50px;}

	

	#three{padding-bottom:40px;}

	#three .in{height: 600px;}

	#three .bg {height: 600px;}	

	

	#four .in{height: 500px;}

	#four .bg {height: 500px;}

	#four .tbox h1{font-size:50px;line-height:50px;}		

	

	#five{padding-bottom:40px;}

	#five .in{height: 400px;}

	#five .bg {height: 400px;}		

	

	#six .in{height: 500px;}

	#six .bg {height: 500px;}

	#six .videoint{height: 500px;width: 889px;}

	#six .tbox h1{font-size:50px;line-height:50px;margin-bottom:20px;}

	

	#seven .in{height: 700px;}

	#seven .bg {height: 700px;}	

	

	#eight{padding-bottom:40px;}

	#eight .in{height: 500px;}

	#eight .bg {height: 500px;}	

	

	#ten .in{height: 400px;}

	#ten .bg {height: 400px;}		

				

	#eleven .in{height: 300px;}

	#eleven .bg {height: 300px;}

	

	#twelve video{width: 140%;left:-20%;}		

	

	#thirteen .in{height: 400px;}

	#thirteen .bg {height: 400px;}

	

	#fourteen .in{height: 400px;}

	#fourteen .bg {height: 400px;}

	#fourteen .videoint{height: 400px;width: 931px;}

	#fourteen .circlein{height: 400px;width: 582px;}

	

	#fifteen .in{height: 450px;}

	#fifteen .bg {height: 450px;}	

	

	#sixteen{padding-bottom:40px;}

	#sixteen .in{height: 250px;}

	#sixteen .bg {height: 250px;}	

	

	#seventeen .in{height: 500px;}

	#seventeen .bg {height: 500px;left:0px;}	

	

	#table div {line-height: 60px;height: 60px;width:60px;margin-right: 5px;}

	#table div.big {width: 95px;}

	#table p {font-size:12px;}

	#table .green{border: 1px solid #32b16d;}	

	

	#eighteen .in .bg{height:400px;}	

	#eighteen .tbox {top:-50px;padding-bottom:50px;}

	

	

	#nineteen .bg{height: 260px;}

	#nineteen .tbox {top: 0px;}

	#nineteen .ibox{height: 260px;}

	#nineteen .ibox .ibg{height: 240px;width: 240px;}	

	

	#twenty .bg{height: 480px;}

	#twenty .tbox {padding-bottom:50px;}

	#twenty .tbox .icon{width:50px;height:auto;}	

	

	#twentyone .bg{height: 300px;}

	#twentyone .tbox {padding-bottom: 50px;}		

	#twentyone .tbox .box{width: 31.33333332%; margin-bottom:20px;}	

	

	#twentytwo .bg{height: 300px;}

	#twentytwo .tbox {padding-bottom:50px;}

	#twentytwo .tbox .box img {width: 50px;}

	#twentytwo .tbox .icon{width:50px;}		

	

	#twentythree {padding-top:60px;padding-bottom:60px;}

	#twentythree .interface {margin-top: 20px;}

	#twentythree h2 {margin-bottom:30px;}

	#twentythree .box {float:none;width: 90%;padding-right: 5%;padding-left: 5%;margin-bottom: 40px;}	

	

	#twentyfour .bg{height: 300px;}

	#twentyfour .tbox {padding-bottom:50px;}

	#twentyfour .tbox .icon{width:50px;}

	

	#twentyfive .bg{height: 300px;}

	#twentyfive .tbox {padding-bottom: 50px;}	

	

	#twentysix .bg{height: 300px;}

	#twentysix .tbox {padding-bottom:50px;}

	#twentysix .tbox .icon{width:50px;}		

	

	#twentyseven .bg{height: 500px;}

	#twentyseven .tbox {padding-top: 60px;}

	#twentyseven .tbox a {line-height: 36px;height: 36px;width: 180px;}	

	

	#twentyeight .bg{height: 550px;}

	#twentyeight .tbox {padding-top: 60px;}

	#twentyeight .tbox a {line-height: 36px;height: 36px;width: 180px;}	

	

	#twentynine .bg{height: 260px;}

	#twentynine .tbox {padding-top: 60px;padding-bottom:20px;}	

	

	#content .bg1200{height: 400px;}

	#content .bg1300{height: 400px;}	

	

	#packing h2{margin-bottom: 40px;}		

}

@media only screen and (max-width: 400px){

	#one .in{height: 400px;}

	#one .bg {height: 400px;}

	#one video{width: 853px;height: 480px;}

	#one .tbox {font-size: 13px;top: 50px;}

	#one .tbox h1{margin-bottom:5px;}

	

	#two .in{height: 400px;}

	#two .bg {height: 400px;}

	#two .tbox {top: 140px;}

	#two .tbox h1{font-size:40px;line-height:40px;margin-bottom:10px;}

	#two .int .box{width:48%;}	

	

	#three .in{height: 400px;}

	#three .bg {height: 400px;}		

	

	#four .in{height: 400px;}

	#four .bg {height: 400px;}

	#four .tbox h1{font-size:40px;line-height:40px;}	

	

	#five .in{height: 340px;}

	#five .bg {height: 340px;}	

	

	#six .in{height: 400px;}

	#six .bg {height: 400px;}

	#six .videoint{height: 400px;width: 711px;}

	#six .tbox h1{font-size:40px;line-height:40px;margin-bottom:10px;}	

	

	#seven .in{height: 600px;}

	#seven .bg {height: 600px;}	

	

	#eight{padding-bottom:30px;}

	#eight .in{height: 400px;}

	#eight .bg {height: 400px;}		

	

	#ten .in{height: 300px;}

	#ten .bg {height: 300px;}

	

	#twelve video{width: 150%;left:-25%;}	

	

	#thirteen .in{height: 300px;}

	#thirteen .bg {height: 300px;}	

	

	#fourteen .in{height: 300px;}

	#fourteen .bg {height: 300px;}

	#fourteen .videoint{height: 300px;width: 698px;}

	#fourteen .circlein{height: 300px;width: 436px;}

	

	#fifteen .in{height: 350px;}

	#fifteen .bg {height: 350px;}	

	

	#sixteen{padding-bottom:30px;}

	#sixteen .in{height: 200px;}

	#sixteen .bg {height: 200px;}	

	

	#seventeen .in{height: 400px;}

	#seventeen .bg {height: 400px;left:0px;}

	#seventeen .text {height: 400px;}

	

	#eighteen .in .bg{height:340px;}	

	#eighteen .tbox {top:-40px;padding-bottom:50px;}	

	

	#nineteen .bg{height: 200px;}

	#nineteen .tbox {top: 0px;}

	#nineteen .ibox{height: 200px;}

	#nineteen .ibox .ibg{height: 180px;width: 180px;}

	

	#twenty .bg{height: 400px;}

	#twenty .tbox {padding-bottom:40px;}	

	

	#twentyone .bg{height: 200px;}		

	#twentyone .tbox {padding-bottom: 40px;}

	

	#twentytwo .bg{height: 200px;}

	#twentytwo .tbox {padding-bottom:40px;}

	#twentytwo .tbox .box img {width: 40px;}

	

	#twentythree {padding-top:50px;padding-bottom:50px;}

	#twentythree .interface {margin-top: 20px;}

	#twentythree h2 {margin-bottom:30px;}

	#twentythree .box {float:none;width: 90%;padding-right: 5%;padding-left: 5%;margin-bottom: 30px;}

	

	#twentyfour .bg{height: 200px;}

	#twentyfour .tbox {padding-bottom:40px;}

	

	#twentyfive .bg{height: 200px;}

	#twentyfive .tbox {padding-bottom: 40px;}	

	

	#twentysix .bg{height: 200px;}

	#twentysix .tbox {padding-bottom:40px;}		

	

	#twentyseven .bg{height: 400px;}

	#twentyseven .tbox {padding-top: 50px;}

	#twentyseven .tbox a {line-height: 30px;height: 30px;width: 160px;}			

	

	#twentyeight .bg{height: 550px;}

	#twentyeight .tbox {padding-top: 50px;}

	#twentyeight .tbox a {line-height: 30px;height: 30px;width: 160px;}	

	

	#twentynine .bg{height: 200px;}

	#twentynine .tbox {padding-top: 50px;padding-bottom:20px;}

	

	#content .bg1200{height: 300px;}

	#content .bg1300{height: 300px;}				

}

#qiao{

	border: 10px solid #222;

	width: 200px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom:5px;

	display:block

}







.ubox{position:relative; width:100%; overflow:hidden}

.ubox .in{

	position: relative;

	width: 4100%;

	left: -2000%;

}

.ubox .bg{

	display: block;

	width: 100%;

	height: auto;

	position: relative;

	margin-bottom: 0px;

	left: 0%;

}

#ubox_v{

	background-color: #000;

	padding-top:20px;

	padding-bottom:20px;

}

#ubox_v video{

	display: block;

	width: 1280px;

	margin-right: auto;

	margin-left: auto;	

}

#packing{

	width: 100%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#packing img{display:block;}

#packing h2{

	font-weight: normal;

	text-align: center;

	margin-bottom: 100px;	

}

#parameter {

	width: 98%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 100px;

}

#table {background-color: #acc3ff; text-align:center}

#table tr td {background-color: #FFF;padding: 12px; height:30px;}

#table tr td.tl {background-color: #dae4ff; color:#111; text-align:left}

#table tr td.th {background-color: #c0d2ff; color:#111; text-align:left}

#table div {

	line-height: 80px;

	display:inline-block;

	height: 80px;

	width:80px;

	text-align: center;

	margin-right: 10px;

	margin-bottom: 5px;

	position: relative;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-top: 5px;

}

#table div.big {width: 124px;}

#table p {clear: both;line-height: 16px;color: #999;font-size:14px;}

#table h2 {text-align: left;}

#table .green{border: 2px solid #32b16d;background-color:#d9ffeb;}

#table .ubox4cm

{

	width:100%;

	max-width:800px;

	display:block;

	margin-left:auto;

	margin-right:auto;

}





#content {position: relative;width: 100%;}

#content .wbox{ padding-top:30px; padding-bottom:100px; background-color:#ffffff}

#content .gbox{ padding-top:30px; padding-bottom:100px; background-color:#f2f2f2}

#content .in{

	width: 4100%;

	left: -2000%;

	position: relative;

}

#content .bg1200{

	display: block;

	height: 1200px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .bg1300{

	display: block;

	height: 1300px;

	width: auto;

	margin-right: auto;

	margin-left: auto;	

}

#content .tbox {

	width: 96%;

	margin-right: auto;

	margin-left: auto;

	max-width: 600px;

	text-align: center;

	position: relative;

}

#content h2{margin-bottom:10px;font-weight:normal;}

#content p{color:#888;}









@media only screen and (max-width: 1400px){

	#content .bg1200{height: 900px;}

	#content .bg1300{height: 900px;}

	

	.ubox .bg{width: 120%;left: -10%;}	

}

@media only screen and (max-width: 1200px)

{

	body{font: 15px/1.6 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}



	#content .bg1200{height: 800px;}

	#content .bg1300{height: 800px;}

	

	.ubox .bg{width: 140%;left: -20%;}	

	#ubox_v video{width: 100%;}

}

@media only screen and (max-width: 1000px)

{

	body{font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	

	.ubox .bg{width: 160%;left: -30%;}



	#table div {line-height: 70px;height: 70px;width:70px;margin-right: 10px;}

	#table div.big {width: 110px;}

	#table p {font-size:13px;}	

	

	#content .bg1200{height: 700px;}

	#content .bg1300{height: 700px;}	

	

	#subnav {padding-top: 10px;padding-bottom: 10px;}

	#subnav .int{line-height: 20px;height: 20px;}

	#subnav h2 {margin-bottom:12px;display: none;}

	#subnav .bar {position:relative;}

	#subnav .bar span {padding-right: 0px;padding-left: 0px;}

	

	#packing h2{margin-bottom: 80px;}

}



@media only screen and (max-width: 800px)

{

	body{font:13px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	

	.ubox .bg{width: 180%;left: -40%;}

	

	#content .bg1200{height: 600px;}

	#content .bg1300{height: 600px;}		

	

	#packing h2{margin-bottom: 60px;}

}



@media only screen and (max-width: 600px)

{

	body{font:12px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

	

	.ubox .bg{width: 200%;left: -50%;}

	

	#table div {line-height: 60px;height: 60px;width:60px;margin-right: 5px;}

	#table div.big {width: 95px;}

	#table p {font-size:12px;}

	#table .green{border: 1px solid #32b16d;}

	

	#content .bg1200{height: 400px;}

	#content .bg1300{height: 400px;}	

	

	#packing h2{margin-bottom: 40px;}		

}

@media only screen and (max-width: 400px){	

	.ubox .bg{width: 220%;left: -60%;}



	#content .bg1200{height: 300px;}

	#content .bg1300{height: 300px;}				

}



.useful{

 color: #000;

}

.useless{

  color: #000;

}



.useless:hover{

  color: #ffffff;

}



.useless:hover{

  color: #ffffff;

}



.orgtext{color:#ff9900}

#report .but {

	background-color: #F90;

	height: 50px;

	width: 100%;

	border: none;

	color: #FFF;

	cursor: pointer;

	font-size:18px;

	font-family: "微软雅黑", Helvetica, Arial, "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";

	transition: all 0.5s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

}

#report .but:hover{background-color:#ffab2e;}

#report p

{

	font-size:13px;

	height:18px;

	line-height:18px;

	overflow:hidden;

}

#report p span{color:#F00; display:none; font-size:12px;}

#report p strong{ color: #F00; font-size:18px; display:inline-block; margin-right:3px;}





.user-btn{

  position: relative;

  /* padding: 10px 26px 10px 3px; */

  border: 0px solid #e5e5e5;

  margin-bottom: 9%;

  display: inline-block;

  margin-left: 20px;

  background-color: #1b1b1b;

}

.user-btn a{

  columns: #ffffff;

}

.user-btn a i {

  font-size: 24px;

  display: inline-block;

  margin-right: 13px;

  vertical-align: -5px;

  position: absolute;

  left: 0;

}



#subnav .bar a{

  color: #000;

  /* background-color: #66b9ff; */

  display: inline-block;

  height: 23px;

  line-height: 22px;

  padding: 0 5px;

  color: #ffffff;

  white-space: nowrap;

  text-align: center;

  font-size: 14px;

  border: none;

  border-radius: 2px;

  cursor: pointer;

}



/* //news */



.yy{

    

}

.yy .img{

  position: absolute;

  z-index: 2;

  width: 100%;

  text-align: center;

  margin-top: 13%;

}

.yy .img img {

  width: 100px;

  margin-left: 1%;

}

@media screen and (min-width: 200px) and (max-width:800px) {

  .yy .img {

    position: absolute;

    z-index: 2;

    width: 100%;

    text-align: center;

    margin-top: 22%;

}

.yy .img img {

  width: 68px;

  margin-left: 2%;

}

}



@media screen and (min-width: 200px) and (max-width:1300px) {

  .header-cart {

    position: relative;

    margin-left: -35%;

}

.user-btn {

  position: relative;

  /* padding: 10px 26px 10px 3px; */

  border: 0px solid #e5e5e5;

  margin-bottom: 16%;

  display: inline-block;

  margin-left: -2px;

  background-color: #1b1b1b;

}



}

.language {

  float: right;

  height: 35px;

  position: relative;

  width: 136px;



}

.language div {

  background-color: #00000078;

  line-height: 35px;

  height: 35px;

  width: 120px;

  padding-right: 18px;

  padding-left: 18px;

  color: #f4f4f4;

  -moz-border-radius: 20px;

  border-radius: 5px;

  overflow: hidden;

  cursor: pointer;

  position: absolute;

  top: 7px;

  right: 0px;

}

.language div a{

    color: #ffffff;

}



#customer {

	width: 52px;

	position: fixed;

	right: 10px;

	bottom: 10px;

	z-index: 11;

	border-bottom-width: 1px;

	/*border-bottom-style: solid;*/

	/*border-bottom-color: #e1e1e1;*/

}

#customer a {

	height: 50px;

	width: 50px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #e1e1e1;

	border-right-color: #e1e1e1;

	border-left-color: #e1e1e1;

	display: block;

	position: relative;

	line-height: 50px;

	text-align: center;

	color: #999;

	background-color:#FFF;

	background-color:#f6f6f6;

}

#customer a img {

	position: absolute;

	z-index: 2;

	left: 0px;

	top: 0px;

}

#customer a:hover img {display:none;}

#customer a.top

{

	filter:alpha(Opacity=0);

	-moz-opacity:0;

	opacity:0;

	display:none;

}

@media only screen and (max-width: 1000px){

#customer a {

    height: 40px;

    width: 40px;

    line-height: 40px;

}

#customer {

  width: 42px;

  right: 10px;

  bottom: 20px;

}

}

.ion-chevron-down{

  color: #ffffff;

}   

.mzsm{

   text-align: center;

   background-color: #222;

   padding: 1% 0%;

}

.mzsm h3{

  color:#ffffff;

  font-size: 20px;

}

.mzsm p{



color:#ffffff;

 width: 45%;

 margin: 0 auto;

}

.list li{
  height: 800px;
}

@media screen and (min-width: 200px) and (max-width:700px) {

  .list li{
    height: 400px;
  }
  

  .mzsm p{



    color:#ffffff;

     width: 90%;

     margin: 0 auto;

    }

    

}





  .global_toolbar {







    position: fixed;







    z-index: 1001;







    top: 0;







    right: 0;







    width: 0;







    height: 100%;







    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);







    transition: all .4s cubic-bezier(.2,.83,.42,.91);







    border-left: 1px solid #d0d0d0;







    background: #fff







}















.global_toolbar.open {







    width: 320px







}







.toolbar_btn {







    position: absolute;







    top: 100%;







    left: -63px;







    width: 60px







}







.toolbar_btn a,.toolbar_btn a samp {







    position: relative;







    display: block;







    height: 60px;







    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);







    transition: all .4s cubic-bezier(.2,.83,.42,.91);







}















.toolbar_btn a samp {







    z-index: 2;







    width: 60px;







    color: #fff;















}







.toolbar_btn a em {







    font-size: 20px;







    font-style: normal;







    line-height: 60px;







    position: absolute;







    z-index: 1;







    top: 0;







    right: 60px;







    display: block;







    overflow: hidden;







    width: 0;







    height: 60px;







    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);







    transition: all .4s cubic-bezier(.2,.83,.42,.91);







    text-align: center;







    color: #fff;







    background-color: #000







}















.toolbar_btn a font {







    display: block;







    width: 180px;







    padding: 0 30px;







    text-align: left;







    white-space: nowrap;







    word-break: keep-all







}







.toolbar_btn a.current samp,.toolbar_btn a:hover samp {















    background-color: #000000;







}















.toolbar_btn.default a:hover samp {







    background-color: #000000







}







.LANG-cn .toolbar_btn a:hover em {







    width: 160px







}















.toolbar_btn a:hover em {







    width: 180px;







    background: #000000







}















.LANG-cn .toolbar_btn.default em {







    width: 160px







}















.toolbar_btn.default em {







    width: 180px







}















.toolbar_btn.default a samp,.toolbar_btn.default em {







    border-bottom: 1px solid #37393d;







    background: #000







}







.toolbar_btn a em i {

    font-style: normal;

}

.iconi {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

}

.icon-LiveChat1 img {

    width: 100%;

    height: auto;

    display: block;

    border: none;

}







.toolbar_btn a span {

    font-size: 20px;

    font-style: normal;

    position: absolute;

    z-index: 1;

    top: 0;

    right: 60px;

    display: block;

    overflow: hidden;

    width: 0;

    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);

    transition: all .4s cubic-bezier(.2,.83,.42,.91);

    text-align: center;

    color: #fff;

}















.LANG-cn .toolbar_btn a:hover span {







    width: 160px







}















.toolbar_btn a:hover span {







    width: 180px;















}















.LANG-cn .toolbar_btn.default span {







    width: 160px







}















.toolbar_btn.default span {







    width: 180px







}