/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4147(这个备注仅在演示页面有，源代码里没有)*//*-----------------------------------------------------------------------------------    Template Name: Flone - Minimalist eCommerce Bootstrap 4 Template    Version: 1    ���ྫƷģ������ʣ�http://www.bootstrapmb.com-----------------------------------------------------------------------------------        CSS INDEX    ===================	    1. Template default CSS    2. Header style    3. Slider style    4. Banner style    5. Secting title style    6. Product style    7. Testimonial style    8. Feature style    9. Blog style    10. Footer style    11. Instagram style    12. Breadcrumb style    13. Shop style    14. Sidebar style    15. Product details style    16. Cart style    17. Login register style    18. Blog details style    19. About us style    20. Contact us style    21. Compare style    22. Checkout style    23. My account style    -----------------------------------------------------------------------------------*//*----------------------------------------*//*  1. Template default CSS/*----------------------------------------*//*-- Google Font --*/@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900|Roboto:300,400,500,700,900");/*-- Common Style --*/*,*::after,*::before {  -webkit-box-sizing: border-box;  box-sizing: border-box; }html,body {  height: 100%; }body {  background-color: #ffffff;  line-height: 24px;  font-size: 14px;  font-style: normal;  font-weight: 400;  font-family: "Poppins", sans-serif;  color: #1f2226; }h1,h2,h3,h4,h5,h6 {  font-family: "Poppins", sans-serif;  font-weight: 400;  margin-top: 0;  color: #1f2226; }p {  font-size: 14px;  font-weight: 400;  line-height: 24px;  color: #333333;  margin-bottom: 15px;  font-family: "Poppins", sans-serif; }p:last-child {  margin-bottom: 0; }a,button {  color: inherit;  line-height: inherit;  text-decoration: none;  cursor: pointer;  color: #1f2226; }a,button,img,input,span {  -webkit-transition: all .3s ease 0s;  -o-transition: all .3s ease 0s;  transition: all .3s ease 0s; }*:focus {  outline: none !important; }a:focus {  color: inherit;  outline: none;  text-decoration: none; }a:hover {  text-decoration: none; }button,input[type="submit"] {  cursor: pointer; }ul {  list-style: outside none none;  margin: 0;  padding: 0; }/*--     - Common Classes-----------------------------------------*/.fix {  overflow: hidden; }.clear {  clear: both; }.section {  float: left;  width: 100%; }.capitalize {  text-transform: capitalize; }.uppercase {  text-transform: uppercase; }.bg-img {  background-position: center center;  background-size: cover; }.border-top-1 {  border-top: 1px solid #ffffff; }.border-top-2 {  border-top: 1px solid #e9ecf2; }.border-bottom-1 {  border-bottom: 1px solid #d5d5d5; }a:hover {  color: #ff3535; }/*************************  Basic margin padding*************************/.m-0 {  margin-top: 0;  margin-right: 0;  margin-bottom: 0;  margin-left: 0; }.p-0 {  padding-top: 0;  padding-right: 0;  padding-bottom: 0;  padding-left: 0; }/*************************         Margin top*************************/.mt-0 {  margin-top: 0; }.mt-10 {  margin-top: 10px; }.mt-12 {  margin-top: 12px; }.mt-15 {  margin-top: 15px; }.mt-20 {  margin-top: 20px; }.mt-25 {  margin-top: 25px; }.mt-30 {  margin-top: 30px; }.mt-35 {  margin-top: 35px; }.mt-40 {  margin-top: 40px; }.mt-45 {  margin-top: 45px; }.mt-50 {  margin-top: 50px; }.mt-55 {  margin-top: 55px; }.mt-60 {  margin-top: 60px; }.mt-70 {  margin-top: 70px; }.mt-80 {  margin-top: 80px; }.mt-90 {  margin-top: 90px; }.mt-100 {  margin-top: 100px; }.mt-110 {  margin-top: 110px; }.mt-120 {  margin-top: 120px; }.mt-130 {  margin-top: 130px; }.mt-140 {  margin-top: 140px; }.mt-150 {  margin-top: 150px; }/*************************      Margin right*************************/.mr-0 {  margin-right: 0px; }.mr-10 {  margin-right: 10px; }.mr-12 {  margin-right: 12px; }.mr-15 {  margin-right: 15px; }.mr-20 {  margin-right: 20px; }.mr-30 {  margin-right: 30px; }.mr-35 {  margin-right: 35px; }.mr-40 {  margin-right: 40px; }.mr-50 {  margin-right: 50px; }.mr-60 {  margin-right: 60px; }.mr-70 {  margin-right: 70px; }.mr-80 {  margin-right: 80px; }.mr-90 {  margin-right: 90px; }.mr-100 {  margin-right: 100px; }.mr-110 {  margin-right: 110px; }.mr-120 {  margin-right: 120px; }.mr-130 {  margin-right: 130px; }.mr-140 {  margin-right: 140px; }.mr-150 {  margin-right: 150px; }/*************************      Margin bottom*************************/.mb-0 {  margin-bottom: 0; }.mb-10 {  margin-bottom: 10px; }.mb-12 {  margin-bottom: 12px; }.mb-15 {  margin-bottom: 15px; }.mb-20 {  margin-bottom: 20px; }.mb-25 {  margin-bottom: 25px; }.mb-30 {  margin-bottom: 30px; }.mb-35 {  margin-bottom: 35px; }.mb-40 {  margin-bottom: 40px; }.mb-45 {  margin-bottom: 45px; }.mb-50 {  margin-bottom: 50px; }.mb-55 {  margin-bottom: 55px; }.mb-60 {  margin-bottom: 60px; }.mb-65 {  margin-bottom: 65px; }.mb-70 {  margin-bottom: 70px; }.mb-75 {  margin-bottom: 75px; }.mb-80 {  margin-bottom: 80px; }  @media only screen and (max-width: 767px) {    .mb-80 {      margin-bottom: 60px; } }.mb-90 {  margin-bottom: 90px; }.mb-95 {  margin-bottom: 95px; }.mb-100 {  margin-bottom: 100px; }  @media only screen and (max-width: 767px) {    .mb-100 {      margin-bottom: 50px; } }.mb-110 {  margin-bottom: 110px; }.mb-120 {  margin-bottom: 120px; }.mb-130 {  margin-bottom: 130px; }.mb-140 {  margin-bottom: 140px; }.mb-150 {  margin-bottom: 150px; }/*************************        Margin left*************************/.ml-0 {  margin-left: 0; }.ml-10 {  margin-left: 10px; }.ml-12 {  margin-left: 12px; }.ml-15 {  margin-left: 15px; }.ml-20 {  margin-left: 20px; }.ml-30 {  margin-left: 30px; }.ml-40 {  margin-left: 40px; }.ml-50 {  margin-left: 50px; }.ml-55 {  margin-left: 55px; }.ml-60 {  margin-left: 60px; }.ml-70 {  margin-left: 70px; }.ml-75 {  margin-left: 75px; }.ml-80 {  margin-left: 80px; }.ml-90 {  margin-left: 90px; }.ml-95 {  margin-left: 95px; }.ml-100 {  margin-left: 100px; }.ml-110 {  margin-left: 110px; }.ml-120 {  margin-left: 120px; }.ml-130 {  margin-left: 130px; }.ml-140 {  margin-left: 140px; }.ml-145 {  margin-left: 145px; }.ml-150 {  margin-left: 150px; }.ml-ntv5 {  margin-left: -5px; }/*************************        Padding top*************************/.pt-0 {  padding-top: 0; }.pt-10 {  padding-top: 10px; }.pt-15 {  padding-top: 15px; }.pt-20 {  padding-top: 20px; }.pt-25 {  padding-top: 25px; }.pt-30 {  padding-top: 30px; }.pt-35 {  padding-top: 35px; }.pt-40 {  padding-top: 40px; }.pt-45 {  padding-top: 45px; }.pt-50 {  padding-top: 50px; }.pt-55 {  padding-top: 55px; }.pt-60 {  padding-top: 60px; }.pt-70 {  padding-top: 70px; }.pt-75 {  padding-top: 75px; }.pt-80 {  padding-top: 80px; }  @media only screen and (max-width: 767px) {    .pt-80 {      padding-top: 50px; } }.pt-95 {  padding-top: 95px; }  @media only screen and (max-width: 767px) {    .pt-95 {      padding-top: 45px; } }.pt-90 {  padding-top: 90px; }.pt-100 {  padding-top: 100px; }  @media only screen and (max-width: 767px) {    .pt-100 {      padding-top: 50px; } }.pt-105 {  padding-top: 105px; }.pt-110 {  padding-top: 110px; }.pt-115 {  padding-top: 115px; }.pt-120 {  padding-top: 120px; }.pt-125 {  padding-top: 125px; }.pt-128 {  padding-top: 128px; }.pt-130 {  padding-top: 130px; }.pt-135 {  padding-top: 135px; }.pt-140 {  padding-top: 140px; }.pt-150 {  padding-top: 150px; }.pt-155 {  padding-top: 155px; }.pt-170 {  padding-top: 170px; }.pt-180 {  padding-top: 180px; }.pt-205 {  padding-top: 205px; }.pt-230 {  padding-top: 230px; }.pt-270 {  padding-top: 270px; }.pt-240 {  padding-top: 240px; }.pt-365 {  padding-top: 365px; }.pt-370 {  padding-top: 370px; }.pt-380 {  padding-top: 380px; }/*************************        Padding right*************************/.pr-0 {  padding-right: 0; }.pr-10 {  padding-right: 10px; }.pr-15 {  padding-right: 15px; }.pr-20 {  padding-right: 20px; }.pr-30 {  padding-right: 30px; }.pr-40 {  padding-right: 40px; }.pr-50 {  padding-right: 50px; }.pr-60 {  padding-right: 60px; }.pr-70 {  padding-right: 70px; }.pr-80 {  padding-right: 80px; }.pr-90 {  padding-right: 90px; }.pr-100 {  padding-right: 100px; }.pr-110 {  padding-right: 110px; }.pr-120 {  padding-right: 120px; }.pr-130 {  padding-right: 130px; }.pr-140 {  padding-right: 140px; }.pr-155 {  padding-right: 155px; }.pr-270 {  padding-right: 270px; }/*************************        Padding bottom*************************/.pb-0 {  padding-bottom: 0; }.pb-10 {  padding-bottom: 10px; }.pb-15 {  padding-bottom: 15px; }.pb-20 {  padding-bottom: 20px; }.pb-25 {  padding-bottom: 25px; }.pb-30 {  padding-bottom: 30px; }.pb-35 {  padding-bottom: 35px; }.pb-40 {  padding-bottom: 40px; }.pb-45 {  padding-bottom: 45px; }.pb-50 {  padding-bottom: 50px; }.pb-55 {  padding-bottom: 55px; }.pb-60 {  padding-bottom: 60px; }.pb-65 {  padding-bottom: 65px; }  @media only screen and (max-width: 767px) {    .pb-65 {      padding-bottom: 15px; } }.pb-70 {  padding-bottom: 70px; }  @media only screen and (max-width: 767px) {    .pb-70 {      padding-bottom: 20px; } }.pb-80 {  padding-bottom: 80px; }  @media only screen and (max-width: 767px) {    .pb-80 {      padding-bottom: 50px; } }.pb-85 {  padding-bottom: 85px; }.pb-90 {  padding-bottom: 90px; }.pb-95 {  padding-bottom: 95px; }  @media only screen and (max-width: 767px) {    .pb-95 {      padding-bottom: 55px; } }.pb-100 {  padding-bottom: 100px; }  @media only screen and (max-width: 767px) {    .pb-100 {      padding-bottom: 50px; } }.pb-105 {  padding-bottom: 105px; }.pb-110 {  padding-bottom: 110px; }.pb-115 {  padding-bottom: 115px; }.pb-120 {  padding-bottom: 120px; }  @media only screen and (max-width: 767px) {    .pb-120 {      padding-bottom: 50px; } }.pb-125 {  padding-bottom: 125px; }.pb-130 {  padding-bottom: 130px; }.pb-135 {  padding-bottom: 135px; }.pb-140 {  padding-bottom: 140px; }.pb-145 {  padding-bottom: 145px; }.pb-150 {  padding-bottom: 150px; }  @media only screen and (max-width: 767px) {    .pb-150 {      padding-bottom: 78px; } }.pb-170 {  padding-bottom: 170px; }.pb-180 {  padding-bottom: 180px; }.pb-280 {  padding-bottom: 280px; }.pb-210 {  padding-bottom: 210px; }.pb-285 {  padding-bottom: 285px; }.pb-270 {  padding-bottom: 270px; }.pb-290 {  padding-bottom: 290px; }/*************************        Padding left*************************/.pl-0 {  padding-left: 0; }.pl-10 {  padding-left: 10px; }.pl-15 {  padding-left: 15px; }.pl-20 {  padding-left: 20px; }.pl-30 {  padding-left: 30px; }.pl-40 {  padding-left: 40px; }.pl-50 {  padding-left: 50px; }.pl-60 {  padding-left: 60px; }.pl-70 {  padding-left: 70px; }.pl-80 {  padding-left: 80px; }.pl-90 {  padding-left: 90px; }.pl-100 {  padding-left: 100px; }.pl-110 {  padding-left: 110px; }.pl-120 {  padding-left: 120px; }.pl-130 {  padding-left: 130px; }.pl-140 {  padding-left: 140px; }.pl-150 {  padding-left: 150px; }.pl-155 {  padding-left: 155px; }.pl-190 {  padding-left: 190px; }/***************************    Page section padding ****************************/.ptb-0 {  padding: 0; }.ptb-10 {  padding: 10px 0; }.ptb-20 {  padding: 20px 0; }.ptb-30 {  padding: 30px 0; }.ptb-35 {  padding: 35px 0; }.ptb-32 {  padding: 32px 0; }.ptb-40 {  padding: 40px 0; }.ptb-50 {  padding: 50px 0; }.ptb-60 {  padding: 60px 0; }.ptb-70 {  padding: 70px 0; }.ptb-80 {  padding: 80px 0; }.ptb-90 {  padding: 90px 0; }.ptb-100 {  padding: 100px 0; }.ptb-110 {  padding: 110px 0; }.ptb-120 {  padding: 120px 0; }.ptb-130 {  padding: 130px 0; }.ptb-140 {  padding: 140px 0; }.ptb-150 {  padding: 150px 0; }.ptb-160 {  padding: 160px 0; }.ptb-170 {  padding: 170px 0; }.ptb-177 {  padding: 177px 0; }.ptb-180 {  padding: 180px 0; }.ptb-190 {  padding: 190px 0; }.ptb-200 {  padding: 200px 0; }.ptb-210 {  padding: 210px 0; }.ptb-220 {  padding: 220px 0; }.ptb-290 {  padding: 290px 0; }.ptb-310 {  padding: 310px 0; }/***************************    Page section margin ****************************/.mtb-0 {  margin: 0; }.mtb-10 {  margin: 10px 0; }.mtb-15 {  margin: 15px 0; }.mtb-20 {  margin: 20px 0; }.mtb-30 {  margin: 30px 0; }.mtb-40 {  margin: 40px 0; }.mtb-50 {  margin: 50px 0; }.mtb-60 {  margin: 60px 0; }.mtb-70 {  margin: 70px 0; }.mtb-80 {  margin: 80px 0; }.mtb-90 {  margin: 90px 0; }.mtb-100 {  margin: 100px 0; }.mtb-110 {  margin: 110px 0; }.mtb-120 {  margin: 120px 0; }.mtb-130 {  margin: 130px 0; }.mtb-140 {  margin: 140px 0; }.mtb-150 {  margin: 150px 0; }.mtb-290 {  margin: 290px 0; }/*--     - Input Placeholder-----------------------------------------*/input:-moz-placeholder,textarea:-moz-placeholder {  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }input::-moz-placeholder,textarea::-moz-placeholder {  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }input:-ms-input-placeholder,textarea:-ms-input-placeholder {  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }input {  background: #eceff8;  border: 2px solid #eceff8;  height: 45px;  -webkit-box-shadow: none;  box-shadow: none;  padding-left: 10px;  font-size: 14px;  color: #333;  width: 100%; }select {  width: 100%;  background: transparent;  border: 0px solid #eceff8;  -webkit-box-shadow: none;  box-shadow: none;  font-size: 14px;  color: #333; }option {  background: #fff;  border: 0px solid #626262;  padding-left: 10px;  font-size: 14px; }input:focus {  background: transparent; }textarea {  resize: vertical;  background: #eceff8;  border: 2px solid #eceff8;  padding: 10px;  width: 100%;  font-size: 14px; }textarea:focus {  background: transparent;  border: 2px solid #4FC1F0;  outline: none; }.input-group.divcenter.input-group .form-control {  padding-left: 0px; }#mobile-menu-active {  display: none; }/*--     Scroll Up -----------------------------------------*/#scrollUp {  width: 50px;  height: 50px;  background-color: #ff3535;  color: #fff;  right: 20px;  bottom: 60px;  text-align: center;  overflow: hidden;  border-radius: 50px;  z-index: 9811 !important; }  @media only screen and (max-width: 767px) {    #scrollUp {      width: 40px;      height: 40px; } }  #scrollUp i {    display: block;    line-height: 50px;    font-size: 18px; }    @media only screen and (max-width: 767px) {      #scrollUp i {        line-height: 40px;        font-size: 16px; } }  #scrollUp:hover i {    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite; }.height-100 {  height: 100vh; }/*--    - Background Color------------------------------------------*/.bg-paleturquoise {  background-color: #effafa; }.bg-aliceblue {  background-color: #e7eaf0; }.bg-gray {  background-color: #f6f6f6; }.default-overlay {  position: relative; }  .default-overlay:before {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    content: "";    right: 0;    bottom: 0; }.wrapper {  overflow-x: hidden; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .main-header-wrap {    display: none; } }@media only screen and (max-width: 767px) {  .main-header-wrap {    display: none; } }.header-small-mobile {  display: none;  padding: 25px 0; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .header-small-mobile {      display: block; } }  @media only screen and (max-width: 767px) {    .header-small-mobile {      display: block; } }.sticky-bar.stick {  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;  background-color: #fff;  border-bottom: 0 solid #4a90e2;  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);  position: fixed;  top: 0;  width: 100%;  z-index: 999;  left: 0;  -webkit-transition: all .3s ease 0s;  -o-transition: all .3s ease 0s;  transition: all .3s ease 0s; }.logo {  padding-top: 40px;  -webkit-transition: all .3s ease 0s;  -o-transition: all .3s ease 0s;  transition: all .3s ease 0s; }.main-menu {  margin-left: 30px; }  .main-menu >nav >ul >li {    display: inline-block;    margin: 0 26px;    position: relative; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .main-menu >nav >ul >li {        margin: 0 14px; } }    .main-menu >nav >ul >li.angle-shape::before {      border-bottom: 16px solid #fff;      border-left: 9px solid transparent;      border-right: 9px solid transparent;      content: "";      height: 0;      left: 50%;      -webkit-transform: translateX(-50%);      -ms-transform: translateX(-50%);      transform: translateX(-50%);      position: absolute;      bottom: 0px;      width: 0;      opacity: 0;      visibility: hidden;      -webkit-transition: all 0.5s ease 0s;      -o-transition: all 0.5s ease 0s;      transition: all 0.5s ease 0s;      z-index: 9999; }    .main-menu >nav >ul >li >a {      font-size: 16px;      font-family: "Roboto", sans-serif;      display: inline-block;      line-height: 108px; }      .main-menu >nav >ul >li >a >span {        position: absolute;        top: 21px;        right: -28px;        font-size: 13px;        font-family: "Roboto", sans-serif;        background-color: #ff3535;        display: inline-block;        color: #ffffff;        line-height: 1;        text-transform: uppercase;        padding: 3px 10px; }    .main-menu >nav >ul >li ul.submenu {      background: #fff none repeat scroll 0 0;      -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);      box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);      display: block;      left: 0;      padding: 22px 30px 24px;      position: absolute;      top: 100%;      -webkit-transform: rotateX(90deg);      transform: rotateX(90deg);      -webkit-transform-origin: center top 0;      -ms-transform-origin: center top 0;      transform-origin: center top 0;      -webkit-transition: all 0.5s ease 0s;      -o-transition: all 0.5s ease 0s;      transition: all 0.5s ease 0s;      visibility: hidden;      width: 190px;      z-index: 999; }      .main-menu >nav >ul >li ul.submenu li {        margin-bottom: 16px; }        .main-menu >nav >ul >li ul.submenu li:last-child {          margin-bottom: 0px; }        .main-menu >nav >ul >li ul.submenu li a {          font-weight: 300;          font-size: 14px;          color: #000000;          font-family: "Poppins", sans-serif;          letter-spacing: .2px;          display: block;          text-transform: capitalize; }          .main-menu >nav >ul >li ul.submenu li a:hover {            color: #ff3535; }    .main-menu >nav >ul >li ul.mega-menu {      background-color: #fff;      display: block;      left: -273px;      padding: 23px 30px 62px 0;      position: absolute;      text-align: left;      top: 100%;      -webkit-transform: rotateX(90deg);      transform: rotateX(90deg);      -webkit-transform-origin: center top 0;      -ms-transform-origin: center top 0;      transform-origin: center top 0;      -webkit-transition: all 0.5s ease 0s;      -o-transition: all 0.5s ease 0s;      transition: all 0.5s ease 0s;      visibility: hidden;      width: 972px;      z-index: 999;      -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);      box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1); }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .main-menu >nav >ul >li ul.mega-menu {          width: 900px; } }      .main-menu >nav >ul >li ul.mega-menu >li {        display: inline-block;        float: left;        padding-left: 30px;        padding-right: 0;        width: 25%; }        .main-menu >nav >ul >li ul.mega-menu >li a.menu-title {          color: #000000;          font-size: 16px;          font-family: "Poppins", sans-serif;          letter-spacing: .2px;          display: block;          border-bottom: 1px solid #cccccc;          padding-bottom: 18px; }        .main-menu >nav >ul >li ul.mega-menu >li ul {          margin-top: 23px; }          .main-menu >nav >ul >li ul.mega-menu >li ul li {            margin-bottom: 19px; }            .main-menu >nav >ul >li ul.mega-menu >li ul li:last-child {              margin-bottom: 0px; }            .main-menu >nav >ul >li ul.mega-menu >li ul li a {              font-weight: 300;              font-size: 14px;              color: #000000;              font-family: "Poppins", sans-serif;              letter-spacing: .2px;              display: block;              text-transform: capitalize; }              .main-menu >nav >ul >li ul.mega-menu >li ul li a:hover {                color: #ff3535; }    .main-menu >nav >ul >li:hover >ul.mega-menu {      -webkit-transform: rotateX(0deg);      transform: rotateX(0deg);      visibility: visible; }    .main-menu >nav >ul >li:hover >ul.submenu {      -webkit-transform: rotateX(0deg);      transform: rotateX(0deg);      visibility: visible; }    .main-menu >nav >ul >li:hover a {      color: #ff3535; }    .main-menu >nav >ul >li:hover.angle-shape::before {      opacity: 1;      visibility: visible; }.header-right-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;  -webkit-transition: all .3s ease 0s;  -o-transition: all .3s ease 0s;  transition: all .3s ease 0s; }  .header-right-wrap .header-search {    margin-right: 26px; }    .header-right-wrap .header-search >a {      font-size: 20px; }  .header-right-wrap .setting-wrap {    margin-left: 26px; }    .header-right-wrap .setting-wrap button {      background-color: transparent;      border: none;      font-size: 20px;      padding: 0; }      .header-right-wrap .setting-wrap button:hover {        color: #ff3535; }    .header-right-wrap .setting-wrap .setting-content {      background: #fff none repeat scroll 0 0;      padding: 26px 30px 32px;      position: absolute;      right: 0;      top: 100%;      width: 300px;      z-index: 9999;      -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);      box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);      max-height: 636px;      overflow-y: auto;      display: none; }      @media only screen and (min-width: 1366px) and (max-width: 1600px) {        .header-right-wrap .setting-wrap .setting-content {          max-height: 510px; } }      @media only screen and (min-width: 1200px) and (max-width: 1365px) {        .header-right-wrap .setting-wrap .setting-content {          max-height: 400px; } }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .header-right-wrap .setting-wrap .setting-content {          max-height: 400px; } }      .header-right-wrap .setting-wrap .setting-content ul li {        padding-bottom: 25px; }        .header-right-wrap .setting-wrap .setting-content ul li:last-child {          padding-bottom: 0px; }        .header-right-wrap .setting-wrap .setting-content ul li h4 {          font-size: 16px;          margin: 0;          color: #000000;          padding-bottom: 19px;          border-bottom: 1px solid #cccccc;          letter-spacing: .2px; }        .header-right-wrap .setting-wrap .setting-content ul li ul {          padding-top: 18px; }          .header-right-wrap .setting-wrap .setting-content ul li ul li {            padding-bottom: 31px; }            .header-right-wrap .setting-wrap .setting-content ul li ul li:last-child {              padding-bottom: 0px; }            .header-right-wrap .setting-wrap .setting-content ul li ul li a {              letter-spacing: .2px;              color: #000000;              font-weight: 300;              display: block;              line-height: 1; }              .header-right-wrap .setting-wrap .setting-content ul li ul li a:hover {                color: #ff3535; }    .header-right-wrap .setting-wrap:hover {      color: #ff3535; }.cart-wrap {  position: relative; }  .cart-wrap >button {    background-color: transparent;    border: none;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    font-family: "Roboto", sans-serif; }    .cart-wrap >button span.icon-cart {      font-size: 20px;      position: relative; }      .cart-wrap >button span.icon-cart .count-style {        position: absolute;        right: -7px;        top: -19px;        background-color: #1f2226;        color: #fff;        font-size: 13px;        display: inline-block;        width: 22px;        height: 22px;        line-height: 22px;        border-radius: 100%; }    .cart-wrap >button span.cart-price {      font-size: 16px;      margin-left: 4px;      display: block;      line-height: 1; }    .cart-wrap >button:hover span.icon-cart {      color: #ff3535; }  .cart-wrap .shopping-cart-content {    background: #fff none repeat scroll 0 0;    padding: 28px 30px 20px;    position: absolute;    right: -450px;    top: 67px;    width: 340px;    z-index: 9999;    -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);    box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);    height: calc(100vh - 108px);    -webkit-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;    overflow-y: auto;    opacity: 0;    visibility: hidden; }    .cart-wrap .shopping-cart-content.show {      visibility: visible;      opacity: 1;      right: -315px; }      @media only screen and (min-width: 1366px) and (max-width: 1600px) {        .cart-wrap .shopping-cart-content.show {          right: -55px; } }      @media only screen and (min-width: 1200px) and (max-width: 1365px) {        .cart-wrap .shopping-cart-content.show {          right: -45px; } }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .cart-wrap .shopping-cart-content.show {          right: -47px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .cart-wrap .shopping-cart-content.show {          right: 20px; } }      @media only screen and (max-width: 767px) {        .cart-wrap .shopping-cart-content.show {          right: 5px;          width: 300px; } }    .cart-wrap .shopping-cart-content .shopping-cart-top {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      border-bottom: 1px solid #cccccc;      padding-bottom: 24px;      margin-bottom: 30px; }      .cart-wrap .shopping-cart-content .shopping-cart-top h4 {        font-size: 16px;        margin: 0;        line-height: 1;        color: #000000; }      .cart-wrap .shopping-cart-content .shopping-cart-top a {        color: #000000;        font-size: 16px; }        .cart-wrap .shopping-cart-content .shopping-cart-top a:hover {          color: #ff3535; }    .cart-wrap .shopping-cart-content ul {      height: 450px;      overflow-y: auto; }      @media only screen and (min-width: 1366px) and (max-width: 1600px) {        .cart-wrap .shopping-cart-content ul {          height: 200px; } }      @media only screen and (min-width: 1200px) and (max-width: 1365px) {        .cart-wrap .shopping-cart-content ul {          height: 200px; } }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .cart-wrap .shopping-cart-content ul {          height: 200px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .cart-wrap .shopping-cart-content ul {          height: 200px; } }      @media only screen and (max-width: 767px) {        .cart-wrap .shopping-cart-content ul {          height: 100px; } }      .cart-wrap .shopping-cart-content ul li {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -ms-flex-wrap: wrap;        flex-wrap: wrap;        margin-bottom: 30px;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center; }        .cart-wrap .shopping-cart-content ul li .shopping-cart-img {          -webkit-box-flex: 0;          -ms-flex: 0 0 90px;          flex: 0 0 90px;          margin-right: 20px;          position: relative; }          .cart-wrap .shopping-cart-content ul li .shopping-cart-img img {            width: 100%; }          .cart-wrap .shopping-cart-content ul li .shopping-cart-img .item-close {            position: absolute;            top: 10px;            left: 10px;            opacity: 0;            visibility: hidden;            -webkit-transition: all .3s ease 0s;            -o-transition: all .3s ease 0s;            transition: all .3s ease 0s; }        .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 {          font-size: 16px;          margin: 0;          font-weight: 300;          letter-spacing: .2px; }          .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a {            color: #000000;            line-height: 1;            display: block; }            .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a:hover {              color: #ff3535; }        .cart-wrap .shopping-cart-content ul li .shopping-cart-title span {          font-size: 14px;          font-weight: 300;          color: #000000;          letter-spacing: .2px; }        .cart-wrap .shopping-cart-content ul li:last-child {          margin-bottom: 0; }        .cart-wrap .shopping-cart-content ul li:hover .shopping-cart-img .item-close {          opacity: 1;          visibility: visible; }    .cart-wrap .shopping-cart-content .shopping-cart-bottom {      position: absolute;      bottom: 30px;      left: 30px;      right: 30px; }      .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {        border-top: 1px solid #cccccc;        border-bottom: 1px solid #cccccc;        padding: 18px 0px 17px;        margin: 30px 0 30px; }        @media only screen and (min-width: 1366px) and (max-width: 1600px) {          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {            margin: 15px 0 15px; } }        @media only screen and (min-width: 1200px) and (max-width: 1365px) {          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {            margin: 15px 0 15px; } }        @media only screen and (min-width: 992px) and (max-width: 1199px) {          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {            margin: 15px 0 15px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {            margin: 15px 0 15px; } }        .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total h4 {          font-size: 16px;          color: #000000;          letter-spacing: .2px;          margin: 0; }          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total h4 span {            float: right; }      .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn {        margin-top: 23px; }        .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {          margin-bottom: 10px;          padding: 16px 40px 17px;          font-weight: 600;          font-size: 16px;          display: block;          text-transform: uppercase;          border: 1px solid #cccccc; }          @media only screen and (min-width: 1366px) and (max-width: 1600px) {            .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {              padding: 12px 40px 13px;              font-size: 14px; } }          @media only screen and (min-width: 1200px) and (max-width: 1365px) {            .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {              padding: 12px 40px 13px;              font-size: 14px; } }          @media only screen and (min-width: 992px) and (max-width: 1199px) {            .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {              padding: 12px 40px 13px;              font-size: 14px; } }          @media only screen and (min-width: 768px) and (max-width: 991px) {            .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {              padding: 12px 40px 13px;              font-size: 14px; } }          @media only screen and (max-width: 767px) {            .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {              padding: 12px 40px 13px;              font-size: 14px; } }          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a:hover {            background-color: #ff3535;            color: #ffffff;            border: 1px solid #ff3535; }          .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a:last-child {            margin-bottom: 0; }.wrapper-cart .body-overlay-2 {  background-color: transparent;  height: 100%;  left: 0;  opacity: 0;  position: fixed;  top: 0;  -webkit-transition: all 0.5s ease-in-out 0s;  -o-transition: all 0.5s ease-in-out 0s;  transition: all 0.5s ease-in-out 0s;  visibility: hidden;  width: 100%;  z-index: 999; }.wrapper-cart.overlay-active-2 .body-overlay-2 {  opacity: 1;  visibility: visible; }.main-search-active {  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;  color: #353535;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  min-height: 100vh;  padding: 32px 46px 39px;  position: fixed;  right: 0;  top: 0;  -webkit-transform: translateX(110%);  -ms-transform: translateX(110%);  transform: translateX(110%);  transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;  width: 100%;  z-index: 9999; }  .main-search-active.inside {    -webkit-transform: translateX(0px);    -ms-transform: translateX(0px);    transform: translateX(0px);    z-index: 9999; }  .main-search-active .sidebar-search-icon {    display: block;    overflow: hidden;    position: absolute;    right: 50%;    top: 50px;    -webkit-transform: translateX(50%);    -ms-transform: translateX(50%);    transform: translateX(50%); }    .main-search-active .sidebar-search-icon button {      background: transparent none repeat scroll 0 0;      border: medium none;      color: #fff;      cursor: pointer;      font-size: 35px;      line-height: 1;      padding: 0;      -webkit-transition: all 0.3s ease 0s;      -o-transition: all 0.3s ease 0s;      transition: all 0.3s ease 0s; }      .main-search-active .sidebar-search-icon button:hover {        color: #ff3535; }  .main-search-active .sidebar-search-input {    padding: 300px 0 0; }    .main-search-active .sidebar-search-input .form-search {      position: relative; }      .main-search-active .sidebar-search-input .form-search input {        background-color: transparent;        border-color: #6e6e6e;        border-style: solid;        border-width: 0 0 1px;        color: #c0c0c0;        display: block;        font-size: 20px;        height: 50px;        line-height: 62px;        padding: 0;        width: 770px;        font-family: "Poppins", sans-serif;        letter-spacing: 2px;        padding: 0 55px 0 0; }        .main-search-active .sidebar-search-input .form-search input::-moz-input-placeholder {          color: #c0c0c0;          opacity: 1; }        .main-search-active .sidebar-search-input .form-search input::-webkit-input-placeholder {          color: #c0c0c0;          opacity: 1; }      .main-search-active .sidebar-search-input .form-search button {        background-color: transparent;        border: medium none;        color: #ffffff;        cursor: pointer;        font-size: 20px;        padding: 0;        position: absolute;        right: 0;        top: 13px;        -webkit-transition: all 0.3s ease 0s;        -o-transition: all 0.3s ease 0s;        transition: all 0.3s ease 0s; }        .main-search-active .sidebar-search-input .form-search button:hover {          color: #ff3535; }.stick .logo {  padding-top: 25px; }.stick .main-menu >nav >ul >li >a {  line-height: 80px; }  .stick .main-menu >nav >ul >li >a span {    top: 8px; }.stick .header-right-wrap {  padding-top: 25px; }.stick .cart-wrap .shopping-cart-content {  top: 54px;  height: calc(100vh - 80px); }.stick .header-small-mobile .header-right-wrap {  padding-top: 3px; }.header-small-mobile .header-right-wrap {  padding-top: 3px; }  .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content {    top: 51px;    height: calc(100vh - 79px); }    .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-top {      padding-bottom: 10px;      margin-bottom: 15px; }    .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content.show {      right: -40px; }    .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom {      margin-top: 12px; }      .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom a {        padding: 9px 40px 10px;        font-size: 13px; }      .header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {        padding: 12px 0px 11px;        margin: 15px 0 15px; }  .header-small-mobile .header-right-wrap .mobile-off-canvas {    margin-left: 20px; }    @media only screen and (max-width: 767px) {      .header-small-mobile .header-right-wrap .mobile-off-canvas {        margin-left: 12px; } }    .header-small-mobile .header-right-wrap .mobile-off-canvas a {      font-size: 20px; }.wrapper .body-overlay {  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;  height: 100%;  left: 0;  opacity: 0;  position: fixed;  top: 0;  -webkit-transition: all 0.5s ease-in-out 0s;  -o-transition: all 0.5s ease-in-out 0s;  transition: all 0.5s ease-in-out 0s;  visibility: hidden;  width: 100%;  z-index: 9999; }.wrapper.overlay-active .body-overlay {  opacity: 1;  visibility: visible; }.mobile-off-canvas-active {  position: fixed;  top: 0;  width: 330px;  min-height: 100vh;  bottom: 0;  z-index: 111;  right: -330px;  visibility: hidden;  opacity: 1;  -webkit-transition: all 400ms ease-out;  -o-transition: all 400ms ease-out;  transition: all 400ms ease-out;  background-color: #fff;  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);  z-index: 9999; }  @media only screen and (max-width: 767px) {    .mobile-off-canvas-active {      width: 260px;      right: -260px; } }  .mobile-off-canvas-active.inside {    visibility: visible;    opacity: 1;    right: 0px; }  .mobile-off-canvas-active .mobile-aside-close {    position: absolute;    left: -40px;    top: 0px;    z-index: 9;    width: 40px;    height: 40px;    color: #fff;    line-height: 40px;    text-align: center;    font-size: 18px;    background-color: #343538; }    .mobile-off-canvas-active .mobile-aside-close i {      -webkit-transition: all .3s ease-in-out;      -o-transition: all .3s ease-in-out;      transition: all .3s ease-in-out;      display: inline-block;      color: #fff; }    .mobile-off-canvas-active .mobile-aside-close:hover i {      color: #ff3535;      -webkit-transform: rotate(90deg);      -ms-transform: rotate(90deg);      transform: rotate(90deg); }  .mobile-off-canvas-active .header-mobile-aside-wrap {    padding: 40px 30px 50px;    overflow: auto;    height: 100%; }    @media only screen and (max-width: 767px) {      .mobile-off-canvas-active .header-mobile-aside-wrap {        padding: 30px 20px 50px; } }    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {      border-bottom: 1px solid #ddd;      margin-bottom: 27px;      padding-bottom: 40px; }      .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {        position: relative; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {          background-color: #f6f6f6;          border: none;          border-radius: 0px;          height: 50px;          padding: 0 60px 0 15px;          width: 100%;          font-size: 14px; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {          background-color: transparent;          border-color: #ddd;          -webkit-border-image: none;          -o-border-image: none;          border-image: none;          border-radius: 5px 0 0 5px;          border-style: none none none solid;          border-width: medium medium medium 1px;          color: #000000;          font-size: 18px;          height: 100%;          padding: 0 15px 0 14px;          position: absolute;          right: 0;          top: 50%;          -webkit-transform: translateY(-50%);          -ms-transform: translateY(-50%);          transform: translateY(-50%);          -webkit-transition: all 0.3s ease 0s;          -o-transition: all 0.3s ease 0s;          transition: all 0.3s ease 0s; }          @media only screen and (max-width: 767px) {            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {              font-size: 16px; } }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {            color: #ff3535; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {            margin-top: 5px;            display: inline-block; }    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {      border-bottom: 1px solid #ddd;      margin-bottom: 36px;      padding-bottom: 27px; }      .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {        height: 100%; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {          display: block;          position: relative; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {            line-height: 50;            top: -5px;            left: 95%;            width: 30px;            position: absolute;            height: 50px;            text-align: center;            cursor: pointer; }            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {              display: block;              position: relative;              width: 10px;              margin-top: 25px;              border-bottom: 1px solid #1f2226;              -webkit-transition: all 250ms ease-out;              -o-transition: all 250ms ease-out;              transition: all 250ms ease-out; }              .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {                top: 0;                width: 100%;                content: "";                display: block;                position: absolute;                -webkit-transform: rotate(90deg);                -ms-transform: rotate(90deg);                transform: rotate(90deg);                border-bottom: 1px solid #1f2226;                -webkit-transition: 0.4s;                -o-transition: 0.4s;                transition: 0.4s; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active >.menu-expand i::before {            -webkit-transform: rotate(0);            -ms-transform: rotate(0);            transform: rotate(0); }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {            font-size: 16px;            text-transform: capitalize;            line-height: 18px;            position: relative;            display: inline-block;            padding: 10px 0;            font-family: "Roboto", sans-serif; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {            padding: 10px 15px 5px;            font-size: 14px;            color: #000000;            font-weight: 300; }            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {              color: #ff3535; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {            padding: 10px 30px 5px;            font-size: 14px;            color: #000000;            font-weight: 300; }    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {      border-bottom: 1px solid #ddd;      margin-bottom: 31px;      padding-bottom: 37px; }      @media only screen and (max-width: 767px) {        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {          display: block; } }      .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {        position: relative;        margin-bottom: 15px; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {          margin-bottom: 0; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {          font-size: 16px;          display: block;          letter-spacing: .2px;          font-family: "Roboto", sans-serif; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {            float: right;            font-size: 10px;            position: relative;            top: 8px; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {          margin-top: 5px;          display: none;          background-color: #fff;          -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);          box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);          padding: 22px 30px 26px;          width: 100%;          z-index: 11; }          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {            padding-bottom: 10px; }            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {              padding-bottom: 0px; }            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {              font-size: 14px;              letter-spacing: .2px;              font-family: "Poppins", sans-serif;              font-weight: 300; }              .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {                color: #ff3535; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover >a {          color: #ff3535; }        @media only screen and (max-width: 767px) {          .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {            margin-bottom: 5px; }            .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {              margin-bottom: 0; } }    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {      margin-bottom: 20px; }      .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {        font-size: 16px;        margin-right: 20px; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {          margin-right: 0; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {          color: #3b5999; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {          color: #55acee; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {          color: #bd081c; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {          color: #e4405f; }        .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {          color: #dd4b39; }.slider-height-1 {  height: 850px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .slider-height-1 {      height: 700px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .slider-height-1 {      height: 700px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .slider-height-1 {      height: 530px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-height-1 {      height: 500px; } }  @media only screen and (max-width: 767px) {    .slider-height-1 {      display: block;      height: auto;      padding: 50px 0; } }.single-slider .slider-content h1 {  font-weight: 600;  font-size: 80px;  margin: 0;  line-height: 68px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-slider .slider-content h1 {      font-size: 60px;      line-height: 50px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-content h1 {      font-size: 55px;      line-height: 45px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-content h1 {      font-size: 35px;      line-height: 40px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-content h1 {      font-size: 32px;      line-height: 29px; } }.single-slider .slider-content p {  font-size: 16px;  line-height: 27px;  width: 93%;  margin: 28px 0 36px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-slider .slider-content p {      width: 96%;      margin: 20px 0 30px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-content p {      width: 96%;      margin: 20px 0 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-content p {      width: 96%;      margin: 20px 0 30px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-content p {      width: 100%;      margin: 20px 0 30px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .single-slider .slider-content p {      font-size: 15px; } }.single-slider .slider-content .slider-btn a {  font-size: 13px;  text-transform: uppercase;  font-weight: 600;  display: inline-block;  line-height: 1;  border: 2px solid #000000;  padding: 14px 30px 18px; }  .single-slider .slider-content .slider-btn a i {    font-size: 16px;    color: #1f2226;    margin-left: 18px;    position: relative;    top: 2px;    -webkit-transition: all .3s ease 0s;    -o-transition: all .3s ease 0s;    transition: all .3s ease 0s; }  .single-slider .slider-content .slider-btn a:hover {    color: #ffffff;    border: 2px solid #ff3535;    background-color: #ff3535; }  .single-slider .slider-content .slider-btn a:hover i {    color: #ffffff; }@media only screen and (min-width: 1200px) and (max-width: 1365px) {  .single-slider .slider-content.pt-180 {    padding-top: 235px; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .single-slider .slider-content.pt-180 {    padding-top: 115px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .single-slider .slider-content.pt-180 {    padding-top: 30px; } }@media only screen and (max-width: 767px) {  .single-slider .slider-content.pt-180 {    padding-top: 50px; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .single-slider .slider-content.pt-180 {    padding-top: 0px; } }.single-slider .slider-content-2 h1 {  font-size: 48px;  line-height: 60px;  color: #292929;  margin: 0;  font-weight: 500; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-content-2 h1 {      font-size: 38px;      line-height: 42px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-content-2 h1 {      font-size: 26px;      line-height: 30px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-content-2 h1 {      font-size: 26px;      line-height: 35px; } }.single-slider .slider-content-2 p {  font-size: 16px;  line-height: 27px;  color: #1f2226;  margin: 23px 0px 27px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-content-2 p {      margin: 10px 0px 20px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-content-2 p {      margin: 15px 0px 27px; } }.single-slider .slider-content-2 .slider-btn a {  font-size: 13px;  text-transform: uppercase;  font-weight: 600;  display: inline-block;  line-height: 1;  border: 2px solid #000000;  padding: 14px 30px 18px; }  .single-slider .slider-content-2 .slider-btn a i {    font-size: 16px;    color: #1f2226;    margin-left: 18px;    position: relative;    top: 2px;    -webkit-transition: all .3s ease 0s;    -o-transition: all .3s ease 0s;    transition: all .3s ease 0s; }  .single-slider .slider-content-2 .slider-btn a:hover {    color: #ffffff;    border: 2px solid #ff3535;    background-color: #ff3535; }  .single-slider .slider-content-2 .slider-btn a:hover i {    color: #ffffff; }.single-slider .slider-single-img {  margin-left: 40px;  margin-right: -90px; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .single-slider .slider-single-img {      margin-right: 0px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-slider .slider-single-img {      margin-right: 0px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-single-img {      margin-right: 0px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-single-img {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-single-img {      margin-right: 0px;      margin-left: 0px;      margin-top: 30px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .single-slider .slider-single-img {      margin-top: 0px; } }.single-slider .slider-single-img-2 {  margin-left: -22px;  margin-right: -42px; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: 0px;      margin-top: 50px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .single-slider .slider-single-img-2 {      margin-right: 0px;      margin-left: -22px;      margin-top: 0px; } }.single-slider .slider-single-img-3 {  margin-left: 25px;  margin-right: -77px; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .single-slider .slider-single-img-3 {      margin-right: 0px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-slider .slider-single-img-3 {      margin-right: 0px;      margin-left: 160px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-slider .slider-single-img-3 {      margin-right: 0px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider .slider-single-img-3 {      margin-right: 0px;      margin-left: 0px; } }  @media only screen and (max-width: 767px) {    .single-slider .slider-single-img-3 {      margin-right: 0px;      margin-left: 0px;      margin-top: 30px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .single-slider .slider-single-img-3 {      margin-top: 0px; } }.owl-item .slider-content * {  -webkit-animation-duration: 1.3s;  animation-duration: 1.3s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }.owl-item.active .slider-animated-1 h1 {  -webkit-animation-delay: 1.3s;  animation-delay: 1.3s;  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }.owl-item.active .slider-animated-1 p {  -webkit-animation-delay: 1.5s;  animation-delay: 1.5s;  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }.owl-item.active .slider-animated-1 a {  -webkit-animation-delay: 1.6s;  animation-delay: 1.6s;  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }.owl-item.active .slider-animated-1.slider-single-img img {  -webkit-animation-delay: 1.6s;  animation-delay: 1.6s;  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight; }.owl-item.active .slider-animated-1.slider-single-img-2 img {  -webkit-animation-delay: 1.6s;  animation-delay: 1.6s;  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight; }.owl-item.active .slider-animated-1.slider-single-img-3 img {  -webkit-animation-delay: 1.6s;  animation-delay: 1.6s;  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight; }.nav-style-1.owl-carousel .owl-nav div {  color: #1f2226;  display: inline-block;  font-size: 22px;  left: 18px;  opacity: 0;  visibility: hidden;  position: absolute;  text-align: center;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  -webkit-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  border: 1px solid #e1e2e2;  background-color: #ffffff;  display: inline-block;  width: 60px;  height: 60px;  line-height: 60px;  border-radius: 100%; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .nav-style-1.owl-carousel .owl-nav div {      width: 50px;      height: 50px;      line-height: 50px;      font-size: 15px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .nav-style-1.owl-carousel .owl-nav div {      width: 40px;      height: 40px;      line-height: 40px;      font-size: 15px; } }  @media only screen and (max-width: 767px) {    .nav-style-1.owl-carousel .owl-nav div {      width: 40px;      height: 40px;      line-height: 40px;      font-size: 15px; } }  .nav-style-1.owl-carousel .owl-nav div:hover {    background-color: #ff3535;    color: #ffffff;    border: 1px solid #ff3535; }  .nav-style-1.owl-carousel .owl-nav div.owl-next {    left: auto;    right: 18px; }.slider-area:hover .nav-style-1.owl-carousel >.owl-nav div {  opacity: 1;  visibility: visible; }.section-padding-1 {  padding: 0 50px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .section-padding-1 {      padding: 0 15px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .section-padding-1 {      padding: 0 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .section-padding-1 {      padding: 0 40px; } }  @media only screen and (max-width: 767px) {    .section-padding-1 {      padding: 0 15px; } }.section-padding-2 {  padding: 0 25px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .section-padding-2 {      padding: 0 15px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .section-padding-2 {      padding: 0 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .section-padding-2 {      padding: 0 40px; } }  @media only screen and (max-width: 767px) {    .section-padding-2 {      padding: 0 15px; } }.section-padding-3 .container-fluid {  padding: 0 100px; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .section-padding-3 .container-fluid {      padding: 0 50px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .section-padding-3 .container-fluid {      padding: 0 15px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .section-padding-3 .container-fluid {      padding: 0 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .section-padding-3 .container-fluid {      padding: 0 40px; } }  @media only screen and (max-width: 767px) {    .section-padding-3 .container-fluid {      padding: 0 15px; } }.section-margin-1 {  margin: 0 50px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .section-margin-1 {      margin: 0 15px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .section-margin-1 {      margin: 0 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .section-margin-1 {      margin: 0 40px; } }  @media only screen and (max-width: 767px) {    .section-margin-1 {      margin: 0 15px; } }.slider-height-2 {  height: 840px;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .slider-height-2 {      height: 700px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .slider-height-2 {      height: 600px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .slider-height-2 {      height: 530px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-height-2 {      height: 400px; } }  @media only screen and (max-width: 767px) {    .slider-height-2 {      height: auto;      display: block;      -webkit-box-align: inherit;      -ms-flex-align: inherit;      align-items: inherit; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .slider-height-2 {      height: 350px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: end;      -ms-flex-align: end;      align-items: flex-end; } }.slider-area {  position: relative; }  .slider-area .nav-style-2 .owl-nav {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    right: 50px; }    @media only screen and (max-width: 767px) {      .slider-area .nav-style-2 .owl-nav {        right: 20px; } }    .slider-area .nav-style-2 .owl-nav div {      color: #000000;      width: 50px;      height: 50px;      line-height: 53px;      border-radius: 100%;      background-color: #fff;      text-align: center;      font-size: 20px;      -webkit-transition: all .3s ease 0s;      -o-transition: all .3s ease 0s;      transition: all .3s ease 0s; }      @media only screen and (max-width: 767px) {        .slider-area .nav-style-2 .owl-nav div {          width: 40px;          height: 40px;          line-height: 43px;          font-size: 15px; } }      .slider-area .nav-style-2 .owl-nav div:hover {        background-color: #1f2226;        color: #ffffff; }    .slider-area .nav-style-2 .owl-nav .owl-prev {      margin-bottom: 62px; }    .slider-area .nav-style-2 .owl-nav .owl-next {      margin-top: 63px; }  .slider-area .nav-style-2.nav-dot-left .owl-nav {    left: 50px; }  .slider-area .dot-style-1 .owl-dots {    right: 68px;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }    @media only screen and (max-width: 767px) {      .slider-area .dot-style-1 .owl-dots {        right: 35px; } }    .slider-area .dot-style-1 .owl-dots .owl-dot {      background-color: transparent;      border: 1px solid #747474;      border-radius: 50px;      display: block;      height: 10px;      margin: 14px 0px;      width: 10px; }      .slider-area .dot-style-1 .owl-dots .owl-dot.active {        background-color: #1f2226;        border: 1px solid #1f2226; }.slider-height-3 {  height: 840px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (min-width: 1366px) and (max-width: 1600px) {    .slider-height-3 {      height: 700px; } }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .slider-height-3 {      height: 600px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .slider-height-3 {      height: 530px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-height-3 {      height: 500px; } }  @media only screen and (max-width: 767px) {    .slider-height-3 {      height: auto;      display: block;      -webkit-box-align: inherit;      -ms-flex-align: inherit;      align-items: inherit;      padding: 40px 0 40px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .slider-height-3 {      height: 420px;      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: center;      -ms-flex-align: center;      align-items: center;      padding: 0px 0 0px; } }.slider-area .nav-style-3 .owl-nav {  position: absolute;  bottom: 80px;  left: 100px; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .slider-area .nav-style-3 .owl-nav {      bottom: 30px;      left: 15px; } }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .slider-area .nav-style-3 .owl-nav {      bottom: 30px;      left: 15px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-area .nav-style-3 .owl-nav {      bottom: 30px;      left: 40px; } }  @media only screen and (max-width: 767px) {    .slider-area .nav-style-3 .owl-nav {      bottom: 40px;      left: 15px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .slider-area .nav-style-3 .owl-nav {      bottom: 20px;      left: 10px; } }  .slider-area .nav-style-3 .owl-nav div {    color: #000000;    width: 50px;    height: 50px;    line-height: 53px;    border-radius: 100%;    background-color: #fff;    text-align: center;    font-size: 20px;    -webkit-transition: all .3s ease 0s;    -o-transition: all .3s ease 0s;    transition: all .3s ease 0s;    position: relative; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .slider-area .nav-style-3 .owl-nav div {        width: 40px;        height: 40px;        line-height: 42px;        font-size: 14px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .slider-area .nav-style-3 .owl-nav div {        width: 40px;        height: 40px;        line-height: 42px;        font-size: 14px; } }    @media only screen and (max-width: 767px) {      .slider-area .nav-style-3 .owl-nav div {        width: 40px;        height: 40px;        line-height: 42px;        font-size: 14px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .slider-area .nav-style-3 .owl-nav div {        width: 30px;        height: 30px;        line-height: 32px;        font-size: 14px; } }    .slider-area .nav-style-3 .owl-nav div:hover {      background-color: #1f2226;      color: #ffffff; }    .slider-area .nav-style-3 .owl-nav div span {      position: absolute;      left: 65px;      top: 0;      opacity: 0;      visibility: hidden;      font-size: 16px;      font-weight: 500;      letter-spacing: 2px;      color: #000;      -webkit-transition: all .4s ease 0s;      -o-transition: all .4s ease 0s;      transition: all .4s ease 0s; }    .slider-area .nav-style-3 .owl-nav div.owl-prev {      margin-bottom: 13px; }      .slider-area .nav-style-3 .owl-nav div.owl-prev:hover span {        opacity: 1;        visibility: visible;        left: 75px; }    .slider-area .nav-style-3 .owl-nav div.owl-next {      margin-top: 13px; }      .slider-area .nav-style-3 .owl-nav div.owl-next:hover span {        opacity: 1;        visibility: visible;        left: 75px; }/*-------- 4. Banner style ---------*/.single-banner {  position: relative;  overflow: hidden; }  .single-banner a img {    width: 100%;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    -webkit-transition: all .5s ease 0s;    -o-transition: all .5s ease 0s;    transition: all .5s ease 0s; }  .single-banner .banner-content {    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }    .single-banner .banner-content.banner-position-1 {      left: 75px; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .single-banner .banner-content.banner-position-1 {          left: 45px; } }      @media only screen and (max-width: 767px) {        .single-banner .banner-content.banner-position-1 {          left: 20px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .single-banner .banner-content.banner-position-1 {          left: 40px; } }    .single-banner .banner-content.banner-position-2 {      right: 70px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .single-banner .banner-content.banner-position-2 {          right: 45px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .single-banner .banner-content.banner-position-2 {          right: 30px; } }      @media only screen and (max-width: 767px) {        .single-banner .banner-content.banner-position-2 {          right: 20px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .single-banner .banner-content.banner-position-2 {          right: 40px; } }    .single-banner .banner-content.banner-position-3 {      left: 46%; }    .single-banner .banner-content.banner-position-4 {      left: 12%;      text-align: right; }      .single-banner .banner-content.banner-position-4 h2 {        margin: 17px 0 36px; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .single-banner .banner-content.banner-position-4 h2 {            margin: 4px 0 10px; } }        @media only screen and (max-width: 767px) {          .single-banner .banner-content.banner-position-4 h2 {            margin: 6px 0 8px;            font-size: 18px;            line-height: 24px; } }        @media only screen and (min-width: 576px) and (max-width: 767px) {          .single-banner .banner-content.banner-position-4 h2 {            font-size: 28px;            line-height: 35px;            margin: 14px 0 16px; } }    .single-banner .banner-content.banner-position-6 {      position: absolute;      bottom: 46px;      right: 45px;      top: inherit;      -webkit-transform: inherit;      -ms-transform: inherit;      transform: inherit; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .single-banner .banner-content.banner-position-6 {          right: 20px; } }      @media only screen and (max-width: 767px) {        .single-banner .banner-content.banner-position-6 {          right: 24px;          bottom: 30px; } }    .single-banner .banner-content h3 {      font-size: 16px;      font-weight: 600;      line-height: 26px;      margin: 0;      text-transform: uppercase; }    .single-banner .banner-content h2 {      font-size: 28px;      line-height: 35px;      margin: 24px 0 36px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .single-banner .banner-content h2 {          margin: 14px 0 16px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .single-banner .banner-content h2 {          font-size: 20px;          line-height: 25px;          margin: 4px 0 10px; } }      @media only screen and (max-width: 767px) {        .single-banner .banner-content h2 {          margin: 6px 0 8px;          font-size: 18px;          line-height: 24px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .single-banner .banner-content h2 {          font-size: 28px;          line-height: 35px;          margin: 14px 0 16px; } }    .single-banner .banner-content a {      text-transform: uppercase;      font-weight: 600;      font-size: 12px;      display: inline-block;      line-height: 1;      border-bottom: 1px solid #a5a49d;      padding-bottom: 1px; }      .single-banner .banner-content a:hover {        border-bottom: 1px solid #ff3535; }  .single-banner .banner-content-2 h4 {    font-weight: bold;    font-size: 18px;    letter-spacing: .3px;    margin: 0;    line-height: 1;    text-transform: uppercase; }  .single-banner .banner-content-2.banner-position-5 {    position: absolute;    left: 40px;    top: 30px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-banner .banner-content-2.banner-position-5 {        left: 15px; } }  .single-banner .banner-content-3 h2 {    font-size: 28px;    margin: 0 0 18px;    line-height: 1; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-banner .banner-content-3 h2 {        font-size: 20px;        margin: 0 0 12px; } }    @media only screen and (max-width: 767px) {      .single-banner .banner-content-3 h2 {        font-size: 20px;        margin: 0 0 12px; } }  .single-banner .banner-content-3 a {    text-transform: uppercase;    font-weight: 600;    font-size: 12px;    display: inline-block;    line-height: 1;    border-bottom: 1px solid #a5a49d;    padding-bottom: 1px; }    .single-banner .banner-content-3 a:hover {      border-bottom: 1px solid #ff3535; }  .single-banner .banner-content-3.banner-position-7 {    position: absolute;    left: 0px;    bottom: 45px;    right: 0;    text-align: center; }  .single-banner .banner-content-4 h3 {    font-size: 26px;    font-weight: 500;    margin: 0;    color: #000000;    line-height: 36px; }    @media only screen and (max-width: 767px) {      .single-banner .banner-content-4 h3 {        line-height: 30px;        font-size: 20px; } }  .single-banner .banner-content-4.banner-position-8 {    position: absolute;    left: 50px;    top: 38px; }    @media only screen and (max-width: 767px) {      .single-banner .banner-content-4.banner-position-8 {        left: 20px;        top: 15px; } }  .single-banner .banner-content-4.banner-position-9 {    position: absolute;    left: 50px;    bottom: 44px; }    @media only screen and (max-width: 767px) {      .single-banner .banner-content-4.banner-position-9 {        left: 20px;        bottom: 19px; } }  .single-banner:hover a img {    -webkit-transform: scale(1.1);    -ms-transform: scale(1.1);    transform: scale(1.1); }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-banner.mb-130 {      margin-bottom: 30px; } }  @media only screen and (max-width: 767px) {    .single-banner.mb-130 {      margin-bottom: 30px; } }.banner-bg-content h3 {  font-size: 18px;  font-weight: 600;  line-height: 26px;  margin: 0;  text-transform: uppercase; }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .banner-bg-content h3 {      font-size: 16px;      line-height: 22px; } }.banner-bg-content h2 {  font-size: 45px;  line-height: 55px;  margin: 7px 0 14px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .banner-bg-content h2 {      font-size: 30px;      line-height: 40px; } }  @media only screen and (max-width: 767px) {    .banner-bg-content h2 {      font-size: 28px;      line-height: 40px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .banner-bg-content h2 {      font-size: 22px;      line-height: 30px; } }.banner-bg-content a {  text-transform: uppercase;  font-weight: 600;  font-size: 12px;  display: inline-block;  line-height: 1;  border-bottom: 1px solid #a5a49d;  padding-bottom: 1px; }  .banner-bg-content a:hover {    border-bottom: 1px solid #ff3535; }@media only screen and (min-width: 1200px) and (max-width: 1365px) {  .banner-bg-content.pl-100 {    padding-left: 50px; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-bg-content.pl-100 {    padding-left: 0px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-bg-content.pl-100 {    padding-left: 0px; } }@media only screen and (max-width: 767px) {  .banner-bg-content.pl-100 {    padding-left: 0px; } }.banner-img-2 a img {  width: 100%; }@media only screen and (max-width: 767px) {  .banner-img-2 {    margin-bottom: 30px; }    .banner-img-2.pr-10 {      padding-right: 0px; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .banner-img-2 {    margin-bottom: 0px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-h3-wrap.pl-100 {    padding-left: 0px; } }@media only screen and (max-width: 767px) {  .banner-h3-wrap.pl-100 {    padding-left: 0px; } }/*-------- 5. Secting title style ---------*/.section-title h2 {  font-size: 30px;  font-weight: 500;  letter-spacing: .25px;  margin: 0 0 18px; }  @media only screen and (max-width: 767px) {    .section-title h2 {      font-size: 27px;      margin: 0 0 8px; } }.section-title p {  color: #5a5a5a;  margin: 0 auto;  width: 38%; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .section-title p {      width: 46%; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .section-title p {      width: 58%; } }  @media only screen and (max-width: 767px) {    .section-title p {      width: 100%; } }@media only screen and (max-width: 767px) {  .section-title.pb-60 {    padding-bottom: 30px; }  .section-title.pb-45 {    padding-bottom: 30px; } }/*-------- 6. Product style ---------*/.product-tab-list {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }  .product-tab-list a {    display: inline-block;    margin: 0 10px; }    @media only screen and (max-width: 767px) {      .product-tab-list a {        margin: 0 4px 10px; }        .product-tab-list a:last-child {          margin: 0 4px 0px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .product-tab-list a {        margin: 0 10px 0px; } }    .product-tab-list a h4 {      font-size: 14px;      line-height: 1;      background-color: #f1f1f1;      padding: 14px 20px 17px;      margin: 0;      text-transform: uppercase; }      @media only screen and (max-width: 767px) {        .product-tab-list a h4 {          padding: 9px 15px 12px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .product-tab-list a h4 {          padding: 9px 15px 12px; } }    .product-tab-list a.active h4 {      background-color: #1f2226;      color: #ffffff; }  @media only screen and (max-width: 767px) {    .product-tab-list.pb-60 {      padding-bottom: 30px; } }/*Product Wrap*/.ht-products {  -webkit-box-sizing: border-box;  box-sizing: border-box; }  .ht-products * {    -webkit-box-sizing: border-box;    box-sizing: border-box; }  .ht-products .ht-product .ht-product-inner {    border: 1px solid #f1f1f1;    -webkit-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;    position: relative;    overflow: hidden; }    .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap {      position: absolute;      left: 0;      width: 100%;      bottom: 0;      display: none; }      .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown {        max-width: 370px;        padding: 8px;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        margin: auto; }        .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single {          -webkit-box-flex: 1;          -ms-flex: 1 0 25%;          flex: 1 0 25%;          max-width: 25%;          padding: 2px; }          .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {            padding: 10px;            background-color: rgba(0, 0, 0, 0.75);            text-align: center; }            .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner h3 {              font-size: 14px;              font-weight: 700;              margin: 0 0 2px;              color: #ffffff; }            .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner p {              font-size: 12px;              color: #ffffff;              margin: 0; }    .ht-products .ht-product .ht-product-inner .ht-product-image-wrap {      position: relative;      overflow: hidden; }      .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label {        font-size: 13px;        text-transform: uppercase;        font-weight: 700;        position: absolute;        top: 12px;        z-index: 3;        font-family: "Roboto", sans-serif;        color: #444; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-left {          left: 30px;          right: auto; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right {          left: auto;          right: 30px; }      .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image {        display: -webkit-box;        display: -ms-flexbox;        display: flex; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img {          width: 100%;          -ms-flex-item-align: start;          align-self: flex-start; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider {          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -webkit-box-orient: vertical;          -webkit-box-direction: normal;          -ms-flex-direction: column;          flex-direction: column;          width: 100%;          margin-bottom: 25px; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow {            position: absolute;            top: 50%;            -webkit-transform: translateY(-50%);            -ms-transform: translateY(-50%);            transform: translateY(-50%);            width: 20px;            height: 30px;            border: none;            background-color: transparent;            text-align: center;            padding: 0;            cursor: pointer;            z-index: 99; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow i {              font-size: 18px;              line-height: 30px; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-prev {              left: 15px; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-next {              right: 15px; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:focus {              outline: none; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:hover {              color: #000000; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots {            position: absolute;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            list-style: none;            margin: 0;            padding: 0;            left: 0;            bottom: -25px;            width: 100%;            -webkit-box-pack: center;            -ms-flex-pack: center;            justify-content: center; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li {              margin: 0 5px; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li button {                display: block;                text-indent: -99999px;                padding: 0;                width: 10px;                height: 10px;                border: none;                border-radius: 50%;                background-color: #cccccc;                cursor: pointer; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li.slick-active button {                background-color: #666666; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-slide {            height: auto; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab {          overflow: hidden;          width: 100%; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane {            display: none; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane.active {              display: block; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a {              display: block; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a img {                width: 100%; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links {          position: absolute;          left: 50%;          bottom: 15px;          -webkit-transform: translateX(-50%);          -ms-transform: translateX(-50%);          transform: translateX(-50%);          margin: 0;          padding: 0;          list-style: none;          width: 150px;          display: -webkit-box;          display: -ms-flexbox;          display: flex; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li {            width: 33.333333%;            padding: 0 2px; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a {              display: block;              border: 3px solid rgba(0, 0, 0, 0.55); }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a.active {                border-color: rgba(255, 53, 53, 0.55); }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a img {                width: 100%; }      .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        position: absolute;        left: 25px;        right: auto;        top: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);        z-index: 9; }        .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul {          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -webkit-box-orient: vertical;          -webkit-box-direction: normal;          -ms-flex-direction: column;          flex-direction: column;          list-style: none;          margin: -5px;          padding: 0; }          .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {            padding: 5px; }            .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a {              color: #000000;              text-decoration: none;              display: -webkit-box;              display: -ms-flexbox;              display: flex;              -webkit-box-align: center;              -ms-flex-align: center;              align-items: center;              -webkit-box-pack: center;              -ms-flex-pack: center;              justify-content: center;              width: 30px;              height: 30px;              position: relative;              -webkit-transition: all 0.3s ease;              -o-transition: all 0.3s ease;              transition: all 0.3s ease; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a i {                font-size: 20px; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {                position: absolute;                left: 100%;                top: 50%;                display: block;                -webkit-transform: translateY(-50%);                -ms-transform: translateY(-50%);                transform: translateY(-50%);                font-size: 10px;                line-height: 1;                color: #f1f1f1;                background-color: #282828;                padding: 5px 10px;                border-radius: 50px;                white-space: nowrap;                opacity: 0;                visibility: hidden;                margin-left: -10px;                -webkit-transition: all 0.5s ease;                -o-transition: all 0.5s ease;                transition: all 0.5s ease; }              .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover {                color: #ff3535; }                .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {                  opacity: 1;                  visibility: visible;                  margin-left: 0; }    .ht-products .ht-product .ht-product-inner .ht-product-content {      padding: 27px 24px 30px; }      .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner {        position: relative; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner >* {          margin-top: 0; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner >*:last-child {            margin-bottom: 0; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories {          position: relative;          padding-left: 30px;          display: -webkit-box;          display: -ms-flexbox;          display: flex;          margin-bottom: 15px; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before {            content: "";            position: absolute;            left: 0;            top: 50%;            -webkit-transform: translateY(-50%);            -ms-transform: translateY(-50%);            transform: translateY(-50%);            width: 20px;            height: 1px;            background-color: #949494; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a {            color: inherit;            text-decoration: none;            font-size: 14px;            line-height: 1;            -webkit-transition: all 0.3s ease;            -o-transition: all 0.3s ease;            transition: all 0.3s ease; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover {              color: #ff3535; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title {          font-size: 18px;          line-height: 1.2;          font-weight: 400;          margin-bottom: 10px;          font-family: "Roboto", sans-serif; }          @media only screen and (min-width: 992px) and (max-width: 1199px) {            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title {              font-size: 17px; } }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a {            text-decoration: none;            -webkit-transition: all 0.3s ease;            -o-transition: all 0.3s ease;            transition: all 0.3s ease;            color: #444; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover {              color: #ff3535; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price {          display: -webkit-box;          display: -ms-flexbox;          display: flex;          -webkit-box-align: center;          -ms-flex-align: center;          align-items: center;          margin-bottom: 14px; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span {            line-height: 1;            font-weight: 700; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span.old {              font-size: 13px;              text-decoration: line-through;              color: #4a4a4a;              font-weight: 400; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span.new {              font-size: 20px;              margin-right: 8px;              color: #ff3535; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap {          display: -webkit-box;          display: -ms-flexbox;          display: flex; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            position: relative;            margin-left: -3px;            margin-right: -3px; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {              font-size: 16px;              line-height: 14px;              font-weight: 400;              padding-left: 3px;              padding-right: 5px;              color: #aaaaaa; }              .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i:last-child {                margin-right: 0; }              @media only screen and (min-width: 992px) and (max-width: 1199px) {                .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {                  font-size: 14px; } }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting {              display: -webkit-box;              display: -ms-flexbox;              display: flex;              overflow: hidden;              position: absolute;              left: 5px;              top: 0;              z-index: 3;              margin-left: -5px;              margin-right: -5px; }              .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i {                color: #e7a415; }      .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap {        position: static;        display: none;        margin-top: 20px; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown {          padding: 0;          margin: -10px -5px; }      .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action {        display: none;        -webkit-box-pack: start;        -ms-flex-pack: start;        justify-content: flex-start;        position: relative;        z-index: 99; }        .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul {          display: -webkit-box;          display: -ms-flexbox;          display: flex;          margin: -5px -15px;          list-style: none;          padding: 20px 0 0; }          .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li {            padding: 5px 10px; }            .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a {              color: #000000;              text-decoration: none;              display: -webkit-box;              display: -ms-flexbox;              display: flex;              -webkit-box-align: center;              -ms-flex-align: center;              align-items: center;              -webkit-box-pack: center;              -ms-flex-pack: center;              justify-content: center;              width: 30px;              height: 30px;              position: relative;              -webkit-transition: all 0.3s ease;              -o-transition: all 0.3s ease;              transition: all 0.3s ease; }              .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a i {                font-size: 20px; }              .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a .ht-product-action-tooltip {                position: absolute;                display: block;                font-size: 10px;                line-height: 1;                color: #f1f1f1;                background-color: #282828;                padding: 5px 10px;                border-radius: 50px;                white-space: nowrap;                opacity: 0;                visibility: hidden;                -webkit-transition: all 0.5s ease;                -o-transition: all 0.5s ease;                transition: all 0.5s ease;                left: 50%;                right: auto;                top: auto;                bottom: 100%;                -webkit-transform: translateX(-50%) translateY(10px);                -ms-transform: translateX(-50%) translateY(10px);                transform: translateX(-50%) translateY(10px);                margin-left: 0;                margin-right: 0; }              .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a:hover {                color: #ff3535; }                .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a:hover .ht-product-action-tooltip {                  opacity: 1;                  visibility: visible;                  margin-left: 0;                  -webkit-transform: translateX(-50%) translateY(0);                  -ms-transform: translateX(-50%) translateY(0);                  transform: translateX(-50%) translateY(0); }    .ht-products .ht-product .ht-product-inner:hover {      -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }  .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {    background-color: rgba(0, 0, 0, 0.75); }    .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {      background-color: transparent;      padding: 0; }  .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap {    margin-bottom: -30px;    margin-left: -30px;    margin-right: -30px;    margin-top: 30px;    width: auto; }    .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown {      background-color: rgba(0, 0, 0, 0.75); }      .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single {        padding: 10px 5px; }        .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {          background-color: transparent;          padding: 0; }  .ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner, .ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {    padding: 5px 3px; }  .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {    bottom: auto;    top: 0;    width: auto;    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      height: auto; }      .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single {        max-width: 100%;        -webkit-box-flex: 1;        -ms-flex: 1 0 auto;        flex: 1 0 auto; }        .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {          padding: 7px 10px; }  .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {    bottom: auto;    top: 0;    left: auto;    right: 0;    width: auto;    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {      -webkit-box-orient: vertical;      -webkit-box-direction: normal;      -ms-flex-direction: column;      flex-direction: column;      height: auto; }      .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single {        max-width: 100%;        -webkit-box-flex: 1;        -ms-flex: 1 0 auto;        flex: 1 0 auto; }        .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {          padding: 7px 10px; }  .ht-products .ht-product.ht-product-countdown-middle .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {    display: block;    bottom: auto;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }  .ht-products .ht-product.ht-product-countdown-bottom .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {    display: block; }  .ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap {    display: block; }    .ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single {      padding: 10px 5px; }  .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action {    left: auto;    right: 25px; }    .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {      left: auto;      right: 100%;      margin-left: 0;      margin-right: -10px; }    .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {      margin-right: 0; }  .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action {    left: 0;    right: 0;    top: auto;    -webkit-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);    bottom: 15px; }    .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul {      -webkit-box-orient: horizontal;      -webkit-box-direction: normal;      -ms-flex-direction: row;      flex-direction: row;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      margin: -10px; }      .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {        padding: 10px; }        .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {          left: 50%;          right: auto;          top: auto;          bottom: 100%;          -webkit-transform: translateX(-50%) translateY(10px);          -ms-transform: translateX(-50%) translateY(10px);          transform: translateX(-50%) translateY(10px);          margin-left: 0;          margin-right: 0; }        .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {          -webkit-transform: translateX(-50%) translateY(0);          -ms-transform: translateX(-50%) translateY(0);          transform: translateX(-50%) translateY(0); }  .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action {    left: 0;    right: 0; }    .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul {      -webkit-box-orient: horizontal;      -webkit-box-direction: normal;      -ms-flex-direction: row;      flex-direction: row;      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center;      margin: -10px; }      .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {        padding: 10px; }        .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {          left: 50%;          right: auto;          top: auto;          bottom: 100%;          -webkit-transform: translateX(-50%) translateY(10px);          -ms-transform: translateX(-50%) translateY(10px);          transform: translateX(-50%) translateY(10px);          margin-left: 0;          margin-right: 0; }        .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {          -webkit-transform: translateX(-50%) translateY(0);          -ms-transform: translateX(-50%) translateY(0);          transform: translateX(-50%) translateY(0); }  .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-image-wrap .ht-product-action {    display: none; }  .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-content .ht-product-action {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }  .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateX(-30px);    -ms-transform: translateX(-30px);    transform: translateX(-30px);    opacity: 0;    visibility: hidden;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; }    .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(2) {      -webkit-transition: all 0.3s ease 0.2s;      -o-transition: all 0.3s ease 0.2s;      transition: all 0.3s ease 0.2s; }    .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(3) {      -webkit-transition: all 0.3s ease 0.4s;      -o-transition: all 0.3s ease 0.4s;      transition: all 0.3s ease 0.4s; }    .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(4) {      -webkit-transition: all 0.3s ease 0.6s;      -o-transition: all 0.3s ease 0.6s;      transition: all 0.3s ease 0.6s; }  .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    visibility: visible; }  .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateX(30px);    -ms-transform: translateX(30px);    transform: translateX(30px); }  .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0); }  .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateY(30px);    -ms-transform: translateY(30px);    transform: translateY(30px); }  .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {    -webkit-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0); }  .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul {    margin: 0;    background-color: #ffffff;    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);    overflow: hidden; }    .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul:hover {      overflow: visible; }    .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {      margin-left: 10px;      margin-right: 10px; }      .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {        margin-top: 15px; }      .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {        margin-bottom: 15px; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-round .ht-product-inner .ht-product-image-wrap .ht-product-action ul {    border-radius: 50px; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action {    bottom: 20px; }    .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {      margin-top: 5px;      margin-bottom: 5px;      margin-left: 0;      margin-right: 0; }      .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {        margin-left: 15px; }      .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {        margin-right: 15px; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {    margin-top: 5px;    margin-bottom: 5px;    margin-left: 0;    margin-right: 0; }    .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {      margin-left: 15px; }    .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {      margin-right: 15px; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul {    height: auto;    width: 0;    -webkit-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease; }    .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {      -webkit-transform: translateX(0);      -ms-transform: translateX(0);      transform: translateX(0);      opacity: 1;      visibility: visible;      -webkit-transition: none;      -o-transition: none;      transition: none; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul {    width: 60px; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul {    width: auto;    height: 0; }  .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul {    height: 60px; }    .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {      -webkit-transform: translateY(0);      -ms-transform: translateY(0);      transform: translateY(0); }  .ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories {    position: absolute;    right: 0;    bottom: 0;    margin: 0; }  .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price {    margin: 0; }  .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap {    position: absolute;    top: 0;    right: 0; }.tab-content.jump .tab-pane {  display: block;  height: 0;  opacity: 0;  overflow: hidden; }  .tab-content.jump .tab-pane.active {    display: block;    height: auto;    opacity: 1;    overflow: visible; }.tab-content.jump-2 .tab-pane {  display: inherit;  height: 0;  opacity: 0;  overflow: hidden;  -webkit-transform: scale(0.8);  -ms-transform: scale(0.8);  transform: scale(0.8);  -webkit-transition: all .6s ease-in-out;  -o-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }  .tab-content.jump-2 .tab-pane.active {    height: auto;    opacity: 1;    overflow: visible;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1); }.modal-dialog {  margin: 2% auto 8%;  max-width: 960px;  width: 960px;  padding: 35px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .modal-dialog {      width: 720px;      max-width: 720px; } }  @media only screen and (max-width: 767px) {    .modal-dialog {      width: 100%;      max-width: 100%;      padding: 35px 0; } }  .modal-dialog .modal-header .close {    color: #333;    cursor: pointer;    opacity: 1; }    .modal-dialog .modal-header .close:hover {      color: #ff3535; }  .modal-dialog .modal-body {    padding: 35px 15px; }  .modal-dialog .quickview-big-img img {    width: 100%; }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .product-details-content.ml-70 {    margin-left: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .product-details-content.ml-70 {    margin-left: 0; } }@media only screen and (max-width: 767px) {  .product-details-content.ml-70 {    margin-left: 0;    margin-top: 30px; } }@media only screen and (max-width: 767px) {  .product-details-content.quickview-content {    margin-top: 30px; } }.product-details-content h2 {  font-size: 24px;  margin: 0 0 0px;  line-height: 1;  font-weight: 500; }  @media only screen and (max-width: 767px) {    .product-details-content h2 {      font-size: 20px; } }.product-details-content .product-details-price {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin: 15px 0 26px; }  .product-details-content .product-details-price span {    font-size: 24px;    color: #ff3535;    font-weight: 700; }    .product-details-content .product-details-price span.old {      color: #4a4a4a;      font-size: 18px;      text-decoration: line-through;      margin-left: 20px;      font-weight: 400; }.product-details-content .pro-details-rating-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin: 0 0 17px; }  .product-details-content .pro-details-rating-wrap .pro-details-rating {    position: relative;    margin-right: 39px; }    .product-details-content .pro-details-rating-wrap .pro-details-rating:before {      position: absolute;      right: -19px;      top: 4px;      content: "";      height: 15px;      width: 2px;      background-color: #d1d1d1; }    .product-details-content .pro-details-rating-wrap .pro-details-rating i {      color: #5f5d5d;      font-size: 17px;      margin-right: 5px; }      .product-details-content .pro-details-rating-wrap .pro-details-rating i.yellow {        color: #ffa900; }  .product-details-content .pro-details-rating-wrap span a {    font-size: 15px;    color: #ff3535; }    .product-details-content .pro-details-rating-wrap span a:hover {      color: #000; }.product-details-content p {  font-size: 14px;  line-height: 28px;  margin: 0; }.product-details-content .pro-details-list {  margin: 20px 0 34px;  border-bottom: 1px solid #e5e5e5;  padding: 0 0 37px; }  .product-details-content .pro-details-list ul li {    margin: 0 0 5px; }    .product-details-content .pro-details-list ul li:last-child {      margin: 0; }.product-details-content .pro-details-size-color {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (max-width: 767px) {    .product-details-content .pro-details-size-color {      display: block; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .product-details-content .pro-details-size-color {      display: -webkit-box;      display: -ms-flexbox;      display: flex; } }  .product-details-content .pro-details-size-color .pro-details-color-wrap {    margin-right: 20px;    overflow: hidden; }    @media only screen and (max-width: 767px) {      .product-details-content .pro-details-size-color .pro-details-color-wrap {        margin-bottom: 20px; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .product-details-content .pro-details-size-color .pro-details-color-wrap {        margin-bottom: 0px; } }    .product-details-content .pro-details-size-color .pro-details-color-wrap span {      display: block;      font-weight: 500;      margin: 0 0 15px;      font-size: 15px; }    .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li {      border-radius: 50px;      cursor: pointer;      display: block;      float: left;      height: 14px;      margin-right: 15px;      position: relative;      -webkit-transition: all 0.4s ease 0s;      -o-transition: all 0.4s ease 0s;      transition: all 0.4s ease 0s;      width: 14px; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li:last-child {        margin-right: 0px; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.blue {        background-color: #4798f3;        border: 1px solid #4798f3; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.maroon {        background-color: #736751;        border: 1px solid #736751; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.gray {        background-color: #c0c0c0;        border: 1px solid #c0c0c0; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.green {        background-color: #139c57;        border: 1px solid #139c57; }      .product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.yellow {        background-color: #e28b37;        border: 1px solid #e28b37; }  .product-details-content .pro-details-size-color .pro-details-size span {    display: block;    font-weight: 500;    margin: 0 0 10px;    font-size: 15px; }  .product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li {    display: inline-block;    list-style: outside none none;    margin: 0 2px 0 0; }    .product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a {      background-color: #f1f2f6;      color: #000;      display: inline-block;      font-size: 12px;      line-height: 1;      padding: 6px 9px 7px;      text-transform: uppercase; }      .product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a:hover {        background-color: #ff3535;        color: #fff; }.product-details-content .pro-details-affiliate {  margin: 30px 0 25px; }  .product-details-content .pro-details-affiliate a {    color: #fff;    display: inline-block;    font-weight: 600;    background-color: #000;    line-height: 1;    padding: 14px 30px 15px;    z-index: 9;    text-transform: uppercase;    font-size: 13px; }    .product-details-content .pro-details-affiliate a:hover {      background-color: #ff3535; }.product-details-content .pro-details-quality {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-top: 40px;  margin-bottom: 34px; }  .product-details-content .pro-details-quality .cart-plus-minus {    border: 1px solid #e8e8e8;    display: inline-block;    height: 60px;    overflow: hidden;    padding: 0;    position: relative;    width: 80px; }    .product-details-content .pro-details-quality .cart-plus-minus .qtybutton {      color: #8f8f8f;      cursor: pointer;      float: inherit;      font-size: 14px;      font-weight: 500;      line-height: 20px;      margin: 0;      position: absolute;      text-align: center;      -webkit-transition: all 0.3s ease 0s;      -o-transition: all 0.3s ease 0s;      transition: all 0.3s ease 0s;      width: 24px; }    .product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {      height: 60px;      left: 0;      padding-top: 20px;      top: 0; }    .product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {      height: 60px;      padding-top: 20px;      right: 0;      top: 0; }    .product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {      background: transparent none repeat scroll 0 0;      border: medium none;      color: #8f8f8f;      float: left;      font-size: 14px;      height: 60px;      margin: 0;      padding: 0;      text-align: center;      width: 80px; }  .product-details-content .pro-details-quality .pro-details-cart {    margin: 0 25px 0 10px; }    @media only screen and (max-width: 767px) {      .product-details-content .pro-details-quality .pro-details-cart {        margin: 0 10px 0 10px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .product-details-content .pro-details-quality .pro-details-cart {        margin: 0 17px 0 10px; } }    .product-details-content .pro-details-quality .pro-details-cart a {      color: #fff;      font-weight: 600;      font-size: 13px;      text-transform: uppercase;      background-color: #1f2226;      display: inline-block;      line-height: 1;      padding: 23px 38px 23px;      z-index: 99; }      .product-details-content .pro-details-quality .pro-details-cart a:hover {        background-color: #ff3535; }      @media only screen and (max-width: 767px) {        .product-details-content .pro-details-quality .pro-details-cart a {          padding: 23px 12px 23px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .product-details-content .pro-details-quality .pro-details-cart a {          padding: 22px 22px 22px; } }      .product-details-content .pro-details-quality .pro-details-cart a:hover {        border: none; }  .product-details-content .pro-details-quality .pro-details-wishlist a {    font-size: 18px;    color: #1f2226; }    .product-details-content .pro-details-quality .pro-details-wishlist a:hover {      color: #ff3535; }  .product-details-content .pro-details-quality .pro-details-compare a {    font-size: 18px;    margin-left: 25px; }    @media only screen and (max-width: 767px) {      .product-details-content .pro-details-quality .pro-details-compare a {        margin-left: 10px; } }    .product-details-content .pro-details-quality .pro-details-compare a:hover {      color: #ff3535; }.product-details-content .pro-details-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin: 0 0 10px; }  .product-details-content .pro-details-meta span {    font-size: 15px;    margin-right: 5px;    font-weight: 500; }  .product-details-content .pro-details-meta ul li {    display: inline-block;    margin: 0 3px 0 0; }    .product-details-content .pro-details-meta ul li a {      font-size: 14px; }      @media only screen and (max-width: 767px) {        .product-details-content .pro-details-meta ul li a {          font-size: 14px; } }      .product-details-content .pro-details-meta ul li a:hover {        color: #ff3535; }.product-details-content .pro-details-social {  margin: 24px 0 0; }  .product-details-content .pro-details-social ul {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .product-details-content .pro-details-social ul li {      margin-right: 40px; }      .product-details-content .pro-details-social ul li:last-child {        margin-right: 0px; }      .product-details-content .pro-details-social ul li a {        font-size: 16px;        color: #343538; }        .product-details-content .pro-details-social ul li a:hover {          color: #ff3535; }@media only screen and (max-width: 767px) {  .product-details-content.pro-details-slider-content.mt-50 {    margin-top: 30px; } }.product-details-content.pro-details-slider-content .product-details-price {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.product-details-content.pro-details-slider-content p {  width: 80%;  margin: 0 auto; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .product-details-content.pro-details-slider-content p {      width: 80%; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .product-details-content.pro-details-slider-content p {      width: 100%; } }  @media only screen and (max-width: 767px) {    .product-details-content.pro-details-slider-content p {      width: 100%; } }.product-details-content.pro-details-slider-content .pro-details-rating-wrap {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.product-details-content.pro-details-slider-content .pro-details-size-color {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  text-align: left; }  @media only screen and (max-width: 767px) {    .product-details-content.pro-details-slider-content .pro-details-size-color {      text-align: center; }      .product-details-content.pro-details-slider-content .pro-details-size-color .pro-details-color-content {        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        display: -webkit-box;        display: -ms-flexbox;        display: flex; } }.product-details-content.pro-details-slider-content .pro-details-quality {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.product-details-content.pro-details-slider-content .pro-details-meta {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.product-details-content.pro-details-slider-content .pro-details-social ul {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; }.quickview-wrap .nav-style-2.owl-carousel >.owl-nav div {  color: #1f2226;  display: inline-block;  font-size: 13px;  left: 0px;  opacity: 0;  visibility: hidden;  position: absolute;  text-align: center;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  -webkit-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  border: 1px solid #e1e2e2;  background-color: #ffffff;  display: inline-block;  width: 30px;  height: 30px;  line-height: 30px;  border-radius: 100%; }  .quickview-wrap .nav-style-2.owl-carousel >.owl-nav div:hover {    color: #ffffff;    background-color: #ff3535;    border: 1px solid #ff3535; }  .quickview-wrap .nav-style-2.owl-carousel >.owl-nav div.owl-next {    right: 0px;    left: auto; }.quickview-wrap:hover .nav-style-2.owl-carousel >.owl-nav div {  opacity: 1;  visibility: visible; }.toggle-item-active {  display: none; }.show-more-btn a {  font-size: 13px;  display: inline-block;  font-weight: 600;  text-transform: uppercase;  line-height: 1;  border: 2px solid #000000;  padding: 18px 28px 18px; }  .show-more-btn a:hover {    border: 2px solid #ff3535;    background-color: #ff3535;    color: #fff; }/*-------- 7. Testimonial style ---------*/.testimonial-active.owl-carousel .owl-item img {  display: inline-block;  width: auto; }.single-testimonial p {  font-size: 16px;  line-height: 32px;  margin: 30px auto 32px;  width: 80%; }  @media only screen and (min-width: 1200px) and (max-width: 1365px) {    .single-testimonial p {      width: 90%; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-testimonial p {      width: 90%; } }  @media only screen and (max-width: 767px) {    .single-testimonial p {      width: 100%;      margin: 18px auto 25px;      font-size: 15px; } }.single-testimonial .client-info {  display: block; }  .single-testimonial .client-info h5 {    font-size: 14px;    font-weight: 600;    letter-spacing: 1px;    text-transform: uppercase;    margin: 22px 0 0; }/*-------- 8. Feature style ---------*/.single-feature {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (max-width: 767px) {    .single-feature {      -webkit-box-pack: center;      -ms-flex-pack: center;      justify-content: center; } }  .single-feature .feature-icon {    -webkit-box-flex: 0;    -ms-flex: 0 0 63px;    flex: 0 0 63px;    margin-right: 25px;    margin-top: -30px; }    .single-feature .feature-icon img {      width: 100%; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-feature .feature-icon {        margin-right: 10px;        -webkit-box-flex: 0;        -ms-flex: 0 0 50px;        flex: 0 0 50px; } }  .single-feature .feature-content h4 {    font-size: 18px;    letter-spacing: .5px;    font-weight: 600;    position: relative;    margin: 0 0 30px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-feature .feature-content h4 {        font-size: 16px;        letter-spacing: 0px; } }    .single-feature .feature-content h4::before {      position: absolute;      content: "";      left: 0px;      background-color: #4d5e7c;      width: 50px;      height: 3px;      bottom: -18px; }  .single-feature .feature-content p {    line-height: 26px;    font-size: 16px;    margin: 0;    color: #1f2226; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-feature .feature-content p {        font-size: 13px; } }  .single-feature:hover .feature-icon img {    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;    animation: 500ms ease-in-out 0s normal none 1 running tada; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .single-feature.pl-50 {      padding-left: 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-feature.pl-50 {      padding-left: 0; } }  @media only screen and (max-width: 767px) {    .single-feature.pl-50 {      padding-left: 0; } }@media only screen and (max-width: 767px) {  .feature-area.pb-70 {    padding-bottom: 0; } }@media only screen and (max-width: 767px) {  .feature-area.pb-60 {    padding-bottom: 5PX; } }/*-------- 9. Blog style ---------*/.blog-wrap .blog-img {  overflow: hidden; }  .blog-wrap .blog-img a img {    width: 100%;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    -webkit-transition: all .5s ease 0s;    -o-transition: all .5s ease 0s;    transition: all .5s ease 0s; }.blog-wrap .blog-content h3 {  font-weight: 500;  font-size: 18px;  margin: 0;  color: #383838;  position: relative; }  .blog-wrap .blog-content h3::before {    position: absolute;    right: 0px;    bottom: -20px;    width: 15px;    height: 1px;    background-color: #ebebeb;    content: "";    width: 81%;    left: 0;    margin: 0 auto; }    @media only screen and (max-width: 767px) {      .blog-wrap .blog-content h3::before {        width: 95%; } }  .blog-wrap .blog-content h3 a {    color: #383838; }    .blog-wrap .blog-content h3 a:hover {      color: #ff3535; }.blog-wrap .blog-content .blog-meta ul li {  display: inline-block;  margin: 0 14px;  position: relative; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .blog-wrap .blog-content .blog-meta ul li {      margin: 0 12px; } }  @media only screen and (max-width: 767px) {    .blog-wrap .blog-content .blog-meta ul li {      margin: 0 10px; } }  .blog-wrap .blog-content .blog-meta ul li::before {    position: absolute;    right: -22px;    top: 12px;    width: 15px;    height: 1px;    background-color: #999898;    content: "";    -webkit-transform: rotate(70deg);    -ms-transform: rotate(70deg);    transform: rotate(70deg); }  .blog-wrap .blog-content .blog-meta ul li:last-child::before {    display: none; }  .blog-wrap .blog-content .blog-meta ul li a {    font-size: 13px;    color: #919090; }    .blog-wrap .blog-content .blog-meta ul li a:hover {      color: #ff3535; }.blog-wrap .blog-content .blog-meta.blog-meta-mrg {  margin-bottom: 5px; }  .blog-wrap .blog-content .blog-meta.blog-meta-mrg ul li {    margin: 0 24px 0 0; }.blog-wrap .blog-content .blog-mrg-border {  padding: 15px 0 20px;  margin-top: 20px; }.blog-wrap .blog-content p {  margin: 0 auto;  width: 79%; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .blog-wrap .blog-content p {      width: 94%; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-wrap .blog-content p {      width: 100%; } }  @media only screen and (max-width: 767px) {    .blog-wrap .blog-content p {      width: 100%; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .blog-wrap .blog-content p {      width: 93%; } }.blog-wrap .blog-content.blog-content-mrg {  margin: 0px 50px 0; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-wrap .blog-content.blog-content-mrg {      margin: 0px 0px 0; } }  @media only screen and (max-width: 767px) {    .blog-wrap .blog-content.blog-content-mrg {      margin: 0px 0px 0; } }.blog-wrap .blog-content.blog-content-mrg-2 {  margin: 25px 0 0; }  @media only screen and (max-width: 767px) {    .blog-wrap .blog-content.blog-content-mrg-2 {      margin: 12px 0 0; } }  .blog-wrap .blog-content.blog-content-mrg-2 h3:before {    display: none; }.blog-wrap:hover .blog-img a img {  -webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1); }@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-wrap.mr-20 {    margin-right: 0; }  .blog-wrap.ml-20 {    margin-left: 0; } }@media only screen and (max-width: 767px) {  .blog-wrap.mr-20 {    margin-right: 0; }  .blog-wrap.ml-20 {    margin-left: 0; } }@media only screen and (max-width: 767px) {  margin: 6px 0 8px;  font-size: 18px;  line-height: 24px; }@media only screen and (max-width: 767px) {  .blog-area.pt-50 {    padding-top: 0px; } }/*-------- 10. Footer style ---------*/.footer-top ul li {  display: inline-block;  margin: 0 35px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-top ul li {      margin: 0 25px; } }  @media only screen and (max-width: 767px) {    .footer-top ul li {      margin: 0 5px 0px; } }  .footer-top ul li a {    display: block;    line-height: 1;    font-size: 16px;    font-family: "Roboto", sans-serif; }.footer-bottom .footer-social a {  color: #ababab;  font-family: "Roboto", sans-serif;  margin-right: 26px; }  .footer-bottom .footer-social a:hover {    color: #ff3535; }  .footer-bottom .footer-social a:last-child {    margin-right: 0; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .footer-bottom .footer-social a {      margin-right: 16px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-bottom .footer-social a {      margin-right: 12px; } }  @media only screen and (max-width: 767px) {    .footer-bottom .footer-social a {      margin-right: 7px;      margin-left: 7px; } }@media only screen and (max-width: 767px) {  .footer-bottom .footer-social {    text-align: center; } }.footer-bottom .copyright p {  color: #919191;  margin: 0;  font-family: "Roboto", sans-serif;  line-height: 1; }.footer-bottom .copyright-2 p {  color: #444444;  margin: 0;  font-family: "Roboto", sans-serif;  line-height: 1;  font-size: 16px; }@media only screen and (max-width: 767px) {  .footer-bottom .copyright-2 {    text-align: center; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .footer-bottom .copyright-2 {    text-align: inherit; } }.footer-bottom .payment-mathod {  text-align: right; }  @media only screen and (max-width: 767px) {    .footer-bottom .payment-mathod {      text-align: center; } }  .footer-bottom .payment-mathod a img {    width: auto; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .footer-bottom .payment-mathod a img {        width: 100%; } }    @media only screen and (max-width: 767px) {      .footer-bottom .payment-mathod a img {        width: 100%; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .footer-bottom .payment-mathod a img {        width: auto; } }.footer-bottom .payment-mathod-2 {  text-align: right; }  @media only screen and (max-width: 767px) {    .footer-bottom .payment-mathod-2 {      text-align: center; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .footer-bottom .payment-mathod-2 {      text-align: right; } }  .footer-bottom .payment-mathod-2 a img {    width: auto; }.subscribe-style p {  color: #5a5a5a;  margin: 0;  width: 72%; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .subscribe-style p {      width: 100%; } }  @media only screen and (max-width: 767px) {    .subscribe-style p {      width: 100%; } }.subscribe-style .subscribe-form .mc-form {  position: relative; }  .subscribe-style .subscribe-form .mc-form input {    background: transparent none repeat scroll 0 0;    border: 1px solid #444444;    color: #919090;    font-size: 14px;    height: 50px;    padding: 2px 60px 2px 30px;    font-family: "Poppins", sans-serif;    font-weight: 300; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .subscribe-style .subscribe-form .mc-form input {        padding: 2px 60px 2px 10px; } }  .subscribe-style .subscribe-form .mc-form .mc-news {    display: none; }  .subscribe-style .subscribe-form .mc-form .clear {    background-color: #222222;    display: inline-block;    position: absolute;    right: 0px;    top: 0;    z-index: 9;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    height: 50px; }    .subscribe-style .subscribe-form .mc-form .clear input {      border: medium none;      cursor: pointer;      padding: 0;      width: 50px;      color: #ffffff; }    .subscribe-style .subscribe-form .mc-form .clear::before {      color: #fff;      content: "\e06e";      font-family: 'simple-line-icons';      font-size: 20px;      position: absolute;      right: 15px;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%); }    .subscribe-style .subscribe-form .mc-form .clear:hover {      background-color: #ff3535; }@media only screen and (max-width: 767px) {  .subscribe-style.mt-45 {    margin-top: 20px; } }.footer-widget .footer-title h3 {  font-weight: 500;  font-size: 18px;  color: #444444;  margin: 0 0 33px;  font-family: "Roboto", sans-serif;  line-height: 1; }.footer-widget .footer-list ul li {  margin-bottom: 21px; }  .footer-widget .footer-list ul li:last-child {    margin-bottom: 0px; }  .footer-widget .footer-list ul li a {    font-size: 16px;    display: block;    color: #5e5e5e;    font-family: "Roboto", sans-serif; }    .footer-widget .footer-list ul li a:hover {      color: #ff3535; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .footer-widget.pl-100 {    padding-left: 50px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .footer-widget.pl-50 {    padding-left: 28px; } }@media only screen and (max-width: 767px) {  .footer-widget.pl-100 {    padding-left: 0px; } }@media only screen and (max-width: 767px) {  .footer-widget.pl-50 {    padding-left: 0px; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .footer-widget {    text-align: inherit; } }@media only screen and (max-width: 767px) {  .footer-top-2.pb-20 {    padding-bottom: 5px; } }/*-------- 11. Instagram style ---------*/.instagram-item {  overflow: hidden; }  .instagram-item a img {    width: 100%;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    -webkit-transition: all .5s ease 0s;    -o-transition: all .5s ease 0s;    transition: all .5s ease 0s; }    .instagram-item a img:hover {      -webkit-transform: scale(1.1);      -ms-transform: scale(1.1);      transform: scale(1.1); }.single-instagram-item {  overflow: hidden; }  .single-instagram-item a img {    width: 100%;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    -webkit-transition: all .5s ease 0s;    -o-transition: all .5s ease 0s;    transition: all .5s ease 0s; }    .single-instagram-item a img:hover {      -webkit-transform: scale(1.1);      -ms-transform: scale(1.1);      transform: scale(1.1); }/*-------- 12. Breadcrumb style ---------*/.breadcrumb-content ul li {  display: inline-block;  font-size: 15px;  font-weight: 500;  margin-right: 18px;  text-transform: uppercase;  position: relative; }  .breadcrumb-content ul li::before {    position: absolute;    width: 18px;    height: 1px;    background-color: #1f2226;    content: "";    right: -21px;    top: 12px;    z-index: 99;    -webkit-transform: rotate(115deg);    -ms-transform: rotate(115deg);    transform: rotate(115deg); }  .breadcrumb-content ul li:last-child::before {    display: none; }  .breadcrumb-content ul li a:hover {    color: #ff3535; }/*-------- 13. Shop style ---------*/.shop-top-bar {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }  @media only screen and (max-width: 767px) {    .shop-top-bar {      display: block; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .shop-top-bar {      display: -webkit-box;      display: -ms-flexbox;      display: flex; } }  .shop-top-bar .select-shoing-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    @media only screen and (max-width: 767px) {      .shop-top-bar .select-shoing-wrap {        display: block; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .shop-top-bar .select-shoing-wrap {        display: -webkit-box;        display: -ms-flexbox;        display: flex; } }    .shop-top-bar .select-shoing-wrap .shop-select {      margin-right: 50px; }      .shop-top-bar .select-shoing-wrap .shop-select select {        font-size: 15px;        -moz-appearance: none;        -webkit-appearance: none;        min-width: 150px;        cursor: pointer;        background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 0px center;        text-transform: capitalize; }    .shop-top-bar .select-shoing-wrap p {      margin: 0;      font-size: 15px; }      @media only screen and (max-width: 767px) {        .shop-top-bar .select-shoing-wrap p {          margin: 5px 0 10px; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .shop-top-bar .select-shoing-wrap p {          margin: 0px; } }  .shop-top-bar .shop-tab a {    font-size: 18px;    margin-left: 20px; }    .shop-top-bar .shop-tab a:first-child {      margin-left: 0; }    .shop-top-bar .shop-tab a.active {      color: #ff3535; }@media only screen and (max-width: 767px) {  .pro-pagination-style.mt-30 {    margin-top: 10px; } }.pro-pagination-style ul li {  display: inline-block;  margin: 0 4px; }  .pro-pagination-style ul li a {    display: inline-block;    width: 43px;    height: 43px;    text-align: center;    line-height: 43px;    font-size: 16px;    color: #ff3535;    -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);    box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1); }    .pro-pagination-style ul li a:hover {      background-color: #ff3535;      color: #fff; }  .pro-pagination-style ul li a.active {    background-color: #ff3535;    color: #fff;    -webkit-box-shadow: none;    box-shadow: none; }    .pro-pagination-style ul li a.active:hover {      background-color: #333; }  .pro-pagination-style ul li a.prev,  .pro-pagination-style ul li a.next {    background-color: #eeeeee;    color: #ff3535;    font-size: 15px;    -webkit-box-shadow: none;    box-shadow: none;    line-height: 44px; }    .pro-pagination-style ul li a.prev:hover,    .pro-pagination-style ul li a.next:hover {      background-color: #ff3535;      color: #fff; }@media only screen and (max-width: 767px) {  .pro-pagination-style.pagination-mrg-xs-none {    margin-top: 0px; } }.shop-list-wrap {  border: 1px solid #f1f1f1; }  .shop-list-wrap .product-list-img {    position: relative; }    .shop-list-wrap .product-list-img a img {      width: 100%; }    .shop-list-wrap .product-list-img .product-quickview {      position: absolute;      top: 50%;      left: 50%;      -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);      transform: translate(-50%, -50%);      opacity: 0;      visibility: hidden;      -webkit-transition: all .3s ease 0s;      -o-transition: all .3s ease 0s;      transition: all .3s ease 0s;      margin-top: 20px; }      .shop-list-wrap .product-list-img .product-quickview a {        width: 69px;        height: 48px;        background-color: #fff;        font-size: 20px;        color: #000000;        display: inline-block;        text-align: center;        line-height: 52px; }        .shop-list-wrap .product-list-img .product-quickview a:hover {          background-color: #ff3535;          color: #ffffff; }  .shop-list-wrap .shop-list-content h3 {    font-size: 24px;    color: #444444;    font-family: "Roboto", sans-serif; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .shop-list-wrap .shop-list-content h3 {        font-size: 20px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap .shop-list-content h3 {        font-size: 20px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap .shop-list-content h3 {        font-size: 20px; } }    .shop-list-wrap .shop-list-content h3 a {      color: #444444; }      .shop-list-wrap .shop-list-content h3 a:hover {        color: #ff3535; }  .shop-list-wrap .shop-list-content >span {    position: relative;    font-size: 16px;    color: #444444;    font-family: "Roboto", sans-serif;    padding-left: 38px; }    .shop-list-wrap .shop-list-content >span:before {      position: absolute;      content: "";      left: 0;      top: 9px;      background-color: #949494;      width: 30px;      height: 1px; }  .shop-list-wrap .shop-list-content .ht-product-list-price {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .shop-list-wrap .shop-list-content .ht-product-list-price span {      line-height: 1;      font-weight: 700; }      .shop-list-wrap .shop-list-content .ht-product-list-price span.new {        font-size: 20px;        margin-right: 8px;        color: #ff3535; }      .shop-list-wrap .shop-list-content .ht-product-list-price span.old {        font-size: 13px;        text-decoration: line-through;        color: #4a4a4a;        font-weight: 400; }  .shop-list-wrap .shop-list-content .ht-product-list-ratting i {    font-size: 16px;    color: #dc9a0e;    margin-right: 7px; }    .shop-list-wrap .shop-list-content .ht-product-list-ratting i:last-child {      margin-right: 0px; }  .shop-list-wrap .shop-list-content .ht-product-list-action a {    font-size: 20px;    color: #000000;    border: 1px solid #000000;    display: inline-block;    padding: 12px 19px 8px;    margin-right: 8px; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .shop-list-wrap .shop-list-content .ht-product-list-action a {        padding: 12px 15px 8px;        font-size: 18px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap .shop-list-content .ht-product-list-action a {        padding: 12px 15px 8px;        font-size: 18px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap .shop-list-content .ht-product-list-action a {        padding: 12px 12px 8px;        font-size: 16px; } }    .shop-list-wrap .shop-list-content .ht-product-list-action a:last-child {      margin-right: 0; }    .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {      position: relative;      padding: 13px 29px 7px;      top: -1px;      font-size: 14px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {          padding: 13px 10px 7px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {          padding: 13px 10px 7px; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {          padding: 13px 10px 7px;          top: 1px; } }      .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart i {        font-size: 18px;        margin-right: 6px; }    .shop-list-wrap .shop-list-content .ht-product-list-action a:hover {      color: #ffffff;      border: 1px solid #ff3535;      background-color: #ff3535; }  .shop-list-wrap .shop-list-paragraph p {    line-height: 25px;    color: #000000;    font-family: "Roboto", sans-serif;    margin-bottom: 30px; }    @media only screen and (max-width: 767px) {      .shop-list-wrap .shop-list-paragraph p {        margin-bottom: 10px; } }    .shop-list-wrap .shop-list-paragraph p:last-child {      margin-bottom: 0px; }  .shop-list-wrap.shop-list-mrg .shop-list-content {    margin-left: 30px; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .shop-list-wrap.shop-list-mrg .shop-list-content {        margin-left: 0px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap.shop-list-mrg .shop-list-content {        padding-top: 20px;        margin-left: 0px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap.shop-list-mrg .shop-list-content {        padding-top: 20px;        margin-left: 15px; } }    .shop-list-wrap.shop-list-mrg .shop-list-content h3 {      margin: 0 0 8px; }    .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-price {      margin: 22px 0 16px; }    .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {      margin: 38px 0 0; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {          margin: 20px 0 0; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {          margin: 25px 0 0; } }  .shop-list-wrap.shop-list-mrg .shop-list-paragraph {    padding: 0px 80px 0 0; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap.shop-list-mrg .shop-list-paragraph {        padding: 20px 20px 20px 0px; }        .shop-list-wrap.shop-list-mrg .shop-list-paragraph p {          margin-bottom: 10px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap.shop-list-mrg .shop-list-paragraph {        padding: 25px 15px 22px 15px; } }  .shop-list-wrap:hover .product-quickview {    opacity: 1;    visibility: visible;    margin-top: 0px; }  .shop-list-wrap.shop-list-mrg2 .shop-list-content {    margin: 0 80px 0 30px;    padding: 10px 0 10px; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .shop-list-wrap.shop-list-mrg2 .shop-list-content {        margin: 0 30px 0 0px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap.shop-list-mrg2 .shop-list-content {        margin: 0 30px 0 0px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap.shop-list-mrg2 .shop-list-content {        margin: 0 0px 0 0px;        padding: 20px 15px 25px; } }    .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {      margin: 0 0 20px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {          margin: 0 0 7px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {          margin: 0 0 7px; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {          margin: 0 0 7px; } }    .shop-list-wrap.shop-list-mrg2 .shop-list-content p {      color: #000;      line-height: 25px;      margin: 0 0 19px;      font-family: "Roboto", sans-serif; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content p {          margin: 0 0 7px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content p {          margin: 0 0 7px; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content p {          margin: 0 0 7px; } }    .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      margin: 20px 0 0; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {          margin: 7px 0 0; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {          margin: 7px 0 0; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {          margin: 10px 0 0; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {          display: block;          -webkit-box-pack: inherit;          -ms-flex-pack: inherit;          justify-content: inherit; } }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting {          margin-bottom: 10px; } }      .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {        margin: 0 0 16px; }        @media only screen and (min-width: 992px) and (max-width: 1199px) {          .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {            margin: 0 0 10px; } }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {            margin: 0 0 10px; } }  .shop-list-wrap.shop-list-mrg2.shop-list-mrg-none .shop-list-content {    margin: 0 26px 0 0px; }    @media only screen and (max-width: 767px) {      .shop-list-wrap.shop-list-mrg2.shop-list-mrg-none .shop-list-content {        margin: 0 0px 0 0px; } }  .shop-list-wrap.shop-list-mrg3 .shop-list-content {    margin: 0 80px 0 30px;    padding: 10px 0 10px; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .shop-list-wrap.shop-list-mrg3 .shop-list-content {        margin: 0 26px 0 0px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .shop-list-wrap.shop-list-mrg3 .shop-list-content {        margin: 0 15px 0 0px;        padding: 10px 0 25px; } }    @media only screen and (max-width: 767px) {      .shop-list-wrap.shop-list-mrg3 .shop-list-content {        margin: 0 15px 0 15px;        padding: 20px 0 25px; } }    .shop-list-wrap.shop-list-mrg3 .shop-list-content h3 {      margin: 0 0 14px; }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg3 .shop-list-content h3 {          margin: 0 0 10px; } }    .shop-list-wrap.shop-list-mrg3 .shop-list-content p {      color: #000;      line-height: 25px;      margin: 0 0 19px;      font-family: "Roboto", sans-serif; }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg3 .shop-list-content p {          margin: 0 0 10px; } }    .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      -webkit-box-align: start;      -ms-flex-align: start;      align-items: flex-start;      margin: 0 0 19px; }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap {          display: block;          -webkit-box-pack: inherit;          -ms-flex-pack: inherit;          justify-content: inherit;          -webkit-box-align: inherit;          -ms-flex-align: inherit;          align-items: inherit;          margin: 0 0 11px; }          .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price {            margin-bottom: 10px; } }      .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price >span {        position: relative;        font-size: 16px;        color: #444444;        font-family: "Roboto", sans-serif;        padding-left: 38px; }        .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price >span::before {          position: absolute;          content: "";          left: 0;          top: 9px;          background-color: #949494;          width: 30px;          height: 1px; }    .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -webkit-box-align: end;      -ms-flex-align: end;      align-items: flex-end;      -webkit-box-pack: justify;      -ms-flex-pack: justify;      justify-content: space-between;      margin: 25px 0 0; }      @media only screen and (max-width: 767px) {        .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap {          margin: 10px 0 0;          display: block;          -webkit-box-pack: inherit;          -ms-flex-pack: inherit;          justify-content: inherit;          -webkit-box-align: inherit;          -ms-flex-align: inherit;          align-items: inherit; }          .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap .ht-product-list-ratting {            margin-bottom: 10px; } }.shop-bottom-area .tab-content {  overflow: hidden; }/*-------- 14. Sidebar style ---------*/@media only screen and (min-width: 992px) and (max-width: 1199px) {  .sidebar-style.mr-30 {    margin-right: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .sidebar-style {    margin-top: 30px; }    .sidebar-style.mr-30 {      margin-right: 0; } }@media only screen and (max-width: 767px) {  .sidebar-style {    margin-top: 30px; }    .sidebar-style.mr-30 {      margin-right: 0; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .sidebar-style.ml-30 {    margin-left: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .sidebar-style {    margin-top: 30px; }    .sidebar-style.ml-30 {      margin-left: 0; } }@media only screen and (max-width: 767px) {  .sidebar-style {    margin-top: 40px; }    .sidebar-style.ml-30 {      margin-left: 0; } }.sidebar-widget h4.pro-sidebar-title {  font-size: 17px;  font-weight: 500;  margin: 0;  font-family: "Roboto", sans-serif; }.sidebar-widget .sidebar-widget-list ul li {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  position: relative;  padding: 0px 0 18px; }  .sidebar-widget .sidebar-widget-list ul li:last-child {    padding: 0px 0 0px; }  .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left {    position: relative; }    .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input {      position: absolute;      opacity: 0;      cursor: pointer;      z-index: 999;      width: auto; }      .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark {        background-color: #ff3535;        border: 2px solid #ff3535; }      .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {        display: block; }    .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {      position: absolute;      top: 5px;      left: 0;      height: 15px;      width: 15px;      background-color: #fff;      border: 2px solid #888888;      border-radius: 3px; }      .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {        content: "";        position: absolute;        display: none; }      .sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {        left: 3px;        top: 0px;        width: 5px;        height: 8px;        border: solid white;        border-top-width: medium;        border-right-width: medium;        border-bottom-width: medium;        border-left-width: medium;        border-width: 0 2px 2px 0;        -webkit-transform: rotate(45deg);        -ms-transform: rotate(45deg);        transform: rotate(45deg); }  .sidebar-widget .sidebar-widget-list ul li a {    margin-left: 30px;    display: block; }    .sidebar-widget .sidebar-widget-list ul li a span {      background-color: #eeeeee;      width: 25px;      height: 25px;      display: inline-block;      text-align: center;      line-height: 25px;      border-radius: 50px;      float: right;      -webkit-transition: all .3s ease 0s;      -o-transition: all .3s ease 0s;      transition: all .3s ease 0s;      font-size: 13px; }    .sidebar-widget .sidebar-widget-list ul li a:hover span {      color: #fff;      background-color: #ff3535; }.sidebar-widget .sidebar-widget-archive ul li {  margin-bottom: 10px;  border: 1px solid #dee0e4; }  .sidebar-widget .sidebar-widget-archive ul li a {    padding: 12px 20px;    display: block; }.sidebar-widget .sidebar-widget-tag ul li {  display: inline-block;  margin: 0 10px 15px 0; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .sidebar-widget .sidebar-widget-tag ul li {      margin: 0 5px 15px 0; } }  .sidebar-widget .sidebar-widget-tag ul li a {    display: inline-block;    background-color: #f6f6f6;    padding: 10px 17px 11px;    line-height: 1; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .sidebar-widget .sidebar-widget-tag ul li a {        padding: 9px 13px 12px; } }    .sidebar-widget .sidebar-widget-tag ul li a:hover {      background-color: #ff3535;      color: #fff; }.price-filter .price-slider-amount input {  background: transparent;  padding: 0;  border: none;  font-size: 15px;  font-weight: 500; }.price-filter #slider-range {  background: #dbdbdb none repeat scroll 0 0;  border: medium none;  border-radius: 0px;  height: 5px;  margin-bottom: 12px;  margin-left: auto;  margin-top: 5px; }  .price-filter #slider-range span {    -webkit-transition: all .0s ease 0s;    -o-transition: all .0s ease 0s;    transition: all .0s ease 0s; }  .price-filter #slider-range .ui-slider-range {    position: absolute;    display: block;    border: 0;    background: #ff3535 none repeat scroll 0 0;    border: none;    -webkit-transition: all .0s ease 0s;    -o-transition: all .0s ease 0s;    transition: all .0s ease 0s; }  .price-filter #slider-range .ui-slider-handle {    background: #fff none repeat scroll 0 0;    border: medium none;    border-radius: 50%;    height: 15px;    margin-left: 0;    width: 15px;    border: 4px solid #ff3535; }.pro-sidebar-search .pro-sidebar-search-form {  position: relative; }  .pro-sidebar-search .pro-sidebar-search-form input {    background: transparent none repeat scroll 0 0;    border: 1px solid #e6e6e6;    font-size: 14px;    height: 43px;    padding: 2px 55px 2px 18px; }  .pro-sidebar-search .pro-sidebar-search-form button {    background: transparent none repeat scroll 0 0;    border-color: #a1a5aa;    -webkit-border-image: none;    -o-border-image: none;    border-image: none;    border-style: none none none solid;    border-width: medium medium medium 1px;    padding: 3px 15px 0;    position: absolute;    right: 0;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    cursor: pointer;    color: #000;    -webkit-transition: all .3s ease 0s;    -o-transition: all .3s ease 0s;    transition: all .3s ease 0s;    font-size: 16px; }    .pro-sidebar-search .pro-sidebar-search-form button:hover {      color: #ff3535; }.single-sidebar-blog {  border-bottom: 1px solid #dee0e4;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin: 0 0 20px;  padding: 0 0 20px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }  .single-sidebar-blog:last-child {    border-bottom: none; }  .single-sidebar-blog .sidebar-blog-img {    -webkit-box-flex: 0;    -ms-flex: 0 0 70px;    flex: 0 0 70px;    margin: 0 20px 0 0; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .single-sidebar-blog .sidebar-blog-img {        margin: 0 8px 0 0; } }    .single-sidebar-blog .sidebar-blog-img img {      width: 100%; }  .single-sidebar-blog .sidebar-blog-content span {    display: block;    font-size: 12px;    font-weight: 400;    line-height: 1;    margin-bottom: 8px;    text-transform: uppercase; }  .single-sidebar-blog .sidebar-blog-content h4 {    font-size: 15px;    margin: 5px 0 0;    font-family: "Roboto", sans-serif; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .single-sidebar-blog .sidebar-blog-content h4 {        font-size: 14px; } }/*-------- 15. Product details style ---------*/.product-details-img {  position: relative; }  .product-details-img .zoompro-span {    position: relative; }    .product-details-img .zoompro-span .zoompro {      width: 100%; }    .product-details-img .zoompro-span >span {      background-color: #ff3535;      color: #fff;      left: 20px;      line-height: 1;      padding: 4px 11px 5px;      position: absolute;      top: 20px;      z-index: 99;      font-weight: 700;      font-size: 14px;      text-transform: uppercase;      font-family: "Roboto", sans-serif; }    .product-details-img .zoompro-span .product-video {      text-align: center;      position: absolute;      bottom: 20px;      left: 20px;      z-index: 99; }      .product-details-img .zoompro-span .product-video a {        background-color: #ff3535;        color: #fff;        display: inline-block;        padding: 7px 20px 8px;        font-weight: 500;        font-size: 14px; }        @media only screen and (max-width: 767px) {          .product-details-img .zoompro-span .product-video a {            padding: 5px 12px 6px;            font-size: 13px; } }        .product-details-img .zoompro-span .product-video a:hover {          background-color: #1f2226; }        .product-details-img .zoompro-span .product-video a i {          position: relative;          top: 1px; }  .product-details-img .product-dec-slider {    padding: 0 50px 0 70px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .product-details-img .product-dec-slider {        padding: 0 0px 0 15px; } }    @media only screen and (max-width: 767px) {      .product-details-img .product-dec-slider {        padding: 0 30px 0 45px;        margin-bottom: 20px; } }    .product-details-img .product-dec-slider .product-dec-icon {      color: #1f2226;      display: inline-block;      font-size: 13px;      left: 30px;      opacity: 1;      position: absolute;      top: 50%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      cursor: pointer;      z-index: 99;      width: 30px;      height: 30px;      line-height: 30px;      border-radius: 100%;      border: 1px solid #e1e2e2;      text-align: center; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .product-details-img .product-dec-slider .product-dec-icon {          left: 0px; } }      @media only screen and (max-width: 767px) {        .product-details-img .product-dec-slider .product-dec-icon {          left: 0px; } }      .product-details-img .product-dec-slider .product-dec-icon:hover {        background-color: #ff3535;        border: 1px solid #ff3535;        color: #ffffff; }      .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {        left: auto;        right: 30px; }        @media only screen and (min-width: 768px) and (max-width: 991px) {          .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {            right: 0px; } }        @media only screen and (max-width: 767px) {          .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {            right: 0px; } }  .product-details-img .product-dec-slider-2 {    display: inline-block;    padding: 0;    width: 20%;    margin: 12px 0 0px;    float: left; }    @media only screen and (max-width: 767px) {      .product-details-img .product-dec-slider-2 {        width: 30%; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .product-details-img .product-dec-slider-2 {        width: 20%; } }    .product-details-img .product-dec-slider-2 .slick-slide {      margin-bottom: 3px;      margin-top: 3px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .product-details-img .product-dec-slider-2 .slick-slide {          margin-bottom: 5px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .product-details-img .product-dec-slider-2 .slick-slide {          margin-bottom: 10px; } }      .product-details-img .product-dec-slider-2 .slick-slide img {        width: 100%; }    .product-details-img .product-dec-slider-2 .product-dec-icon {      cursor: pointer;      display: inline-block;      left: 50%;      position: absolute;      -webkit-transform: translateX(-50%);      -ms-transform: translateX(-50%);      transform: translateX(-50%);      z-index: 99;      width: 30px;      height: 30px;      line-height: 30px;      border-radius: 100%;      border: 1px solid #e1e2e2;      text-align: center;      font-size: 13px;      color: #1f2226; }      .product-details-img .product-dec-slider-2 .product-dec-icon:hover {        background-color: #ff3535;        border: 1px solid #ff3535;        color: #ffffff; }      .product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-prev {        top: -13px; }      .product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-next {        bottom: -7px; }  .product-details-img .product-zoom-right {    display: inline-block;    position: relative;    width: 80%;    float: left; }    @media only screen and (max-width: 767px) {      .product-details-img .product-zoom-right {        width: 70%; } }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .product-details-img .product-zoom-right {        width: 80%; } }.description-review-wrapper {  border: 1px solid #e8e8e8;  padding: 30px 30px 37px; }  .description-review-wrapper.description-sticky {    padding: 0;    border: none;    margin: 44px 0 58px; }    @media only screen and (max-width: 767px) {      .description-review-wrapper.description-sticky {        margin: 30px 0 30px; } }    .description-review-wrapper.description-sticky .description-review-topbar {      padding: 0 0 41px; }      @media only screen and (max-width: 767px) {        .description-review-wrapper.description-sticky .description-review-topbar {          padding: 0 0 20px; } }    .description-review-wrapper.description-sticky .description-review-bottom .ratting-form-wrapper .ratting-form {      margin-right: 0; }  @media only screen and (max-width: 767px) {    .description-review-wrapper {      padding: 30px 15px 50px; } }  .description-review-wrapper .description-review-topbar {    padding: 0 0 24px; }    @media only screen and (max-width: 767px) {      .description-review-wrapper .description-review-topbar {        padding: 0 0 15px; } }    .description-review-wrapper .description-review-topbar a {      color: #444;      font-size: 18px;      text-transform: capitalize;      line-height: 1;      position: relative;      padding: 0 0 11px;      margin: 0 32px 0 0;      font-family: "Roboto", sans-serif; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .description-review-wrapper .description-review-topbar a {          margin: 0 14px 0 0;          font-size: 16px; } }      @media only screen and (max-width: 767px) {        .description-review-wrapper .description-review-topbar a {          margin: 0 12px 15px 0;          font-size: 15px; }          .description-review-wrapper .description-review-topbar a:last-child {            margin: 0 12px 5px 0; } }      @media only screen and (min-width: 576px) and (max-width: 767px) {        .description-review-wrapper .description-review-topbar a {          margin: 0 32px 0 0;          font-size: 16px; } }      .description-review-wrapper .description-review-topbar a.active {        color: #1f2226;        font-weight: 500; }      .description-review-wrapper .description-review-topbar a::after {        content: "";        height: 2px;        right: 0px;        left: auto;        width: 0;        position: absolute;        -webkit-transition: width 300ms ease-out;        -o-transition: width 300ms ease-out;        transition: width 300ms ease-out;        background-color: #ff3535;        bottom: 0; }      .description-review-wrapper .description-review-topbar a.active::after {        left: 0px;        right: auto;        width: calc(100%);        -webkit-transition: width 300ms ease-in;        -o-transition: width 300ms ease-in;        transition: width 300ms ease-in; }      .description-review-wrapper .description-review-topbar a:hover::after {        left: 0px;        right: auto;        width: calc(100%);        -webkit-transition: width 300ms ease-in;        -o-transition: width 300ms ease-in;        transition: width 300ms ease-in; }  .description-review-wrapper .description-review-bottom .product-description-wrapper p {    color: #333;    font-size: 13px;    margin: 0 0 19px;    line-height: 26px; }  .description-review-wrapper .description-review-bottom .review-wrapper .single-review {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    border-bottom: 1px solid #e8e8e8;    margin-bottom: 30px;    padding-bottom: 35px; }    .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img {      -webkit-box-flex: 0;      -ms-flex: 0 0 70px;      flex: 0 0 70px; }      .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img img {        width: 100%; }    .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {      margin-left: 30px; }      @media only screen and (max-width: 767px) {        .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {          margin-left: 10px; } }      .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content p {        font-size: 14px;        font-style: italic;        margin: 0 0 42px;        color: #333; }      .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between; }        .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4 {          font-size: 13px;          text-transform: uppercase;          margin: 0;          line-height: 1;          position: relative;          font-weight: 500; }          .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4:after {            position: absolute;            top: -25px;            left: 0;            background-color: #343538;            width: 60px;            height: 1px;            content: ""; }        .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating {          line-height: 1; }          .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating i {            color: #e7a415;            font-size: 12px;            margin-left: 2px; }    .description-review-wrapper .description-review-bottom .review-wrapper .single-review:last-child {      border-bottom: none;      margin-bottom: 0px;      padding-bottom: 0px; }  .description-review-wrapper .description-review-bottom .ratting-form-wrapper {    margin: 40px 0 0; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper >span {      font-size: 13px;      color: #333;      display: block;      line-height: 1;      margin: 0 0 9px; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper p {      color: #333;      font-size: 13px;      margin: 0;      font-style: italic; }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper p span {        color: red; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {      display: -webkit-box;      display: -ms-flexbox;      display: flex;      margin: 22px 0 20px; }      @media only screen and (max-width: 767px) {        .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {          display: block; } }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star {        margin-right: 20px; }        .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star i {          color: #8a8a8a;          font-size: 12px;          -webkit-transition: all .3s ease 0s;          -o-transition: all .3s ease 0s;          transition: all .3s ease 0s;          cursor: pointer; }        .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star:hover i {          color: #f5b223; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style label {      font-size: 13px;      text-transform: uppercase;      letter-spacing: 1px;      margin: 0 0 8px; }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style label span {        color: red; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style input {      border: 1px solid #e8e8e8;      background: transparent;      height: 45px; }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style input:focus {        border: 1px solid #343538; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style textarea {      border: 1px solid #e8e8e8;      background: transparent;      height: 200px; }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style textarea:focus {        border: 1px solid #343538; }    .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .form-submit input {      padding: 10px 40px;      text-transform: uppercase;      width: auto;      color: #fff;      background-color: #ff3535;      font-weight: 600;      border: none; }      .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .form-submit input:hover {        background-color: #343538; }  .description-review-wrapper .description-review-bottom .product-anotherinfo-wrapper ul li {    color: #333;    font-size: 13px;    list-style: outside none none;    margin: 0 0 13px; }    .description-review-wrapper .description-review-bottom .product-anotherinfo-wrapper ul li span {      color: #1f2226;      display: inline-block;      font-weight: 500;      margin: 0 26px 0 0;      min-width: 85px;      font-size: 14px; }.pro-dec-banner a img {  width: 100%; }@media only screen and (max-width: 767px) {  .pro-dec-banner {    margin-top: 30px; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .product-details-content.ml-30 {    margin-left: 0; }  .product-details-content.mr-30 {    margin-right: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .product-details-content.ml-30 {    margin-left: 0; }  .product-details-content.mr-30 {    margin-right: 0; } }@media only screen and (max-width: 767px) {  .product-details-content.ml-30 {    margin-left: 0; }  .product-details-content.mr-30 {    margin-right: 0; } }@media only screen and (max-width: 767px) {  .product-details-area.pb-95 {    padding-bottom: 38px; }  .product-details-area.pb-70 {    padding-bottom: 38px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .responsive-mrg {    margin-top: 30px; } }@media only screen and (max-width: 767px) {  .responsive-mrg {    margin-top: 30px; } }.slick-vertical .slick-slide {  border: 0px solid transparent; }.box-slider-active:hover.nav-style-1.owl-carousel >.owl-nav div {  opacity: 1;  visibility: visible; }@media only screen and (max-width: 767px) {  .sidebar-active .product-details-content {    margin-top: 0; } }.sidebar-active.col-lg-6 {  padding-left: 15px;  padding-right: 15px; }  .sidebar-active.col-lg-6.is-affixed {    padding-left: 0px;    padding-right: 0px; }    .sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {      padding-left: 15px;      padding-right: 15px; }/*-------- 16. Cart style ---------*/@media only screen and (max-width: 767px) {  .cart-main-area.pb-100 {    padding-bottom: 60px; } }h3.cart-page-title {  font-size: 20px;  font-weight: 500;  margin: 0 0 15px; }.cart-table-content table {  border: 1px solid #ebebeb; }  .cart-table-content table thead >tr {    background-color: #f9f9f9;    border: 1px solid #ebebeb; }    .cart-table-content table thead >tr th {      border-top: medium none;      font-size: 14px;      font-weight: 600;      padding: 21px 45px 22px;      text-align: center;      text-transform: uppercase;      vertical-align: middle;      white-space: nowrap; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .cart-table-content table thead >tr th {          padding: 21px 35px 22px; } }      @media only screen and (max-width: 767px) {        .cart-table-content table thead >tr th {          padding: 21px 20px 22px; } }  .cart-table-content table tbody >tr {    border-bottom: 1px solid #ebebeb; }    .cart-table-content table tbody >tr td.product-thumbnail {      width: 150px; }    .cart-table-content table tbody >tr td.product-name {      width: 435px; }      .cart-table-content table tbody >tr td.product-name a {        font-size: 16px;        font-weight: 400;        font-family: "Roboto", sans-serif; }        .cart-table-content table tbody >tr td.product-name a:hover {          color: #ff3535; }    .cart-table-content table tbody >tr td.product-price-cart {      width: 435px; }      .cart-table-content table tbody >tr td.product-price-cart span {        color: #1f2226; }    .cart-table-content table tbody >tr td.product-quantity {      width: 435px; }      .cart-table-content table tbody >tr td.product-quantity .cart-plus-minus {        display: inline-block;        height: 40px;        padding: 0;        position: relative;        width: 110px; }        .cart-table-content table tbody >tr td.product-quantity .cart-plus-minus .qtybutton {          color: #333;          cursor: pointer;          float: inherit;          font-size: 16px;          margin: 0;          position: absolute;          -webkit-transition: all 0.3s ease 0s;          -o-transition: all 0.3s ease 0s;          transition: all 0.3s ease 0s;          width: 20px;          text-align: center; }        .cart-table-content table tbody >tr td.product-quantity .cart-plus-minus .dec.qtybutton {          border-right: 1px solid #e5e5e5;          height: 40px;          left: 0;          padding-top: 8px;          top: 0; }        .cart-table-content table tbody >tr td.product-quantity .cart-plus-minus .inc.qtybutton {          border-left: 1px solid #e5e5e5;          height: 40px;          padding-top: 9px;          right: 0;          top: 0; }        .cart-table-content table tbody >tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {          color: #333;          float: left;          font-size: 14px;          height: 40px;          margin: 0;          width: 110px;          background: transparent none repeat scroll 0 0;          border: 1px solid #e1e1e1;          padding: 0;          text-align: center; }    .cart-table-content table tbody >tr td.product-remove {      width: 100px; }      .cart-table-content table tbody >tr td.product-remove a {        font-size: 17px;        margin: 0 13px; }        .cart-table-content table tbody >tr td.product-remove a:hover {          color: #ff3535; }    .cart-table-content table tbody >tr td.product-wishlist-cart >a {      background-color: #ff3535;      color: #fff;      font-size: 12px;      font-weight: 600;      line-height: 1;      padding: 7px 12px;      text-transform: uppercase; }      .cart-table-content table tbody >tr td.product-wishlist-cart >a:hover {        background-color: #1f2226; }    .cart-table-content table tbody >tr td {      font-size: 16px;      padding: 30px 0;      text-align: center; }.cart-shiping-update-wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 30px 0px 55px; }  @media only screen and (max-width: 767px) {    .cart-shiping-update-wrapper {      display: block;      padding: 30px 0px 15px; } }  .cart-shiping-update-wrapper .cart-shiping-update >a,  .cart-shiping-update-wrapper .cart-clear >button,  .cart-shiping-update-wrapper .cart-clear >a {    background-color: #f2f2f2;    display: inline-block;    font-size: 13px;    font-weight: 600;    line-height: 1;    padding: 18px 40px 17px;    text-transform: uppercase; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .cart-shiping-update-wrapper .cart-shiping-update >a,      .cart-shiping-update-wrapper .cart-clear >button,      .cart-shiping-update-wrapper .cart-clear >a {        padding: 18px 25px 17px;        font-size: 13px; } }    @media only screen and (max-width: 767px) {      .cart-shiping-update-wrapper .cart-shiping-update >a,      .cart-shiping-update-wrapper .cart-clear >button,      .cart-shiping-update-wrapper .cart-clear >a {        padding: 18px 40px 17px;        margin: 0 0 15px; } }    .cart-shiping-update-wrapper .cart-shiping-update >a:hover,    .cart-shiping-update-wrapper .cart-clear >button:hover,    .cart-shiping-update-wrapper .cart-clear >a:hover {      background-color: #ff3535;      color: #fff; }  .cart-shiping-update-wrapper .cart-clear >button {    border: medium none;    cursor: pointer;    margin-right: 27px;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .cart-shiping-update-wrapper .cart-clear >button {        margin-right: 15px; } }.cart-tax,.discount-code-wrapper {  background-color: #f9f9f9;  border: 1px solid #ebebeb;  border-radius: 5px;  padding: 45px 30px 50px; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .cart-tax,    .discount-code-wrapper {      padding: 45px 18px 50px; } }  @media only screen and (max-width: 767px) {    .cart-tax,    .discount-code-wrapper {      padding: 45px 18px 50px; } }  .cart-tax .title-wrap,  .discount-code-wrapper .title-wrap {    position: relative; }    .cart-tax .title-wrap::before,    .discount-code-wrapper .title-wrap::before {      background-color: #e3e1e1;      content: "";      height: 1px;      left: 0;      position: absolute;      top: 10px;      -webkit-transition: all 0.4s ease 0s;      -o-transition: all 0.4s ease 0s;      transition: all 0.4s ease 0s;      width: 100%;      z-index: 1; }    .cart-tax .title-wrap h4.cart-bottom-title,    .discount-code-wrapper .title-wrap h4.cart-bottom-title {      display: inline-block;      font-size: 18px;      font-weight: 500;      margin: 0;      padding-right: 18px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .cart-tax .title-wrap h4.cart-bottom-title,        .discount-code-wrapper .title-wrap h4.cart-bottom-title {          font-size: 16px; } }      @media only screen and (max-width: 767px) {        .cart-tax .title-wrap h4.cart-bottom-title,        .discount-code-wrapper .title-wrap h4.cart-bottom-title {          font-size: 17px; } }    .cart-tax .title-wrap .section-bg-gray,    .discount-code-wrapper .title-wrap .section-bg-gray {      background-color: #f8f9f9;      position: relative;      z-index: 99; }  .cart-tax .tax-wrapper,  .discount-code-wrapper .tax-wrapper {    margin-top: 22px; }    .cart-tax .tax-wrapper p,    .discount-code-wrapper .tax-wrapper p {      margin: 0; }    .cart-tax .tax-wrapper .tax-select-wrapper,    .discount-code-wrapper .tax-wrapper .tax-select-wrapper {      margin: 5px 0 0; }      .cart-tax .tax-wrapper .tax-select-wrapper .tax-select,      .discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {        margin: 0 0 26px; }        .cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,        .discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {          color: #242424;          font-size: 14px;          margin: 0 0 5px; }        .cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,        .discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {          -moz-appearance: none;          -webkit-appearance: none;          background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 18px center;          border: 1px solid #ebebeb;          -webkit-box-shadow: none;          box-shadow: none;          color: #242424;          font-size: 12px;          height: 40px;          padding: 0 50px 0 15px;          width: 100%;          cursor: pointer; }        .cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,        .discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {          background: #fff none repeat scroll 0 0;          border: 1px solid #ebebeb;          height: 40px; }      .cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,      .discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {        background-color: #1f2226;        border: medium none;        color: #fff;        cursor: pointer;        font-size: 13px;        font-weight: 600;        padding: 13px 40px 12px;        text-transform: uppercase;        -webkit-transition: all 0.3s ease 0s;        -o-transition: all 0.3s ease 0s;        transition: all 0.3s ease 0s; }        .cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,        .discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {          background-color: #ff3535; }  .cart-tax .discount-code,  .discount-code-wrapper .discount-code {    margin: 21px 0 0; }    .cart-tax .discount-code p,    .discount-code-wrapper .discount-code p {      margin: 0 0 15px; }    .cart-tax .discount-code form input,    .discount-code-wrapper .discount-code form input {      background: #fff;      border: 1px solid #ebebeb;      height: 40px;      margin-bottom: 30px;      padding-left: 10px; }    .cart-tax .discount-code form button.cart-btn-2,    .discount-code-wrapper .discount-code form button.cart-btn-2 {      background-color: #1f2226;      border: medium none;      color: #fff;      cursor: pointer;      font-size: 13px;      font-weight: 600;      padding: 13px 40px 12px;      text-transform: uppercase;      -webkit-transition: all 0.3s ease 0s;      -o-transition: all 0.3s ease 0s;      transition: all 0.3s ease 0s; }      .cart-tax .discount-code form button.cart-btn-2:hover,      .discount-code-wrapper .discount-code form button.cart-btn-2:hover {        background-color: #ff3535; }.grand-totall {  background-color: #f9f9f9;  border: 1px solid #ebebeb;  border-radius: 5px;  padding: 45px 30px 50px; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .grand-totall {      padding: 45px 18px 50px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .grand-totall {      margin-top: 30px; } }  .grand-totall .title-wrap {    position: relative; }    .grand-totall .title-wrap::before {      background-color: #e3e1e1;      content: "";      height: 1px;      left: 0;      position: absolute;      top: 10px;      -webkit-transition: all 0.4s ease 0s;      -o-transition: all 0.4s ease 0s;      transition: all 0.4s ease 0s;      width: 100%;      z-index: 1; }    .grand-totall .title-wrap h4.cart-bottom-title {      display: inline-block;      font-size: 18px;      font-weight: 500;      margin: 0;      padding-right: 18px; }    .grand-totall .title-wrap .section-bg-gary-cart {      background-color: #f9f9f9;      position: relative;      z-index: 9; }  .grand-totall h5 {    font-size: 14px;    margin: 36px 0 27px; }    .grand-totall h5 span {      float: right;      font-size: 18px;      font-weight: 500; }  .grand-totall .total-shipping {    border-bottom: 1px solid #ebebeb;    border-top: 1px solid #ebebeb;    margin: 0 0 27px;    padding: 28px 0; }    .grand-totall .total-shipping h5 {      font-size: 14px;      margin: 0; }    .grand-totall .total-shipping ul {      padding: 19px 0 0 0px; }      .grand-totall .total-shipping ul li {        color: #242424;        list-style: outside none none;        margin: 0 0 6px; }        .grand-totall .total-shipping ul li:last-child {          margin: 0 0 0px; }        .grand-totall .total-shipping ul li input {          background: #e9e9e9 none repeat scroll 0 0;          border: 1px solid #d7d7d7;          border-radius: 5px !important;          color: #626262;          cursor: pointer;          height: 13px;          margin-right: 10px;          padding: 0;          position: relative;          top: 2px;          width: 13px; }        .grand-totall .total-shipping ul li span {          float: right; }  .grand-totall h4.grand-totall-title {    color: #ff3535;    font-size: 20px;    font-weight: 500;    margin: 0 0 25px; }    .grand-totall h4.grand-totall-title span {      float: right; }  .grand-totall a {    background-color: #1f2226;    color: #fff;    display: block;    font-size: 13px;    font-weight: 600;    line-height: 1;    padding: 18px 10px 17px;    text-align: center;    text-transform: uppercase; }    .grand-totall a:hover {      background-color: #ff3535; }@media only screen and (max-width: 767px) {  .discount-code-wrapper {    margin: 30px 0; } }/*-------- 17. Login register style ---------*/.login-register-wrapper .login-register-tab-list {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-bottom: 40px; }  .login-register-wrapper .login-register-tab-list a {    position: relative; }    .login-register-wrapper .login-register-tab-list a::before {      background-color: #454545;      bottom: 5px;      content: "";      height: 18px;      margin: 0 auto;      position: absolute;      right: -2px;      -webkit-transition: all 0.4s ease 0s;      -o-transition: all 0.4s ease 0s;      transition: all 0.4s ease 0s;      width: 1px; }    .login-register-wrapper .login-register-tab-list a h4 {      font-size: 25px;      font-weight: 700;      margin: 0 20px;      text-transform: capitalize;      -webkit-transition: all 0.3s ease 0s;      -o-transition: all 0.3s ease 0s;      transition: all 0.3s ease 0s; }    .login-register-wrapper .login-register-tab-list a:last-child::before {      display: none; }  .login-register-wrapper .login-register-tab-list a.active h4 {    color: #ff3535; }.login-register-wrapper .login-form-container {  background: transparent none repeat scroll 0 0;  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);  padding: 80px;  text-align: left; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .login-register-wrapper .login-form-container {      padding: 80px 50px; } }  @media only screen and (max-width: 767px) {    .login-register-wrapper .login-form-container {      padding: 40px 15px; } }  .login-register-wrapper .login-form-container .login-register-form form input {    background-color: transparent;    border: 1px solid #ebebeb;    font-size: 14px;    height: 50px;    margin-bottom: 30px;    padding: 0 15px; }  .login-register-wrapper .login-form-container .login-register-form form input[type="checkbox"] {    height: 15px;    margin: 0;    position: relative;    top: 2px;    width: 17px; }  .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {    padding: 10px 0 19px; }    .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {      font-size: 15px;      font-weight: 400; }      @media only screen and (max-width: 767px) {        .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {          font-size: 14px; } }    .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {      float: right;      font-size: 15px;      -webkit-transition: all 0.3s ease 0s;      -o-transition: all 0.3s ease 0s;      transition: all 0.3s ease 0s; }      @media only screen and (max-width: 767px) {        .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {          font-size: 14px; } }      .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {        color: #ff3535; }  .login-register-wrapper .login-form-container .login-register-form form .button-box button {    background-color: #f2f2f2;    border: medium none;    cursor: pointer;    font-size: 13px;    font-weight: 600;    line-height: 1;    padding: 13px 30px 14px;    text-transform: uppercase;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s; }    .login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {      background-color: #ff3535;      color: #fff; }@media only screen and (max-width: 767px) {  .login-register-area.pb-100 {    padding-bottom: 60px; } }/*-------- 18. Blog details style ---------*/.blog-details-top .blog-details-img {  position: relative; }  .blog-details-top .blog-details-img img {    width: 100%; }  .blog-details-top .blog-details-img .video-icon {    left: 0;    position: absolute;    right: 0;    text-align: center;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }    .blog-details-top .blog-details-img .video-icon a {      background-color: #ff0000;      border-radius: 50px;      color: #fff;      display: inline-block;      font-size: 25px;      height: 60px;      line-height: 61px;      width: 60px; }      .blog-details-top .blog-details-img .video-icon a:hover {        background-color: #ff3535; }.blog-details-top .blog-details-content {  margin-top: 30px; }  @media only screen and (max-width: 767px) {    .blog-details-top .blog-details-content {      margin-top: 20px; } }  .blog-details-top .blog-details-content h3 {    font-size: 24px;    font-weight: 500;    margin: 0px;    color: #383838; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .blog-details-top .blog-details-content h3 {        font-size: 22px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog-details-top .blog-details-content h3 {        font-size: 22px; } }    @media only screen and (max-width: 767px) {      .blog-details-top .blog-details-content h3 {        font-size: 18px;        line-height: 30px; } }  .blog-details-top .blog-details-content .blog-details-meta {    margin: 12px 0 15px; }    .blog-details-top .blog-details-content .blog-details-meta ul li {      display: inline-block;      color: #919090;      font-size: 14px;      margin-right: 28px;      position: relative; }      .blog-details-top .blog-details-content .blog-details-meta ul li:last-child {        margin-right: 0; }      .blog-details-top .blog-details-content .blog-details-meta ul li::before {        position: absolute;        right: -22px;        top: 12px;        width: 15px;        height: 1px;        background-color: #999898;        content: "";        -webkit-transform: rotate(70deg);        -ms-transform: rotate(70deg);        transform: rotate(70deg); }      .blog-details-top .blog-details-content .blog-details-meta ul li:last-child::before {        display: none; }  .blog-details-top .blog-details-content p {    margin: 0;    line-height: 26px; }  .blog-details-top .blog-details-content blockquote {    font-size: 18px;    margin: 25px 0 26px 50px;    line-height: 34px;    font-weight: 600;    font-style: italic;    color: #383838;    position: relative; }    @media only screen and (max-width: 767px) {      .blog-details-top .blog-details-content blockquote {        margin: 25px 0 26px 20px; } }    .blog-details-top .blog-details-content blockquote:before {      position: absolute;      left: -20px;      top: 8px;      height: 56px;      width: 5px;      background-color: #ff3535;      content: ""; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .blog-details-top .blog-details-content blockquote {        font-size: 17px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .blog-details-top .blog-details-content blockquote {        font-size: 16px; } }    @media only screen and (max-width: 767px) {      .blog-details-top .blog-details-content blockquote {        font-size: 16px;        line-height: 30px; } }.dec-img-wrapper {  margin-top: 50px; }  @media only screen and (max-width: 767px) {    .dec-img-wrapper {      margin-top: 30px; } }  .dec-img-wrapper .dec-img img {    width: 100%; }  @media only screen and (max-width: 767px) {    .dec-img-wrapper .dec-img.mb-50 {      margin-bottom: 30px; } }.tag-share {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin: 30px 0 30px; }  @media only screen and (max-width: 767px) {    .tag-share {      display: block;      margin: 20px 0 25px; } }  @media only screen and (max-width: 767px) {    .tag-share .dec-tag {      margin-bottom: 10px; } }  .tag-share .dec-tag ul {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }    .tag-share .dec-tag ul li {      margin-right: 10px;      position: relative; }      .tag-share .dec-tag ul li a {        text-transform: capitalize;        font-size: 15px; }  .tag-share .blog-share {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; }    .tag-share .blog-share span {      font-size: 15px;      text-transform: capitalize; }    .tag-share .blog-share ul {      display: -webkit-box;      display: -ms-flexbox;      display: flex; }      .tag-share .blog-share ul li {        margin-left: 10px; }        .tag-share .blog-share ul li a {          font-size: 16px; }.next-previous-post {  border-bottom: 1px solid #f1f1f1;  border-top: 1px solid #f1f1f1;  padding: 18px 0 17px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }  .next-previous-post a {    font-size: 15px;    text-transform: capitalize;    font-weight: 500; }    .next-previous-post a i {      font-size: 12px;      position: relative;      top: 0px; }@media only screen and (max-width: 767px) {  .blog-comment-wrapper.mt-55 {    margin-top: 25px; } }.blog-comment-wrapper .blog-dec-title {  font-size: 20px;  font-weight: 600;  margin: 0;  text-transform: uppercase; }  @media only screen and (max-width: 767px) {    .blog-comment-wrapper .blog-dec-title {      font-size: 18px; } }.blog-comment-wrapper .single-comment-wrapper {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }  @media only screen and (max-width: 767px) {    .blog-comment-wrapper .single-comment-wrapper {      display: block; }      .blog-comment-wrapper .single-comment-wrapper.mt-35 {        margin-top: 20px; }      .blog-comment-wrapper .single-comment-wrapper.mt-50 {        margin-top: 30px; } }  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {    -webkit-box-flex: 0;    -ms-flex: 0 0 120px;    flex: 0 0 120px;    margin-right: 28px; }    @media only screen and (max-width: 767px) {      .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {        margin-right: 28px;        margin-bottom: 20px; } }    .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {      width: 100%; }      @media only screen and (max-width: 767px) {        .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {          width: auto; } }  .blog-comment-wrapper .single-comment-wrapper .blog-comment-content h4 {    font-size: 14px;    font-weight: 600;    margin: 0;    line-height: 1;    text-transform: uppercase; }  .blog-comment-wrapper .single-comment-wrapper .blog-comment-content span {    display: block;    font-size: 14px;    margin: 2px 0 8px; }  .blog-comment-wrapper .single-comment-wrapper .blog-comment-content p {    font-size: 14px;    margin-bottom: 10px; }  .blog-comment-wrapper .single-comment-wrapper .blog-comment-content .blog-details-btn a {    font-size: 14px;    font-weight: 600;    text-transform: uppercase; }  @media only screen and (max-width: 767px) {    .blog-comment-wrapper .single-comment-wrapper.ml-120 {      margin-left: 0; } }@media only screen and (max-width: 767px) {  .blog-reply-wrapper.mt-50 {    margin-top: 30px; } }.blog-reply-wrapper .blog-dec-title {  font-size: 20px;  font-weight: 600;  margin: 0;  text-transform: uppercase; }  @media only screen and (max-width: 767px) {    .blog-reply-wrapper .blog-dec-title {      font-size: 18px; } }.blog-reply-wrapper .blog-form {  margin-top: 35px; }  @media only screen and (max-width: 767px) {    .blog-reply-wrapper .blog-form {      margin-top: 20px; } }  .blog-reply-wrapper .blog-form .leave-form input {    background: transparent none repeat scroll 0 0;    border: 1px solid #eaeaea;    -webkit-box-shadow: none;    box-shadow: none;    height: 50px;    margin-bottom: 30px;    padding: 2px 20px 2px 20px;    color: #1f2226; }  .blog-reply-wrapper .blog-form .text-leave textarea {    background: transparent none repeat scroll 0 0;    border: 1px solid #eaeaea;    -webkit-box-shadow: none;    box-shadow: none;    height: 250px;    margin-bottom: 20px;    padding: 20px 20px 2px 20px; }    @media only screen and (max-width: 767px) {      .blog-reply-wrapper .blog-form .text-leave textarea {        height: 180px; } }  .blog-reply-wrapper .blog-form .text-leave input {    background-color: #ff3535;    border: medium none;    color: #fff;    cursor: pointer;    display: inline-block;    font-weight: 600;    height: inherit;    margin-top: 10px;    padding: 14px 30px 13px;    width: inherit;    font-size: 13px; }    .blog-reply-wrapper .blog-form .text-leave input:hover {      background-color: #1f2226; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-details-wrapper.ml-20 {    margin-left: 0; } }@media only screen and (max-width: 767px) {  .blog-details-wrapper.ml-20 {    margin-left: 0; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-details-wrapper.mr-20 {    margin-right: 0; } }@media only screen and (max-width: 767px) {  .blog-details-wrapper.mr-20 {    margin-right: 0; } }/*-------- 19. About us style ---------*/.story-img {  position: relative; }  .story-img img {    width: 100%; }  .story-img .about-logo {    margin: 0;    position: absolute;    right: 0;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); }    .story-img .about-logo h3 {      background-color: #ff3535;      border-radius: 100%;      color: #fff;      font-size: 40px;      font-weight: bold;      margin: 0;      position: relative;      right: 0;      text-align: center;      text-transform: uppercase;      display: inline-block;      width: 185px;      height: 185px;      line-height: 185px; }      @media only screen and (max-width: 767px) {        .story-img .about-logo h3 {          width: 150px;          height: 150px;          line-height: 150px;          font-size: 30px; } }      .story-img .about-logo h3::before {        border: 1px solid #fff;        border-radius: 100%;        content: "";        height: 152px;        left: 17px;        line-height: 144px;        position: absolute;        top: 17px;        width: 152px; }        @media only screen and (max-width: 767px) {          .story-img .about-logo h3::before {            width: 130px;            line-height: 130px;            height: 130px;            top: 10px;            left: 10px; } }.story-details .story-details-top {  margin-bottom: 48px; }  @media only screen and (max-width: 767px) {    .story-details .story-details-top {      margin-bottom: 30px; } }  .story-details .story-details-top >h2 {    font-size: 36px;    font-weight: bold;    margin: 0 0 20px;    text-transform: uppercase; }    @media only screen and (max-width: 767px) {      .story-details .story-details-top >h2 {        font-size: 27px;        line-height: 25px;        margin: 0 0 12px; } }    .story-details .story-details-top >h2 span {      color: #ff3535; }.story-details .story-details-bottom {  margin-bottom: 48px; }  @media only screen and (max-width: 767px) {    .story-details .story-details-bottom {      margin-bottom: 30px; } }  .story-details .story-details-bottom:last-child {    margin-bottom: 0; }  .story-details .story-details-bottom h4 {    font-size: 18px;    font-weight: 600;    margin-bottom: 15px;    text-transform: uppercase; }    @media only screen and (max-width: 767px) {      .story-details .story-details-bottom h4 {        margin-bottom: 10px; } }  .story-details .story-details-bottom p {    letter-spacing: 0.4px;    line-height: 26px;    margin: 0; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .story-details {    margin-top: 30px; }    .story-details.pl-50 {      padding-left: 0; } }@media only screen and (max-width: 767px) {  .story-details {    margin-top: 30px; }    .story-details.pl-50 {      padding-left: 0; } }.team-wrapper {  background-color: #f7f7f7; }  .team-wrapper .team-img {    position: relative; }    .team-wrapper .team-img a img {      width: 100%; }    .team-wrapper .team-img .team-action {      background: #fff none repeat scroll 0 0;      left: 0;      opacity: 0;      padding: 10px;      position: absolute;      right: 0;      text-align: center;      top: 70%;      -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);      transform: translateY(-50%);      -webkit-transition: all 0.6s ease 0s;      -o-transition: all 0.6s ease 0s;      transition: all 0.6s ease 0s;      width: 100%;      z-index: 5; }      .team-wrapper .team-img .team-action a {        border-radius: 50px;        color: #fff;        display: inline-block;        font-size: 14px;        height: 30px;        line-height: 30px;        text-align: center;        width: 30px;        margin: 0 3px; }        .team-wrapper .team-img .team-action a.facebook {          border: 1px solid #3b5998;          background-color: #3b5998; }          .team-wrapper .team-img .team-action a.facebook:hover {            background-color: transparent;            color: #3b5998; }        .team-wrapper .team-img .team-action a.twitter {          border: 1px solid #55acee;          background-color: #55acee; }          .team-wrapper .team-img .team-action a.twitter:hover {            background-color: transparent;            color: #55acee; }        .team-wrapper .team-img .team-action a.instagram {          border: 1px solid #c32aa3;          background-color: #c32aa3; }          .team-wrapper .team-img .team-action a.instagram:hover {            background-color: transparent;            color: #c32aa3; }  .team-wrapper .team-content {    padding: 20px 10px 23px; }    .team-wrapper .team-content h4 {      font-size: 18px;      font-weight: 500;      margin: 0 0 4px;      text-transform: capitalize; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .team-wrapper .team-content h4 {          font-size: 16px;          margin: 0 0 2px; } }    .team-wrapper .team-content span {      font-size: 15px;      font-style: italic; }  .team-wrapper:hover .team-action {    top: 50%;    opacity: 1; }/*-------- 20. Contact us style ---------*/.contact-info-area h2 {  font-weight: 600;  margin: 0 0 15px;  font-size: 35px;  line-height: 30px; }.contact-info-area p {  margin: 0 0 0px;  font-size: 15px;  color: #1f2226;  line-height: 26px; }.contact-info-area .contact-info-wrap {  margin: 60px 0 0; }  @media only screen and (max-width: 767px) {    .contact-info-area .contact-info-wrap {      margin: 20px 0 30px; } }  .contact-info-area .contact-info-wrap .single-contact-info {    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin: 0 0 37px; }    @media only screen and (max-width: 767px) {      .contact-info-area .contact-info-wrap .single-contact-info {        margin: 0 0 20px; } }    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {      -webkit-box-flex: 0;      -ms-flex: 0 0 62px;      flex: 0 0 62px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {          -webkit-box-flex: 0;          -ms-flex: 0 0 50px;          flex: 0 0 50px; } }      @media only screen and (max-width: 767px) {        .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {          -webkit-box-flex: 0;          -ms-flex: 0 0 44px;          flex: 0 0 44px; } }      .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {        font-size: 36px;        color: #ff3535;        position: relative;        top: 4px; }        @media only screen and (max-width: 767px) {          .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {            font-size: 30px;            top: 4px; } }    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {      margin: 0;      font-size: 16px; }      @media only screen and (min-width: 992px) and (max-width: 1199px) {        .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {          font-size: 15px; } }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {          font-size: 15px; } }      @media only screen and (max-width: 767px) {        .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {          font-size: 14px; } }.contact-from {  -webkit-box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);  box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);  padding: 50px;  margin-left: 50px; }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .contact-from {      margin-left: 20px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .contact-from {      margin-left: 0px;      padding: 30px; } }  @media only screen and (max-width: 767px) {    .contact-from {      margin-left: 0px;      padding: 30px 20px; } }  .contact-from input, .contact-from textarea {    background: transparent;    border: 1px solid #e5e5e5;    font-size: 15px;    height: 50px;    padding: 2px 24px;    margin-bottom: 15px;    color: #1f2226; }  .contact-from textarea {    height: 120px;    padding: 16px 24px 2px; }  .contact-from button {    border: none;    padding: 0;    background-color: transparent;    text-align: center;    color: #fff;    background-color: #1f2226;    display: block;    width: 100%;    text-transform: uppercase;    font-size: 13px;    font-weight: 600;    padding: 16px 10px; }    @media only screen and (max-width: 767px) {      .contact-from button {        padding: 13px 10px; } }    .contact-from button:hover {      background-color: #ff3535; }.contact-map #map {  height: 500px; }  @media only screen and (max-width: 767px) {    .contact-map #map {      height: 300px; } }/*-------- 21. Compare style ---------*/.compare-table .table tbody tr td {  text-align: center;  padding: 20px 20px;  vertical-align: middle;  border-color: #ccc; }  .compare-table .table tbody tr td.first-column {    min-width: 175px;    font-size: 15px;    font-weight: 600;    margin: 0; }    @media only screen and (max-width: 767px) {      .compare-table .table tbody tr td.first-column {        min-width: 115px; } }  .compare-table .table tbody tr td.product-image-title {    min-width: 310px;    vertical-align: bottom; }    @media only screen and (max-width: 767px) {      .compare-table .table tbody tr td.product-image-title {        min-width: 220px; } }    .compare-table .table tbody tr td.product-image-title .image {      clear: both;      width: 100%;      margin-bottom: 15px;      display: block; }      .compare-table .table tbody tr td.product-image-title .image img {        width: 100%; }    .compare-table .table tbody tr td.product-image-title .category {      float: left;      clear: both;      color: #ff3535;      text-transform: capitalize;      letter-spacing: 0.5px; }    .compare-table .table tbody tr td.product-image-title .title {      float: left;      clear: both;      font-size: 18px;      line-height: 1.2;      font-weight: 400;      text-transform: capitalize;      font-family: "Roboto", sans-serif;      margin-top: 5px; }      .compare-table .table tbody tr td.product-image-title .title:hover {        color: #ff3535; }  .compare-table .table tbody tr td.pro-desc p {    text-align: left;    margin: 0; }  .compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {    font-size: 14px;    font-weight: 400; }  .compare-table .table tbody tr td.pro-remove button {    border: none;    background-color: transparent;    padding: 0;    cursor: pointer; }    .compare-table .table tbody tr td.pro-remove button:hover {      color: #ff3535; }    .compare-table .table tbody tr td.pro-remove button i {      font-size: 20px; }  .compare-table .table tbody tr td.pro-ratting i {    color: #e7a415; }/*------ end Compare Page Wrapper -----*//*-------- 22. Checkout style ---------*/.customer-zone >p {  font-size: 14px;  position: relative;  padding: 14px 30px 14px 60px;  background-color: #eeeff2;  margin: 0;  position: relative; }  @media only screen and (max-width: 767px) {    .customer-zone >p {      padding: 14px 30px 14px 40px; } }  .customer-zone >p:before {    content: "\e080";    color: #6dde6d;    display: inline-block;    position: absolute;    font-family: 'simple-line-icons';    left: 15px;    top: 15px;    font-size: 15px; }.checkout-login-info {  margin: 20px 0 0;  display: none; }  .checkout-login-info p {    font-size: 14px;    margin: 0 0 12px; }  .checkout-login-info form {    display: block;    overflow: hidden; }    .checkout-login-info form .sin-checkout-login {      margin-bottom: 30px; }      .checkout-login-info form .sin-checkout-login label {        font-size: 13px;        text-transform: uppercase;        margin: 0 0 5px; }        .checkout-login-info form .sin-checkout-login label span {          color: red; }      .checkout-login-info form .sin-checkout-login input {        border: 1px solid #e8e8e8;        height: 50px;        background-color: transparent; }        .checkout-login-info form .sin-checkout-login input:focus {          border: 1px solid #343538; }    .checkout-login-info form .button-remember-wrap {      display: block;      overflow: hidden; }      .checkout-login-info form .button-remember-wrap button {        border: 1px solid #aaa;        font-size: 13px;        padding: 10px 30px 9px;        display: inline-block;        float: left;        margin-right: 20px;        font-weight: 600;        text-transform: uppercase; }        .checkout-login-info form .button-remember-wrap button:hover {          background-color: #ff3535;          color: #fff;          border: 1px solid #ff3535; }      .checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        margin: 8px 0 0; }        .checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn input {          height: 15px;          margin: 0;          position: relative;          top: 5px;          width: 17px; }        .checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn label {          font-size: 14px;          margin: 0 0 0 5px; }    .checkout-login-info form .lost-password {      margin: 20px 0 11px; }      .checkout-login-info form .lost-password a {        font-size: 14px; }  .checkout-login-info .checkout-login-social span {    font-size: 14px;    margin: 0 0 13px;    display: block; }    @media only screen and (max-width: 767px) {      .checkout-login-info .checkout-login-social span {        font-size: 13px; } }  .checkout-login-info .checkout-login-social ul li {    display: inline-block;    margin: 0 14px 0 0; }    .checkout-login-info .checkout-login-social ul li:last-child {      margin: 0 0px 0 0; }    @media only screen and (max-width: 767px) {      .checkout-login-info .checkout-login-social ul li {        margin: 0 5px 0 0; } }    .checkout-login-info .checkout-login-social ul li a {      background-color: #f5f5f5;      text-transform: uppercase;      font-weight: 500;      display: block;      float: left;      font-size: 13px;      padding: 20px;      padding: 24px 106px 25px;      line-height: 1; }      @media only screen and (min-width: 768px) and (max-width: 991px) {        .checkout-login-info .checkout-login-social ul li a {          padding: 24px 70px 25px; } }      @media only screen and (max-width: 767px) {        .checkout-login-info .checkout-login-social ul li a {          padding: 15px 13px 16px; } }      .checkout-login-info .checkout-login-social ul li a:hover {        background-color: #ff3535;        color: #fff; }.checkout-login-info2 {  display: none;  margin: 20px 0 0; }  .checkout-login-info2 ul li {    display: inline-block; }    .checkout-login-info2 ul li a {      color: #8a8a8a;      font-size: 12px; }      .checkout-login-info2 ul li a:hover {        color: #ff3535; }.checkout-login-info3 {  display: none;  margin-top: 20px; }  .checkout-login-info3 form input[type="text"] {    border: 1px solid #e8e8e8;    height: 50px;    background-color: transparent;    width: 48%;    font-size: 14px;    padding: 0 20px; }    .checkout-login-info3 form input[type="text"]:focus {      border: 1px solid #1f2226; }  .checkout-login-info3 form input[type="submit"] {    background: #1f2226 none repeat scroll 0 0;    border: medium none;    color: #fff;    height: 50px;    margin-left: 6px;    padding: 5px 30px;    font-size: 13px;    text-transform: uppercase;    font-weight: 600;    width: inherit; }    @media only screen and (min-width: 992px) and (max-width: 1199px) {      .checkout-login-info3 form input[type="submit"] {        padding: 5px 15px; } }    @media only screen and (max-width: 767px) {      .checkout-login-info3 form input[type="submit"] {        padding: 5px 16px; } }    .checkout-login-info3 form input[type="submit"]:hover {      background-color: #ff3535; }.billing-info-wrap h3 {  font-size: 20px;  font-weight: 600;  position: relative;  margin: 0 0 55px; }  @media only screen and (max-width: 767px) {    .billing-info-wrap h3 {      margin-bottom: 40px; } }  .billing-info-wrap h3:before {    position: absolute;    content: "";    left: 0;    bottom: -12px;    background-color: #000;    width: 50px;    height: 2px; }.billing-info-wrap .billing-info label {  font-size: 14px;  text-transform: uppercase;  display: block;  margin: 0 0 5px; }  .billing-info-wrap .billing-info label abbr {    color: red; }.billing-info-wrap .billing-info input {  border: 1px solid #e8e8e8;  height: 50px;  background-color: transparent;  padding: 2px 20px;  color: #1f2226;  font-size: 13px; }  .billing-info-wrap .billing-info input:focus {    border: 1px solid #343538; }  .billing-info-wrap .billing-info input.billing-address {    margin-bottom: 20px; }.billing-info-wrap .billing-select label {  font-size: 13px;  text-transform: uppercase;  display: block;  margin: 0 0 5px; }  .billing-info-wrap .billing-select label abbr {    color: red; }.billing-info-wrap .billing-select select {  border: 1px solid #e6e6e6;  -moz-appearance: none;  -webkit-appearance: none;  color: #1f2226;  font-size: 13px;  height: 50px;  padding: 2px 20px;  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 18px center;  cursor: pointer; }  .billing-info-wrap .billing-select select option {    background: #fff;    border: 0px solid #626262;    padding-left: 10px;    color: #1f2226;    font-size: 12px; }.billing-info-wrap .checkout-account input {  border: 1px solid #9fa0a2;  display: inline-block;  float: left;  height: 10px;  width: 10px;  position: relative;  top: 6px;  color: #1f2226; }.billing-info-wrap .checkout-account span {  color: #1f2226;  font-weight: 400;  margin: 0 0 0 12px;  font-size: 14px;  text-transform: uppercase; }.billing-info-wrap .checkout-account-toggle label {  font-size: 14px;  text-transform: uppercase;  display: block;  margin: 0 0 5px; }  .billing-info-wrap .checkout-account-toggle label abbr {    color: red; }.billing-info-wrap .checkout-account-toggle input {  border: 1px solid #e8e8e8;  height: 50px;  background-color: transparent;  color: #1f2226;  font-size: 13px;  padding: 2px 20px; }  .billing-info-wrap .checkout-account-toggle input:focus {    border: 1px solid #343538; }.billing-info-wrap .different-address {  display: none; }.billing-info-wrap .additional-info-wrap {  margin: 22px 0 0; }  .billing-info-wrap .additional-info-wrap label {    color: #1f2226;    font-size: 14px;    text-transform: uppercase;    display: block;    margin: 0 0 5px; }  .billing-info-wrap .additional-info-wrap textarea {    min-height: 120px;    background-color: #f7f7f7;    border-color: #f7f7f7;    padding: 20px;    color: #1f2226;    font-size: 13px; }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .billing-info-wrap.mr-50 {    margin-right: 30px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .billing-info-wrap.mr-50 {    margin-right: 0px; } }@media only screen and (max-width: 767px) {  .billing-info-wrap.mr-50 {    margin-right: 0px; } }.your-order-area {  padding: 40px 50px 50px;  border-width: 2px;  border-style: solid;  position: relative;  border-color: rgba(52, 53, 56, 0.1); }  @media only screen and (min-width: 992px) and (max-width: 1199px) {    .your-order-area {      padding: 40px 25px 50px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .your-order-area {      margin-top: 30px; } }  @media only screen and (max-width: 767px) {    .your-order-area {      padding: 40px 12px 50px;      margin-top: 30px; } }  .your-order-area h3 {    font-size: 20px;    font-weight: 600;    position: relative;    margin: 0 0 45px;    text-transform: capitalize; }    .your-order-area h3:before {      position: absolute;      content: "";      left: 0;      bottom: -12px;      background-color: #000;      width: 50px;      height: 2px; }  .your-order-area .your-order-wrap .your-order-info {    border-bottom: 1px solid #e8e8e8; }    .your-order-area .your-order-wrap .your-order-info ul li {      font-size: 14px;      padding: 0 0 7px;      text-transform: uppercase;      font-weight: 500; }      .your-order-area .your-order-wrap .your-order-info ul li span {        float: right; }    .your-order-area .your-order-wrap .your-order-info.order-subtotal {      padding: 15px 0 10px; }      .your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span {        font-size: 16px; }    .your-order-area .your-order-wrap .your-order-info.order-shipping {      padding: 15px 0 13px;      display: block;      overflow: hidden; }      .your-order-area .your-order-wrap .your-order-info.order-shipping ul li >p {        float: right;        font-size: 12px;        text-align: right;        color: #1f2226;        text-transform: capitalize; }    .your-order-area .your-order-wrap .your-order-info.order-total {      padding: 15px 0 10px; }      .your-order-area .your-order-wrap .your-order-info.order-total ul li span {        font-size: 16px; }  .your-order-area .your-order-wrap .your-order-middle {    border-bottom: 1px solid #e8e8e8;    padding: 24px 0 23px; }    .your-order-area .your-order-wrap .your-order-middle ul li {      font-size: 14px;      margin: 0 0 11px;      font-family: "Roboto", sans-serif; }      .your-order-area .your-order-wrap .your-order-middle ul li:last-child {        margin-bottom: 0; }      .your-order-area .your-order-wrap .your-order-middle ul li span {        float: right;        font-size: 16px;        font-family: "Poppins", sans-serif; }  .your-order-area .your-order-wrap .payment-method {    margin: 17px 0 0; }    .your-order-area .your-order-wrap .payment-method .sin-payment {      margin-bottom: 20px; }      .your-order-area .your-order-wrap .payment-method .sin-payment input {        width: auto;        display: inline-block;        float: left;        height: auto;        margin-top: 5px; }      .your-order-area .your-order-wrap .payment-method .sin-payment label {        font-size: 14px;        text-transform: uppercase;        margin: 0px 0 0 21px;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center; }        @media only screen and (max-width: 767px) {          .your-order-area .your-order-wrap .payment-method .sin-payment label {            display: block; } }        .your-order-area .your-order-wrap .payment-method .sin-payment label img {          max-width: 140px;          display: inline-block;          margin: 0 5px; }        .your-order-area .your-order-wrap .payment-method .sin-payment label a {          text-decoration: underline; }      .your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {        margin: 6px 0 0;        display: none; }        .your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {          font-size: 12px;          margin: 0; }      .your-order-area .your-order-wrap .payment-method .sin-payment.sin-payment-3 input {        margin-top: 18px; }  .your-order-area .Place-order a {    background-color: #ff3535;    font-size: 12px;    display: block;    cursor: pointer;    padding: 17px 50px 18px;    text-transform: uppercase;    font-weight: 700;    width: 100%;    color: #fff;    font-size: 13px;    font-weight: 600l;    text-align: center; }    .your-order-area .Place-order a:hover {      background-color: #212529; }@media only screen and (max-width: 767px) {  .checkout-main-area.pb-70 {    padding-bottom: 50px; } }/*-------- 23. My account style ---------*/.myaccount-tab-menu {  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; }  .myaccount-tab-menu a {    border: 1px solid #ccc;    border-bottom: none;    font-weight: 600;    font-size: 13px;    display: block;    padding: 10px 15px;    text-transform: uppercase; }    .myaccount-tab-menu a:last-child {      border-bottom: 1px solid #ccc; }    .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {      background-color: #ff3535;      border-color: #ff3535;      color: #ffffff; }    .myaccount-tab-menu a i.fa {      font-size: 14px;      text-align: center;      width: 25px; }@media only screen and (max-width: 767px) {  #myaccountContent {    margin-top: 30px; } }.myaccount-content {  border: 1px solid #eeeeee;  padding: 30px; }  @media only screen and (max-width: 767px) {    .myaccount-content {      padding: 20px 15px; } }  .myaccount-content form {    margin-top: -20px; }  .myaccount-content h3 {    font-size: 20px;    border-bottom: 1px dashed #ccc;    padding-bottom: 10px;    margin-bottom: 25px;    font-weight: 600; }  .myaccount-content .welcome a:hover {    color: #ff3535; }  .myaccount-content .welcome strong {    font-weight: 600;    color: #ff3535; }  .myaccount-content fieldset {    margin-top: 20px; }    .myaccount-content fieldset legend {      font-size: 16px;      margin-bottom: 20px;      font-weight: 500;      padding-bottom: 10px;      border-bottom: 1px solid #ccc; }  .myaccount-content .account-details-form {    margin-top: 50px; }    .myaccount-content .account-details-form .single-input-item {      margin-bottom: 20px; }      .myaccount-content .account-details-form .single-input-item label {        font-size: 14px;        text-transform: capitalize;        display: block;        margin: 0 0 5px; }      .myaccount-content .account-details-form .single-input-item input {        border: 1px solid #e8e8e8;        height: 50px;        background-color: transparent;        padding: 2px 20px;        color: #1f2226;        font-size: 13px; }        .myaccount-content .account-details-form .single-input-item input:focus {          border: 1px solid #343538; }      .myaccount-content .account-details-form .single-input-item button {        border: none;        background-color: #ff3535;        text-transform: uppercase;        font-weight: 600;        padding: 9px 25px;        color: #fff;        font-size: 13px; }        .myaccount-content .account-details-form .single-input-item button:hover {          background-color: #1f2226; }.myaccount-table {  white-space: nowrap;  font-size: 14px; }  .myaccount-table table th,  .myaccount-table .table th {    padding: 10px;    font-weight: 600;    background-color: #f8f8f8;    border-color: #ccc;    border-bottom: 0;    color: #1f2226; }  .myaccount-table table td,  .myaccount-table .table td {    padding: 10px;    vertical-align: middle;    border-color: #ccc; }.saved-message {  background-color: #fff;  border-top: 3px solid #ff3535;  font-size: 14px;  padding: 20px 0; }/*-------- Start My Account Page Wrapper --------*//*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/4147(这个备注仅在演示页面有，源代码里没有)*/