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;



}



* {



  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(46, 109, 190); }



  .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: #1b1b1b;



  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: #1b1b1b;;



    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: #ffffff;



        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: #ffffff;



          color: #000;



        }











        @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(../../../image/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(../../../image/menubg.jpg);



    } }



  .mobile-off-canvas-menu.open {



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



    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(../image/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 {



  font-weight: normal;



}



#subnav.onthis{



	position:fixed; 



	left: 0px;



  padding-top: 15px;



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



}











#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: #FFF;



	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(../../image/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(../../image/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(../../image/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: 150px;



    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 10px;



  color: #000;



  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: #03306d;



  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;



}







@media screen and (min-width: 200px) and (max-width:700px) {







  .mzsm p{







    color:#ffffff;



     width: 90%;



     margin: 0 auto;



    }



    



}







iframe{



  display: none;



}

.thumbsTitle{

  display: none;



}

.img1{

  display: none;  

}

  
@media screen and (min-width: 200px) and (max-width:800px) {
 .page{
  
 }

  .thumbsTitle{ display: block;  
      background: rgba(102, 102, 102, 0.452);

    color: #ffffff;

    text-align: center;

    font-size: 35px;

    padding: 15px;
    padding-top: 30%;
  }

  .img2{

    display: none;  

  }

  .img1{

    display: block;  

  }

  .img1 img{

   width: 100%;

  }

}

.logo img{

  width:100%;

  /* float: right; */

}

.mobile-nav{

  display: none;

}

#banner{
  text-align: center;
}
#banner1{
   width: 45%;
}



@media (max-width: 1024px) {
  #banner1{
    width: 80%;
 }


  .mobile-nav{

    display: block;



    text-align: center;

  }

  /* .header-nav{

    display: none;

  } */

  .mobile-nav ul li{

    display: inline; 

    margin-right: 1%;

    margin: 0% 3% 0% 3%;

  }

  .mobile-nav ul li a {

    font-size: 12px;

    font-weight: 600;

    color: #111111;

    text-decoration: none;

}



  }

  .baoxiu{

    /* width: 50%; */

    /* float: right; */

    

    text-align: center;

}

  

.baoxiu ul li{



  display:inline-block;

}
@media screen and (min-width: 768px) and (max-width:800px) {
  .thumbsTitle{ display: block;  
    
  padding-top: 25%;}
}