/* 2020/04/18 */



/* :: 2.0 Import All CSS */

@import url("bootstrap.min.css");

@import url("classy-nav.css");

@import url("owl.carousel.min.css");

@import url("animate.css");

@import url("magnific-popup.css");

@import url("font-awesome.min.css");

@import url("elegant-icon.css");

/* :: 3.0 Base CSS */

* {

  margin: 0;

  padding: 0; }



body {

  font-family: "Dosis", sans-serif;

  font-size: 16px;

  color: #707070; }



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #303030;

  line-height: 1.3;

  font-weight: 500; }



p {

  color: #707070;

  font-size: 14px;

  line-height: 1.7;

  font-weight: 400; }



a,

a:hover,

a:focus {

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  text-decoration: none;

  outline: 0 solid transparent;

  color: #303030;

  font-weight: 500;

  font-size: 14px; }



ul,

ol {

  margin: 0; }

  ul li,

  ol li {

    list-style: none; }



img {

  height: auto;

  max-width: 100%; }

.tlinks {

  text-indent: -9999px;

  height: 0;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}

/* :: 3.1.0 Spacing */

.mt-15 {

  margin-top: 15px !important; }



.mt-30 {

  margin-top: 30px !important; }



.mt-50 {

  margin-top: 50px !important; }



.mt-70 {

  margin-top: 70px !important; }



.mt-100 {

  margin-top: 100px !important; }



.mb-15 {

  margin-bottom: 15px !important; }



.mb-30 {

  margin-bottom: 30px !important; }



.mb-50 {

  margin-bottom: 50px !important; }



.mb-70 {

  margin-bottom: 70px !important; }



.mb-100 {

  margin-bottom: 100px !important; }



.ml-15 {

  margin-left: 15px !important; }



.ml-30 {

  margin-left: 30px !important; }



.ml-50 {

  margin-left: 50px !important; }



.mr-15 {

  margin-right: 15px !important; }



.mr-30 {

  margin-right: 30px !important; }



.mr-50 {

  margin-right: 50px !important; }



/* :: 3.2.0 Height */

.height-400 {

  height: 400px; }



.height-500 {

  height: 500px; }



.height-600 {

  height: 600px; }



.height-700 {

  height: 700px; }



.height-800 {

  height: 800px; }



/* :: 3.3.0 Section Padding */

.section-padding-100 {

  padding-top: 60px;

  padding-bottom: 60px; 

   background-color: rgba(0, 0, 255, 0.1);

  }



.section-padding-100-0 {

  padding-top: 100px;

  padding-bottom: 0; }



.section-padding-0-100 {

  padding-top: 0;

  padding-bottom: 100px; }



.section-padding-100-70 {

  padding-top: 100px;

  padding-bottom: 70px; }



/* :: 3.4.0 Section Heading */

.section-heading {

  position: relative;

  z-index: 1;

  margin-bottom: 20px; }

  .section-heading h2 {

    font-size: 30px;

    text-transform: uppercase;

    margin-bottom: 0; }

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

      .section-heading h2 {

        font-size: 24px; } }

  .section-heading p {

    font-size: 16px;

    color: #707070;

    margin-bottom: 0; }



/* :: 3.5.0 Preloader */

.preloader {

  background-color: #f2f4f5;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999;

  overflow: hidden; }

  .preloader .preloader-circle {

    width: 80px;

    height: 80px;

    position: relative;

    border-style: solid;

    border-width: 2px;

    border-top-color: #00aef3;

    border-bottom-color: transparent;

    border-left-color: transparent;

    border-right-color: transparent;

    z-index: 10;

    border-radius: 50%;

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);

    background-color: #ffffff;

    -webkit-animation: zoom 2000ms infinite ease;

    animation: zoom 2000ms infinite ease; }

  .preloader .preloader-img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 200; }

    .preloader .preloader-img img {

      max-width: 45px; }



@-webkit-keyframes zoom {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

@keyframes zoom {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

/* :: 3.6.0 Miscellaneous */

.bg-img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat; }



.bg-white {

  background-color: #ffffff !important; }



.bg-dark {

  background-color: #000000 !important; }



.bg-transparent {

  background-color: transparent !important; }



.font-bold {

  font-weight: 700; }



.font-light {

  font-weight: 300; }



.bg-overlay {

  position: relative;

  z-index: 2;

  background-position: center center;

  background-size: cover; }

  .bg-overlay::after {

    background-color: rgba(17, 17, 17, 0.5);

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: ""; }



.bg-fixed {

  background-attachment: fixed !important; }



.bg-gray {

  background-color: #f2f4f5; }



/* :: 3.7.0 ScrollUp */

#scrollUp {

  background-color: #00aef3;

  border-radius: 0;

  bottom: 0;

  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  color: #ffffff;

  font-size: 24px;

  height: 40px;

  line-height: 40px;

  right: 50px;

  text-align: center;

  width: 40px;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

  #scrollUp:hover {

    background-color: #303030; }



/* :: 3.8.0 alazea Button */

.alazea-btn {

  -webkit-transition-duration: 400ms;

  transition-duration: 400ms;

  position: relative;

  z-index: 1;

  display: inline-block;

  min-width: 150px;

  height: 46px;

  color: #ffffff;

  background-color: #00aef3;

  border: 2px solid #00aef3;

  border-radius: 2px;

  padding: 0 20px;

  font-size: 16px;

  line-height: 42px;

  text-transform: uppercase;

  font-weight: 600; }

  .alazea-btn.active, .alazea-btn:hover, .alazea-btn:focus {

    font-size: 16px;

    color: #00aef3;

    font-weight: 600;

    background-color: transparent;

    box-shadow: none; }



/* :: 4.0 Header Area CSS */

.header-area {

  position: absolute;

  width: 100%;

  z-index: 999;

  top: 0;

  left: 0;

  background-color: transparent; }

  .header-area .top-header-area {

    position: relative;

    z-index: 100;

    background-color: transparent;

    width: 100%;

    height: 42px;

    border-bottom: 1px solid rgba(235, 235, 235, 0.2); }

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

      .header-area .top-header-area {

        z-index: 1; } }

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

      .header-area .top-header-area {

        z-index: 1; } }

    .header-area .top-header-area .top-header-content {

      position: relative;

      z-index: 1;

      height: 41px; }

      .header-area .top-header-area .top-header-content .top-header-meta a {

        display: inline-block;

        font-size: 12px;

        font-weight: 400;

        color: #ffffff;

        line-height: 1; }

        .header-area .top-header-area .top-header-content .top-header-meta a:first-child {

          margin-right: 30px; }

        .header-area .top-header-area .top-header-content .top-header-meta a i {

          margin-right: 5px;

          color: #00aef3; }

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

          .header-area .top-header-area .top-header-content .top-header-meta a span {

            display: none; } }

      .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown {

        position: relative;

        z-index: 1; }

        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown::after {

          width: 1px;

          height: 100%;

          background-color: rgba(235, 235, 235, 0.2);

          content: '';

          top: 0;

          right: 15px;

          z-index: 2;

          position: absolute; }

        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn {

          padding: 0;

          background-color: transparent;

          border: none;

          font-size: 12px; }

          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .btn:focus {

            box-shadow: none; }

        .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {

          background-color: #00aef3;

          border: none;

          box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }

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

            .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {

              top: 90px !important; } }

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

            .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu {

              min-width: 100px;

              top: 70px !important; } }

          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:focus,

          .header-area .top-header-area .top-header-content .top-header-meta .language-dropdown .dropdown-menu .dropdown-item:hover {

            color: #ffffff;

            background-color: #111111; }

      .header-area .top-header-area .top-header-content .top-header-meta .cart {

        position: relative;

        z-index: 1; }

        .header-area .top-header-area .top-header-content .top-header-meta .cart::after {

          width: 1px;

          height: 100%;

          background-color: rgba(235, 235, 235, 0.2);

          content: '';

          top: 0;

          left: -15px;

          z-index: 2;

          position: absolute; }

        .header-area .top-header-area .top-header-content .top-header-meta .cart a {

          margin-right: 0; }

  .header-area .alazea-main-menu {

    position: relative;

    z-index: 1;

    -webkit-transition-duration: 200ms;

    transition-duration: 200ms; }

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

      .header-area .alazea-main-menu .classy-navbar .classy-menu {

        background-color: #111111; } }

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

      .header-area .alazea-main-menu .classy-navbar .classy-menu {

        background-color: #111111; } }

    .header-area .alazea-main-menu .classy-nav-container {

      background-color: transparent; }

    .header-area .alazea-main-menu .classy-navbar {

      height: 90px;

      padding: 0; }

      .header-area .alazea-main-menu .classy-navbar .nav-brand {

        line-height: 1; }

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

        .header-area .alazea-main-menu .classy-navbar {

          height: 70px; } }

    .header-area .alazea-main-menu .classynav ul li a {

      padding: 0 12px;

      font-weight: 500;

      text-transform: capitalize;

      font-size: 18px;

      color: #ffffff; }

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

        .header-area .alazea-main-menu .classynav ul li a {

          font-size: 18px;

          padding: 0 20px; } }

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

        .header-area .alazea-main-menu .classynav ul li a {

          background-color: #111111;

          font-size: 16px;

          color: #ffffff;

          border-bottom: none; } }

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

        .header-area .alazea-main-menu .classynav ul li a {

          background-color: #111111;

          font-size: 16px;

          color: #ffffff;

          border-bottom: none; } }

      .header-area .alazea-main-menu .classynav ul li a:hover, .header-area .alazea-main-menu .classynav ul li a:focus {

        color: #00aef3; }

      .header-area .alazea-main-menu .classynav ul li a::after {

        color: #ffffff; }

    .header-area .alazea-main-menu .classynav ul li ul li a {

      padding: 0 20px;

      color: #303030;

      font-size: 14px;

      border-bottom: none; }

      .header-area .alazea-main-menu .classynav ul li ul li a::after {

        color: #303030; }

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

          .header-area .alazea-main-menu .classynav ul li ul li a::after {

            color: #ffffff; } }

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

          .header-area .alazea-main-menu .classynav ul li ul li a::after {

            color: #ffffff; } }

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

        .header-area .alazea-main-menu .classynav ul li ul li a {

          padding: 0 45px;

          color: #ffffff; } }

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

        .header-area .alazea-main-menu .classynav ul li ul li a {

          padding: 0 45px;

          color: #ffffff; } }

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

      .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {

        background-color: #ffffff; } }

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

      .header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {

        background-color: #ffffff; } }

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

      .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {

        background: #ffffff; } }

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

      .header-area .alazea-main-menu .classycloseIcon .cross-wrap span {

        background: #ffffff; } }

    .header-area .alazea-main-menu .search-form {

      position: relative;

      z-index: 1;

      opacity: 0;

      visibility: hidden;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms; }

      .header-area .alazea-main-menu .search-form form {

        -webkit-transition-duration: 500ms;

        transition-duration: 500ms;

        position: absolute;

        top: 0;

        right: 0;

        z-index: 100;

        background-color: #ffffff;

        width: 500px;

        border-radius: 5px;

        padding: 30px;

        box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.15); }

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

          .header-area .alazea-main-menu .search-form form {

            width: 290px;

            padding: 20px; } }

        .header-area .alazea-main-menu .search-form form input {

          width: 100%;

          height: 45px;

          border: 1px solid #ebebeb;

          padding: 0 30px;

          border-radius: 5px;

          font-size: 14px; }

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

            .header-area .alazea-main-menu .search-form form input {

              padding: 0 15px; } }

      .header-area .alazea-main-menu .search-form .closeIcon {

        -webkit-transition-duration: 500ms;

        transition-duration: 500ms;

        position: absolute;

        top: 41px;

        right: 60px;

        z-index: 200;

        cursor: pointer;

        color: #707070; }

        .header-area .alazea-main-menu .search-form .closeIcon:hover {

          color: #00aef3; }

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

          .header-area .alazea-main-menu .search-form .closeIcon {

            top: 31px;

            right: 35px; } }

      .header-area .alazea-main-menu .search-form.active {

        opacity: 1;

        visibility: visible; }

  .header-area .is-sticky .alazea-main-menu {

    background-color:#00aef3;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 9999;

    box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2); }

  .header-area #searchIcon {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    color: #ffffff;

    font-size: 20px;

    cursor: pointer;

    margin-left: 50px; }

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

      .header-area #searchIcon {

        margin-left: 30px;

        margin-top: 15px; } }

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

      .header-area #searchIcon {

        margin-left: 30px;

        margin-top: 15px; } }

    .header-area #searchIcon:hover, .header-area #searchIcon:focus {

      color: #00aef3; }



/* :: 5.0 Hero Slides Area */

.hero-area,

.hero-post-slides {

  position: relative;

  z-index: 1; }



.single-hero-post {

  width: 100%;

  height: 930px;

  position: relative;

  z-index: 3;

  overflow: hidden; }

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

    .single-hero-post {

      height: 690px; } }

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

    .single-hero-post {

      height: 600px; } }

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

    .single-hero-post {

      height: 650px; } }

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

    .single-hero-post {

      height: 500px; } }

  .single-hero-post .slide-img {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -10;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0; }

  .single-hero-post .hero-slides-content {

    position: relative;

    z-index: 1;

    margin-top: 132px; }

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

      .single-hero-post .hero-slides-content {

        margin-top: 112px; } }

    .single-hero-post .hero-slides-content h2 {

      font-size: 45px;

      letter-spacing: 1px;

      color: #ffffff;

      text-transform: uppercase; }

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

        .single-hero-post .hero-slides-content h2 {

          font-size: 36px; } }

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

        .single-hero-post .hero-slides-content h2 {

          font-size: 30px; } }

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

        .single-hero-post .hero-slides-content h2 {

          font-size: 24px; } }

    .single-hero-post .hero-slides-content p {

      font-size: 18px;

      color: #ffffff;

      margin-bottom: 50px; }

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

        .single-hero-post .hero-slides-content p {

          font-size: 18px; } }

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

        .single-hero-post .hero-slides-content p {

          font-size: 16px; } }

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

      .single-hero-post .hero-slides-content a {

        min-width: 125px;

        padding: 0 10px; } }



.hero-post-slides .owl-item.center .single-hero-post .slide-img {

  -webkit-animation: slide 24s linear infinite;

  animation: slide 24s linear infinite; }



@-webkit-keyframes slide {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  50% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }

@keyframes slide {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  50% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }

/* :: 6.0 Subscribe Newsletter Area */

.subscribe-newsletter-area {

  position: relative;

  z-index: 1;

  padding: 60px 0;

  background-size: cover;

  background-position: top right; }

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

    .subscribe-newsletter-area .subscribe-form {

      margin-top: 50px; } }

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

    .subscribe-newsletter-area .subscribe-form {

      margin-top: 50px; } }

  .subscribe-newsletter-area .subscribe-form form {

    position: relative;

    z-index: 1; }

    .subscribe-newsletter-area .subscribe-form form input {

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      width: 100%;

      height: 46px;

      background-color: #ffffff;

      padding: 10px 20px;

      border: none; }

      .subscribe-newsletter-area .subscribe-form form input:focus {

        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); }

    .subscribe-newsletter-area .subscribe-form form button {

      position: absolute;

      top: 0;

      right: 0;

      z-index: 10;

      border: none;

      border-radius: 0 2px 2px 0; }

  .subscribe-newsletter-area .subscribe-side-thumb .first-img {

    position: absolute;

    top: -30px;

    left: 5%;

    z-index: 10; }



/* :: 7.0 New Arrivals Products Area */

.single-product-area {

  position: relative;

  z-index: 1;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

  .single-product-area .product-img {

    position: relative;

    z-index: 1;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms; }

    .single-product-area .product-img a {

      display: block; }

    .single-product-area .product-img img {

      position: relative;

      z-index: 1;

      width: 100%; }

    .single-product-area .product-img .product-tag a {

      background-color: #429edf;

      border-radius: 2px;

      display: inline-block;

      height: 20px;

      padding: 0 10px;

      line-height: 20px;

      text-transform: uppercase;

      color: #ffffff;

      font-weight: 700;

      font-size: 12px;

      position: absolute;

      top: 20px;

      left: 20px;

      z-index: 10; }

    .single-product-area .product-img .product-tag.sale-tag a {

      background-color: #e61d47; }

    .single-product-area .product-img .product-meta {

      position: absolute;

      bottom: 30px;

      left: 15px;

      right: 15px;

      z-index: 100;

      visibility: hidden;

      opacity: 0;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms; }

      .single-product-area .product-img .product-meta a {

        font-size: 16px;

        color: #ffffff;

        font-weight: 600;

        background-color: #303030;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50px;

        flex: 0 0 50px;

        max-width: 50px;

        width: 50px;

        height: 50px;

        line-height: 50px;

        text-transform: uppercase;

        text-align: center; }

        .single-product-area .product-img .product-meta a:hover, .single-product-area .product-img .product-meta a:focus {

          background-color: #00aef3; }

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

          .single-product-area .product-img .product-meta a {

            font-size: 11px; } }

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

          .single-product-area .product-img .product-meta a {

            font-size: 11px; } }

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

          .single-product-area .product-img .product-meta a {

            font-size: 14px; } }

      .single-product-area .product-img .product-meta .add-to-cart-btn {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 calc(100% - 100px);

        flex: 0 0 calc(100% - 100px);

        max-width: calc(100% - 100px);

        width: calc(100% - 100px);

        border-left: 1px solid rgba(235, 235, 235, 0.5);

        border-right: 1px solid rgba(235, 235, 235, 0.5); }

  .single-product-area .product-info a p {

    margin-bottom: 0;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms; }

    .single-product-area .product-info a p:hover, .single-product-area .product-info a p:focus {

      color: #00aef3; }

  .single-product-area .product-info h6 {

    margin-bottom: 0;

    font-size: 18px; }

  .single-product-area:hover .product-img {

    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }

    .single-product-area:hover .product-img .product-meta {

      visibility: visible;

      opacity: 1; }



/* :: 8.0 Shop Page Area CSS */

.shop-sorting-data {

  position: relative;

  z-index: 1;

  padding-bottom: 25px;

  margin-bottom: 50px;

  border-bottom: 1px solid #ebebeb; }

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

    .shop-sorting-data .shop-page-count {

      margin-bottom: 30px; } }

  .shop-sorting-data .shop-page-count p {

    font-size: 18px;

    color: #707070;

    margin-bottom: 0;

    font-weight: 500; }

  .shop-sorting-data .search_by_terms {

    position: relative;

    z-index: 1; }

    .shop-sorting-data .search_by_terms select {

      width: 180px;

      height: 40px;

      color: #51545f;

      font-size: 16px;

      background-color: #f5f5f5;

      border: 1px solid #ebebeb;

      border-radius: 2px;

      margin-left: 30px; }

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

        .shop-sorting-data .search_by_terms select {

          margin-left: 0;

          margin-bottom: 15px; } }

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

        .shop-sorting-data .search_by_terms select {

          margin-left: auto;

          margin-right: 15px;

          margin-bottom: 0; } }

      .shop-sorting-data .search_by_terms select:focus {

        box-shadow: none; }



.shop-widget {

  position: relative;

  z-index: 1; }

  .shop-widget .widget-title {

    text-transform: uppercase;

    margin-bottom: 20px; }

  .shop-widget .custom-control .custom-control-label {

    font-size: 16px;

    color: #707070; }

  .shop-widget .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #00aef3; }

  .shop-widget .single-best-seller-product {

    position: relative;

    z-index: 1;

    margin-bottom: 20px; }

    .shop-widget .single-best-seller-product::after {

      margin-bottom: 0; }

    .shop-widget .single-best-seller-product .product-thumbnail {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 70px;

      flex: 0 0 70px;

      max-width: 70px;

      width: 70px;

      margin-right: 30px; }

    .shop-widget .single-best-seller-product .product-info a {

      display: block;

      color: #707070;

      font-size: 16px;

      font-weight: 400;

      margin-bottom: 5px; }

      .shop-widget .single-best-seller-product .product-info a:hover, .shop-widget .single-best-seller-product .product-info a:focus {

        color: #303030; }

    .shop-widget .single-best-seller-product .product-info p {

      margin-bottom: 0;

      color: #303030;

      font-weight: 500; }

    .shop-widget .single-best-seller-product .product-info .ratings i {

      font-size: 12px;

      color: #ff9800; }



.slider-range-price {

  position: relative;

  z-index: 1; }



.shop-widget .ui-slider-handle {

  background-color: #00aef3;

  border: none;

  border-radius: 50%;

  width: 12px;

  height: 12px;

  position: absolute;

  z-index: 30;

  top: -3px; }



.ui-slider-handle.first-handle {

  display: none !important; }



.shop-widget .ui-slider-range.ui-widget-header.ui-corner-all {

  background-color: #00aef3;

  position: absolute;

  height: 6px;

  width: auto;

  z-index: 10;

  left: 2px !important; }



.shop-widget .ui-slider-horizontal {

  height: 6px;

  background-color: #f5f5f5;

  border-radius: 10px; }



.shop-widget .range-price {

  font-size: 16px;

  font-weight: 500;

  margin-top: 15px;

  text-transform: uppercase; }



.single_product_thumb {

  position: relative;

  z-index: 1; }

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

    .single_product_thumb {

      margin-bottom: 50px; } }

  .single_product_thumb .carousel-indicators {

    position: relative;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 15;

    margin-right: 0;

    margin-left: 0;

    margin-top: 30px; }

    .single_product_thumb .carousel-indicators li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100px;

      flex: 0 0 100px;

      width: 100px;

      height: 100px;

      margin-right: 15px;

      margin-left: 15px;

      cursor: pointer;

      border: 1px solid transparent;

      background-size: cover; }

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

        .single_product_thumb .carousel-indicators li {

          -webkit-box-flex: 0;

          -ms-flex: 0 0 60px;

          flex: 0 0 60px;

          width: 60px;

          height: 60px; } }

      .single_product_thumb .carousel-indicators li.active {

        border: 1px solid #00aef3; }



.single_product_desc {

  position: relative;

  z-index: 1; }

  .single_product_desc .title {

    font-size: 30px;

    margin-bottom: 10px;

    text-transform: uppercase; }

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

      .single_product_desc .title {

        font-size: 24px; } }

  .single_product_desc .price {

    font-size: 26px;

    font-weight: 600;

    color: #00aef3;

    margin-bottom: 30px; }

  .single_product_desc .short_overview {

    margin-bottom: 30px; }

    .single_product_desc .short_overview p {

      font-size: 14px; }

  .single_product_desc .cart--area {

    position: relative;

    z-index: 1;

    border-bottom: 1px solid #ebebeb;

    padding-bottom: 50px; }

  .single_product_desc .cart {

    position: relative;

    z-index: 1; }

    .single_product_desc .cart .quantity {

      position: relative;

      z-index: 1;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 130px;

      flex: 0 0 130px;

      max-width: 130px;

      width: 130px; }

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

        .single_product_desc .cart .quantity {

          -webkit-box-flex: 0;

          -ms-flex: 0 0 70px;

          flex: 0 0 70px;

          max-width: 70px;

          width: 70px; } }

      .single_product_desc .cart .quantity .qty-text {

        height: 46px;

        padding: 5px 15px;

        width: 130px;

        -moz-appearance: textfield;

        -webkit-appearance: textfield;

        appearance: textfield;

        font-size: 14px;

        border: none;

        background-color: #f2f4f5;

        text-align: center; }

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

          .single_product_desc .cart .quantity .qty-text {

            width: 70px; } }

      .single_product_desc .cart .quantity .qty-minus,

      .single_product_desc .cart .quantity .qty-plus {

        display: block;

        height: 100%;

        position: absolute;

        left: 10px;

        text-align: center;

        top: 0;

        width: 30px;

        z-index: 99;

        cursor: pointer;

        font-size: 8px;

        line-height: 46px;

        color: #303030; }

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

          .single_product_desc .cart .quantity .qty-minus,

          .single_product_desc .cart .quantity .qty-plus {

            left: 0; } }

      .single_product_desc .cart .quantity .qty-plus {

        left: auto;

        right: 10px; }

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

          .single_product_desc .cart .quantity .qty-plus {

            right: 0; } }

  .single_product_desc .wishlist-compare {

    position: relative;

    z-index: 1; }

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

      .single_product_desc .wishlist-compare {

        margin-top: 30px; } }

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

      .single_product_desc .wishlist-compare {

        margin-top: 0; } }

    .single_product_desc .wishlist-compare a {

      background-color: #f2f4f5;

      display: inline-block;

      width: 46px;

      height: 46px;

      text-align: center;

      line-height: 46px;

      font-size: 18px; }

  .single_product_desc .products--meta {

    position: relative;

    z-index: 1;

    padding-top: 50px; }

    .single_product_desc .products--meta p {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

      .single_product_desc .products--meta p span:first-child {

        font-weight: 500;

        color: #303030;

        -webkit-box-flex: 0;

        -ms-flex: 0 0 150px;

        flex: 0 0 150px;

        max-width: 150px;

        width: 150px; }

      .single_product_desc .products--meta p span:last-child {

        font-weight: 400;

        color: #707070; }

        .single_product_desc .products--meta p span:last-child a {

          color: #cccccc;

          font-size: 14px;

          margin-right: 15px; }

          .single_product_desc .products--meta p span:last-child a:hover {

            color: #00aef3; }



.product_details_tab {

  position: relative;

  z-index: 1;

  padding: 50px 0;

  border-top: 1px solid #ebebeb;

  border-bottom: 1px solid #ebebeb; }

  .product_details_tab .nav-tabs {

    border-bottom: none;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 30px; }

    .product_details_tab .nav-tabs .nav-link {

      border: none;

      border-top-left-radius: 0;

      border-top-right-radius: 0;

      padding: 0 15px;

      font-size: 20px;

      color: #303030; }

      .product_details_tab .nav-tabs .nav-link.active, .product_details_tab .nav-tabs .nav-link:hover {

        color: #00aef3; }

  .product_details_tab .additional_info_area p {

    color: #303030; }

    .product_details_tab .additional_info_area p span {

      color: #707070; }



.product_details_tab .review-rating i {

  color: #ff9800;

  font-size: 14px; }



.product_details_tab .review-rating > span {

  font-size: 16px;

  font-weight: 500;

  color: #303030; }



.submit_a_review_area form .stars {

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==") repeat-x 0 0;

  width: 150px; }

  .submit_a_review_area form .stars::after, .submit_a_review_area form .stars::before {

    display: table;

    content: ""; }

  .submit_a_review_area form .stars::after {

    clear: both; }

  .submit_a_review_area form .stars input[type="radio"] {

    position: absolute;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0); }

    .submit_a_review_area form .stars input[type="radio"].star-5:checked ~ span {

      width: 100%; }

    .submit_a_review_area form .stars input[type="radio"].star-4:checked ~ span {

      width: 80%; }

    .submit_a_review_area form .stars input[type="radio"].star-3:checked ~ span {

      width: 60%; }

    .submit_a_review_area form .stars input[type="radio"].star-2:checked ~ span {

      width: 40%; }

    .submit_a_review_area form .stars input[type="radio"].star-1:checked ~ span {

      width: 20%; }

  .submit_a_review_area form .stars label {

    display: block;

    width: 30px;

    height: 30px;

    margin: 0 !important;

    padding: 0 !important;

    text-indent: -999em;

    float: left;

    position: relative;

    z-index: 10;

    background: transparent !important;

    cursor: pointer; }

    .submit_a_review_area form .stars label:hover ~ span {

      background-position: 0 -30px; }

    .submit_a_review_area form .stars label.star-5:hover ~ span {

      width: 100% !important; }

    .submit_a_review_area form .stars label.star-4:hover ~ span {

      width: 80% !important; }

    .submit_a_review_area form .stars label.star-3:hover ~ span {

      width: 60% !important; }

    .submit_a_review_area form .stars label.star-2:hover ~ span {

      width: 40% !important; }

    .submit_a_review_area form .stars label.star-1:hover ~ span {

      width: 20% !important; }

  .submit_a_review_area form .stars span {

    display: block;

    width: 0;

    position: relative;

    top: 0;

    left: 0;

    height: 30px;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==") repeat-x 0 -60px;

    -webkit-transition: -webkit-width 0.5s;

    -webkit-transition: width 0.5s;

    transition: width 0.5s; }



.review-details p {

  font-size: 12px; }



.submit_a_review_area h4 {

  font-size: 20px; }

.submit_a_review_area .form-group > label {

  font-size: 14px; }

.submit_a_review_area input,

.submit_a_review_area select {

  font-size: 14px;

  width: 100%;

  height: 40px;

  border: none;

  background-color: #f2f4f5;

  border-radius: 0; }

.submit_a_review_area textarea {

  width: 100%;

  height: 100px;

  border: none;

  border-radius: 0;

  background-color: #f2f4f5; }



/* :: 9.0 Cart Area CSS */

.cart-table {

  position: relative;

  z-index: 1; }

  .cart-table thead tr,

  .cart-table thead th {

    width: 20%; }

  .cart-table thead th {

    border: none;

    border-bottom: none;

    font-size: 20px;

    padding: 0 0 30px 0;

    color: #303030;

    font-weight: 500;

    text-transform: uppercase;

    text-align: left; }

    .cart-table thead th:first-child {

      width: 40%; }

  .cart-table tbody tr {

    position: relative;

    z-index: 1;

    border-bottom: 1px solid #ebebeb; }

    .cart-table tbody tr td {

      position: relative;

      z-index: 1;

      padding: 30px 15px;

      font-size: 18px;

      font-weight: 600;

      color: #303030;

      vertical-align: middle; }

      .cart-table tbody tr td.cart_product_img {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -ms-grid-row-align: center;

        align-items: center; }

        .cart-table tbody tr td.cart_product_img a {

          -webkit-box-flex: 0;

          -ms-flex: 0 0 100px;

          flex: 0 0 100px;

          max-width: 100px;

          width: 100px;

          display: inline-block;

          margin-right: 20px;

          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

          margin-left: 2px; }

        .cart-table tbody tr td.cart_product_img h5 {

          font-size: 18px;

          margin-bottom: 0; }

      .cart-table tbody tr td i {

        font-size: 36px;

        color: #c42525; }

  .cart-table .quantity {

    position: relative;

    z-index: 1;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100px;

    flex: 0 0 100px;

    max-width: 100px;

    width: 100px; }

    .cart-table .quantity .qty-text {

      height: 46px;

      padding: 5px 15px;

      width: 100px;

      -moz-appearance: textfield;

      -webkit-appearance: textfield;

      appearance: textfield;

      font-size: 14px;

      border: none;

      background-color: #f2f4f5;

      text-align: center; }

    .cart-table .quantity .qty-minus,

    .cart-table .quantity .qty-plus {

      display: block;

      height: 100%;

      position: absolute;

      left: 10px;

      text-align: center;

      top: 0;

      width: 30px;

      z-index: 99;

      cursor: pointer;

      font-size: 8px;

      line-height: 46px;

      color: #303030; }

      .cart-table .quantity .qty-minus i,

      .cart-table .quantity .qty-plus i {

        font-size: 10px;

        color: #303030; }

    .cart-table .quantity .qty-plus {

      left: auto;

      right: 10px; }



.coupon-discount {

  position: relative;

  z-index: 1; }

  .coupon-discount form {

    position: relative;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center; }

    .coupon-discount form input {

      width: 300px;

      height: 46px;

      border: 1px solid #ebebeb;

      background-color: #f5f5f5;

      padding: 0 30px;

      font-size: 14px;

      margin-right: 30px; }

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

        .coupon-discount form input {

          width: 150px;

          padding: 0 10px;

          font-size: 13px;

          margin-right: 15px; } }

    .coupon-discount form button {

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      width: 170px;

      height: 46px;

      border: 1px solid #ebebeb;

      background-color: #cccccc;

      color: #303030;

      font-size: 16px;

      text-transform: uppercase;

      cursor: pointer;

      font-weight: 500; }

      .coupon-discount form button:hover, .coupon-discount form button:focus {

        background-color: #00aef3;

        color: #ffffff;

        border-color: #00aef3; }



.cart-totals-area {

  position: relative;

  z-index: 1; }

  .cart-totals-area .title-- {

    padding-bottom: 20px;

    text-transform: uppercase;

    border-bottom: 1px solid #ebebeb;

    margin-bottom: 0; }

  .cart-totals-area .subtotal,

  .cart-totals-area .total {

    padding: 20px 0;

    border-bottom: 1px solid #ebebeb; }

    .cart-totals-area .subtotal h5,

    .cart-totals-area .total h5 {

      font-size: 18px;

      color: #303030;

      margin-bottom: 0; }

      .cart-totals-area .subtotal h5:last-child,

      .cart-totals-area .total h5:last-child {

        font-weight: 600; }

  .cart-totals-area .shipping {

    padding: 20px 0;

    border-bottom: 1px solid #ebebeb; }

    .cart-totals-area .shipping h5 {

      font-size: 18px;

      color: #303030;

      margin-bottom: 0;

      margin-right: 50px; }

    .cart-totals-area .shipping .shipping-address select,

    .cart-totals-area .shipping .shipping-address input,

    .cart-totals-area .shipping .shipping-address input,

    .cart-totals-area .shipping .shipping-address button {

      width: 100%;

      height: 30px;

      font-size: 10px;

      padding: 0 10px;

      background-color: #f5f5f5;

      border: 1px solid #ebebeb;

      margin-bottom: 15px; }

    .cart-totals-area .shipping .shipping-address button {

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      width: 100%;

      height: 30px;

      border: 1px solid #ebebeb;

      background-color: #cccccc;

      color: #303030;

      font-size: 14px;

      text-transform: uppercase;

      cursor: pointer;

      font-weight: 500;

      margin-bottom: 0; }

      .cart-totals-area .shipping .shipping-address button:hover, .cart-totals-area .shipping .shipping-address button:focus {

        background-color: #00aef3;

        color: #ffffff;

        border-color: #00aef3; }



/* :: 10.0 Checkout Area CSS */

.checkout_area {

  position: relative;

  z-index: 1;

  overflow-x: hidden; }



.checkout_details_area {

  position: relative;

  z-index: 1; }

  .checkout_details_area h5 {

    margin-bottom: 20px;

    text-transform: uppercase; }

  .checkout_details_area input,

  .checkout_details_area select,

  .checkout_details_area textarea {

    width: 100%;

    height: 46px;

    border: 1px solid #ebebeb;

    background-color: #f5f5f5;

    font-size: 14px; }

    .checkout_details_area input:focus,

    .checkout_details_area select:focus,

    .checkout_details_area textarea:focus {

      box-shadow: none;

      border: 1px solid #00aef3; }

  .checkout_details_area textarea {

    height: 100px; }

  .checkout_details_area .custom-control-label {

    font-size: 14px; }



.checkout-content {

  position: relative;

  z-index: 1; }

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

    .checkout-content {

      margin-top: 100px; } }

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

    .checkout-content {

      margin-top: 100px; } }

  .checkout-content .title-- {

    padding-bottom: 20px;

    text-transform: uppercase;

    border-bottom: 1px solid #ebebeb;

    margin-bottom: 0; }

  .checkout-content .subtotal,

  .checkout-content .shipping,

  .checkout-content .products,

  .checkout-content .order-total {

    padding: 20px 0;

    border-bottom: 1px solid #ebebeb; }

    .checkout-content .subtotal h5,

    .checkout-content .shipping h5,

    .checkout-content .products h5,

    .checkout-content .order-total h5 {

      font-size: 18px;

      color: #303030;

      margin-bottom: 0; }

      .checkout-content .subtotal h5:last-child,

      .checkout-content .shipping h5:last-child,

      .checkout-content .products h5:last-child,

      .checkout-content .order-total h5:last-child {

        font-weight: 600; }

  .checkout-content .single-products p {

    line-height: 1.3;

    margin-bottom: 0; }

  .checkout-content .single-products h5 {

    line-height: 1.3;

    margin-bottom: 0; }



/* :: 11.0 Testimonial Area CSS */

.testimonials-slides {

  position: relative;

  z-index: 1; }

  .testimonials-slides .owl-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 30px;

    position: relative;

    z-index: 1;

    width: 50%; }

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

      .testimonials-slides .owl-dots {

        width: 100%; } }

    .testimonials-slides .owl-dots .owl-dot {

      position: relative;

      z-index: 1;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 12px;

      flex: 0 0 12px;

      max-width: 12px;

      width: 12px;

      border: 2px solid #b6b7b7;

      height: 12px;

      margin: 0 6px;

      border-radius: 50%; }

      .testimonials-slides .owl-dots .owl-dot::after {

        width: 4px;

        height: 4px;

        background-color: #00aef3;

        border-radius: 50%;

        content: '';

        position: absolute;

        top: 2px;

        left: 2px;

        z-index: 10;

        opacity: 0;

        visibility: hidden; }

      .testimonials-slides .owl-dots .owl-dot.active {

        border-color: #00aef3; }

        .testimonials-slides .owl-dots .owl-dot.active::after {

          opacity: 1;

          visibility: visible; }



.single-testimonial-slide {

  position: relative;

  z-index: 1; }

  .single-testimonial-slide .testimonial-thumb {

    width: 300px;

    height: 300px;

    margin: auto;

    border-radius: 50%;

    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15); }

    .single-testimonial-slide .testimonial-thumb img {

      border-radius: 50%; }

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

      .single-testimonial-slide .testimonial-thumb {

        width: 250px;

        height: 250px;

        margin-bottom: 50px; } }

  .single-testimonial-slide .testimonial-content .testimonial-author-info h6 {

    font-size: 18px;

    margin-bottom: 0; }

  .single-testimonial-slide .testimonial-content .testimonial-author-info p {

    margin-bottom: 0;

    color: #00aef3; }



/* :: 12.0 About Us Area CSS */

.about-us-area {

  position: relative;

  z-index: 1; }

  .about-us-area .border-line {

    width: 100%;

    height: 1px;

    background-color: #ebebeb;

    margin-top: 50px; }



.alazea-progress-bar {

  position: relative;

  z-index: 1;

  margin-top: 40px; }

  .alazea-progress-bar .single_progress_bar {

    position: relative;

    z-index: 1;

    margin-bottom: 30px; }

    .alazea-progress-bar .single_progress_bar:last-child {

      margin-bottom: 0; }

    .alazea-progress-bar .single_progress_bar p {

      font-weight: 500;

      line-height: 1;

      font-size: 18px;

      color: #303030;

      margin-bottom: 10px; }



.barfiller {

  background-color: #ebebeb;

  border: none;

  border-radius: 0;

  box-shadow: none;

  height: 10px;

  margin-bottom: 5px;

  position: relative;

  width: 100%; }

  .barfiller .fill {

    display: block;

    position: relative;

    width: 0px;

    height: 100%;

    background: #00aef3;

    z-index: 1; }

  .barfiller .tipWrap {

    display: none; }

  .barfiller .tip {

    margin-top: -33px;

    padding: 2px 4px;

    font-size: 18px;

    color: #303030;

    left: 0;

    position: absolute;

    z-index: 2;

    background: transparent;

    font-weight: 500; }

    .barfiller .tip::after {

      display: none; }



.single-benefits-area {

  position: relative;

  z-index: 1;

  margin-bottom: 50px; }

  .single-benefits-area img {

    margin-bottom: 30px; }

  .single-benefits-area p {

    margin-bottom: 0; }



/* :: 13.0 Service Area CSS */

.single-service-area {

  position: relative;

  z-index: 1;

  margin-bottom: 50px; }

  .single-service-area:last-child {

    margin-bottom: 0; }

  .single-service-area .service-icon {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 45px;

    flex: 0 0 45px;

    max-width: 45px;

    width: 45px; }

  .single-service-area .service-content p {

    margin-bottom: 0; }



.alazea-video-area {

  position: relative;

  z-index: 1;

  border-radius: 6px;

  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15); }

  .alazea-video-area.bg-overlay:after {

    border-radius: 6px; }

  .alazea-video-area img {

    position: relative;

    z-index: -21;

    border-radius: 6px; }

  .alazea-video-area .video-icon {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    width: 70px;

    height: 70px;

    background-color: #00aef3;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -35px;

    margin-left: -35px;

    z-index: 100;

    border-radius: 50%;

    line-height: 72px;

    text-align: center;

    cursor: pointer;

    opacity: 0.9; }

    .alazea-video-area .video-icon i {

      color: #ffffff;

      font-size: 24px; }

    .alazea-video-area .video-icon:hover {

      opacity: 1;

      box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }



/* :: 14.0 Team Member Area CSS */

.single-team-member {

  position: relative;

  z-index: 1; }

  .single-team-member .team-member-thumb {

    position: relative;

    z-index: 1; }

    .single-team-member .team-member-thumb img {

      width: 100%; }

    .single-team-member .team-member-thumb .team-member-social-info {

      position: absolute;

      width: 100%;

      height: 60px;

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

      bottom: 0;

      left: 0;

      right: 0;

      z-index: 10;

      opacity: 0;

      visibility: hidden;

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms; }

      .single-team-member .team-member-thumb .team-member-social-info a {

        color: #ffffff;

        line-height: 60px;

        margin: 0 15px; }

        .single-team-member .team-member-thumb .team-member-social-info a:hover {

          color: #00aef3; }

  .single-team-member .team-member-info h5 {

    margin-bottom: 4px; }

  .single-team-member .team-member-info p {

    margin-bottom: 0; }

  .single-team-member:hover .team-member-thumb .team-member-social-info {

    opacity: 1;

    visibility: visible; }



/* :: 15.0 Portfolio Area CSS */

.alazea-portfolio-filter {

  position: relative;

  z-index: 1;

  text-align: center;

  margin-bottom: 30px; }

  .alazea-portfolio-filter .btn {

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    padding: 0;

    font-size: 20px;

    color: #707070;

    font-weight: 500;

    background-color: transparent;

    padding: 0 20px; }

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

      .alazea-portfolio-filter .btn {

        font-size: 16px;

        padding: 0 5px; } }

    .alazea-portfolio-filter .btn:hover, .alazea-portfolio-filter .btn:focus {

      color: #00aef3;

      box-shadow: none; }



.alazea-portfolio.row {

  margin-right: -10px;

  margin-left: -10px; }

.alazea-portfolio .col-12 {

  padding-left: 10px;

  padding-right: 10px; }



.single_portfolio_item {

  position: relative;

  z-index: 10;

  margin-top: 20px;

  overflow: hidden;

  height: 280px;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

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

    .single_portfolio_item {

      height: 290px; } }

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

    .single_portfolio_item {

      height: 160px; } }

  .single_portfolio_item .portfolio-thumbnail {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    width: calc(100% - 20px);

    position: absolute;

    height: 100%;

    top: 0;

    left: 10px;

    right: 10px;

    background-repeat: no-repeat; }

  .single_portfolio_item .portfolio-hover-overlay {

    width: calc(100% - 20px);

    height: 100%;

    top: 0;

    left: 10px;

    right: 10px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    background-color: rgba(0, 174, 243, 0.5);

    position: absolute;

    z-index: 10;

    text-align: center;

    opacity: 0;

    visibility: hidden; }

    .single_portfolio_item .portfolio-hover-overlay a {

      position: relative;

      width: 100%;

      height: 100%;

      z-index: 30; }

      .single_portfolio_item .portfolio-hover-overlay .port-hover-text h3 {

        font-size: 28px;

        color: #ffffff;
      margin-top: 30px
      }

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

          .single_portfolio_item .portfolio-hover-overlay .port-hover-text h3 {

            font-size: 20px; } }

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

          .single_portfolio_item .portfolio-hover-overlay .port-hover-text h3 {

            font-size: 18px; } }

      .single_portfolio_item .portfolio-hover-overlay .port-hover-text h5 {

        font-size: 18px;

        margin-bottom: 0;

        color: #ffffff;

        font-weight: 400;
        padding: 0 15px;
      }

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

          .single_portfolio_item .portfolio-hover-overlay .port-hover-text h5 {

            font-size: 14px; } }

  .single_portfolio_item:hover {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); }

    .single_portfolio_item:hover .portfolio-hover-overlay {

      opacity: 1;

      visibility: visible; }



.portfolio-page .single_portfolio_item {

  height: 320px; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #ffffff;

  right: 0;

  text-align: center;

  padding-right: 0;

  top: 40px;

  width: 36px;

  height: 36px;

  background-color: #00aef3;

  line-height: 36px; }



.mfp-bottom-bar {

  margin-top: 0;

  top: auto;

  bottom: 55px;

  left: 0;

  width: 100%;

  cursor: auto;

  background-color: transparent;

  padding: 0 15px;

  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;

  -ms-grid-row-align: center;

  align-items: center; }

  .mfp-bottom-bar .mfp-title {

    line-height: normal;

    color: #ffffff;

    padding-right: 0;

    background-color: #00aef3;

    padding: 8px 20px;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 700; }

  .mfp-bottom-bar .mfp-counter {

    color: #ffffff;

    position: relative;

    line-height: normal;

    background-color: #00aef3;

    padding: 8px 20px;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 700; }



/* :: 16.0 Cool Facts Area CSS */

.cool-facts-area {

  position: relative;

  z-index: 1;

  background-size: cover;

  background-position: top left; }

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

    .cool-facts-area::after {

      width: 100%;

      height: 100%;

      top: 0;

      left: 0;

      background-color: #f2f4f5;

      content: '';

      position: absolute;

      z-index: -1; } }

  .cool-facts-area .side-img {

    position: absolute;

    bottom: -80px;

    right: 10%;

    z-index: 10;

    width: 150px; }



.single-cool-fact {

  position: relative;

  z-index: 1; }

  .single-cool-fact .cf-icon {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50px;

    flex: 0 0 50px;

    max-width: 50px;

    width: 50px;

    margin-right: 30px; }

  .single-cool-fact .cf-content h2 {

    font-size: 36px;

    margin-bottom: 10px;

    line-height: 1; }

  .single-cool-fact .cf-content h6 {

    font-weight: 400;

    color: #707070;

    margin-bottom: 0;

    text-transform: uppercase; }



/* :: 17.0 Footer Area CSS */

.footer-area {

  position: relative;

  z-index: 1; }

  .footer-area::after {

    background-color: rgba(0, 0, 0, 0.8);

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: ""; }

  .footer-area .main-footer-area {

    position: relative;

    z-index: 1;

    padding-top: 80px; }

  .footer-area .single-footer-widget {

    position: relative;

    z-index: 1;

    margin-bottom: 70px; }

    .footer-area .single-footer-widget p {

      color: #b7b7b7;

      margin-bottom: 20px; }

    .footer-area .single-footer-widget .social-info a {

      display: inline-block;

      border: 1px solid #b7b7b7;

      width: 40px;

      height: 40px;

      border-radius: 50%;

      text-align: center;

      color: #ffffff;

      margin-right: 5px;

      line-height: 38px; }

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

        .footer-area .single-footer-widget .social-info a {

          width: 30px;

          height: 30px;

          line-height: 28px;

          font-size: 14px; } }

      .footer-area .single-footer-widget .social-info a:hover, .footer-area .single-footer-widget .social-info a:focus {

        border-color: #00aef3;

        background-color: #00aef3; }

    .footer-area .single-footer-widget .widget-title h5 {

      font-size: 22px;

      color: #ffffff;

      text-transform: uppercase;

      margin-bottom: 30px; }

    .footer-area .single-footer-widget .widget-nav ul {

      position: relative;

      z-index: 1;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

      .footer-area .single-footer-widget .widget-nav ul li {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        width: 50%; }

        .footer-area .single-footer-widget .widget-nav ul li a {

          display: block;

          color: #b7b7b7;

          font-size: 14px;

          font-weight: 400;

          margin-bottom: 11px; }

          .footer-area .single-footer-widget .widget-nav ul li a:hover, .footer-area .single-footer-widget .widget-nav ul li a:focus {

            color: #ffffff; }

    .footer-area .single-footer-widget .single-best-seller-product {

      position: relative;

      z-index: 1;

      margin-bottom: 20px; }

      .footer-area .single-footer-widget .single-best-seller-product::after {

        margin-bottom: 0; }

      .footer-area .single-footer-widget .single-best-seller-product .product-thumbnail {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 70px;

        flex: 0 0 70px;

        max-width: 70px;

        width: 70px;

        margin-right: 30px; }

      .footer-area .single-footer-widget .single-best-seller-product .product-info a {

        display: block;

        color: #b7b7b7;

        font-size: 16px;

        font-weight: 400; }

        .footer-area .single-footer-widget .single-best-seller-product .product-info a:hover, .footer-area .single-footer-widget .single-best-seller-product .product-info a:focus {

          color: #ffffff; }

      .footer-area .single-footer-widget .single-best-seller-product .product-info p {

        margin-bottom: 0;

        color: #ffffff;

        font-weight: 500; }

    .footer-area .single-footer-widget .contact-information p {

      line-height: 1.3;

      color: #ffffff;

      margin-bottom: 13px; }

      .footer-area .single-footer-widget .contact-information p span {

        color: #b7b7b7; }

      .footer-area .single-footer-widget .contact-information p:last-child {

        margin-bottom: 0; }

  .footer-area .footer-bottom-area {

    position: relative;

    z-index: 1; }

    .footer-area .footer-bottom-area .border-line {

      width: 100%;

      height: 1px;

      background-color: #34513d; }

    .footer-area .footer-bottom-area .copywrite-text {

      position: relative;

      z-index: 1;

      padding: 20px 0; }

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

        .footer-area .footer-bottom-area .copywrite-text {

          text-align: center;

          padding-bottom: 0; } }

      .footer-area .footer-bottom-area .copywrite-text p {

        font-size: 14px;

        color: #b7b7b7;

        font-weight: 400;

        margin-bottom: 0; }

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

          .footer-area .footer-bottom-area .copywrite-text p {

            font-size: 12px; } }

        .footer-area .footer-bottom-area .copywrite-text p a {

          font-size: 14px;

          color: #ffffff;

          font-weight: 500; }

          .footer-area .footer-bottom-area .copywrite-text p a:hover, .footer-area .footer-bottom-area .copywrite-text p a:focus {

            color: #00aef3; }

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

            .footer-area .footer-bottom-area .copywrite-text p a {

              font-size: 12px; } }

    .footer-area .footer-bottom-area .footer-nav {

      position: relative;

      z-index: 1;

      padding: 20px 0; }

      .footer-area .footer-bottom-area .footer-nav ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end; }

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

          .footer-area .footer-bottom-area .footer-nav ul {

            -webkit-box-pack: center;

            -ms-flex-pack: center;

            justify-content: center; } }

        .footer-area .footer-bottom-area .footer-nav ul li a {

          display: inline-block;

          color: #b7b7b7;

          font-size: 14px;

          font-weight: 400;

          margin: 0 10px; }

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

            .footer-area .footer-bottom-area .footer-nav ul li a {

              margin: 0 8px; } }

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

            .footer-area .footer-bottom-area .footer-nav ul li a {

              margin: 0 5px; } }

          .footer-area .footer-bottom-area .footer-nav ul li a:hover, .footer-area .footer-bottom-area .footer-nav ul li a:focus {

            color: #ffffff; }

        .footer-area .footer-bottom-area .footer-nav ul li:last-child a {

          margin-right: 0; }



/* :: 18.0 Breadcumb Area CSS */

.breadcrumb-area {

  position: relative;

  z-index: 10;

  width: 100%; }

  .breadcrumb-area .top-breadcrumb-area {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 350px; }

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

      .breadcrumb-area .top-breadcrumb-area {

        height: 220px; } }

    .breadcrumb-area .top-breadcrumb-area h2 {

      margin-top: 132px;

      font-size: 36px;

      color: #ffffff;

      margin-bottom: 0;

      line-height: 1;

      text-transform: uppercase; }

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

        .breadcrumb-area .top-breadcrumb-area h2 {

          margin-top: 112px;

          font-size: 30px; } }

  .breadcrumb-area .breadcrumb {

    margin: 0;

    padding-top: 30px;

    padding-bottom: 50px;

    padding-left: 0;

    padding-right: 0;

    background-color: transparent; }

    .breadcrumb-area .breadcrumb .breadcrumb-item {

      font-size: 16px;

      color: #b7b7b7;

      text-transform: capitalize; }

      .breadcrumb-area .breadcrumb .breadcrumb-item a {

        text-transform: capitalize;

        font-size: 16px;

        color: #303030; }

        .breadcrumb-area .breadcrumb .breadcrumb-item a:hover, .breadcrumb-area .breadcrumb .breadcrumb-item a:focus {

          color: #00aef3; }

    .breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

      color: #303030;

      content: ">"; }



/* :: 19.0 Blog Area CSS */

.single-blog-post {

  position: relative;

  z-index: 1;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

  .single-blog-post .post-thumbnail {

    position: relative;

    z-index: 1; }

  .single-blog-post .post-content .post-title h5 {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    line-height: 1.5;

    margin-bottom: 15px; }

    .single-blog-post .post-content .post-title h5:hover {

      color: #00aef3; }

  .single-blog-post .post-content .post-meta {

    position: relative;

    z-index: 1;

    margin-bottom: 10px; }

    .single-blog-post .post-content .post-meta a {

      position: relative;

      z-index: 1;

      display: inline-block;

      font-size: 14px;

      color: #b7b7b7;

      margin-right: 30px; }

      .single-blog-post .post-content .post-meta a:last-child::after {

        content: '/';

        top: 0;

        left: -20px;

        position: absolute;

        z-index: 1; }

      .single-blog-post .post-content .post-meta a i {

        margin-right: 5px;

        color: #00aef3; }

      .single-blog-post .post-content .post-meta a:hover {

        color: #00aef3; }

  .single-blog-post .post-content .post-excerpt {

    font-size: 16px;

    color: #707070;

    margin-bottom: 0; }

  .single-blog-post:hover .post-content .post-title h5 {

    color: #00aef3; }



.pagination {

  position: relative;

  z-index: 1;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

  .pagination .page-item .page-link {

    color: #707070;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    text-align: center;

    font-size: 18px;

    line-height: 44px;

    padding: 0;

    margin: 0 10px; }

    .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {

      border-color: #00aef3;

      background-color: #00aef3;

      color: #ffffff; }



.shop-products-area .pagination {

  position: relative;

  z-index: 1;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end; }

  .shop-products-area .pagination .page-item .page-link {

    color: #707070;

    width: 46px;

    height: 46px;

    border-radius: 0;

    text-align: center;

    border: 1px solid #ebebeb;

    font-size: 18px;

    line-height: 44px;

    padding: 0;

    margin: 0 10px;

    background-color: #f5f5f5; }

    .shop-products-area .pagination .page-item .page-link:hover, .shop-products-area .pagination .page-item .page-link:focus {

      border-color: #00aef3;

      background-color: #00aef3;

      color: #ffffff; }



/* :: 20.0 Comment Area */

.comment_area {

  position: relative;

  z-index: 1;

  padding: 50px 0 20px 0;

  border-top: 1px solid #ebebeb; }

  .comment_area .headline {

    margin-bottom: 30px; }

  .comment_area .single_comment_area {

    position: relative;

    z-index: 1; }

    .comment_area .single_comment_area::after {

      position: absolute;

      width: 1px;

      height: 90%;

      background-color: #ebebeb;

      left: 100px;

      top: 0;

      z-index: 2;

      content: ''; }

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

        .comment_area .single_comment_area::after {

          display: none; } }

    .comment_area .single_comment_area .comment-wrapper {

      margin-bottom: 30px; }

      .comment_area .single_comment_area .comment-wrapper .comment-author {

        width: 70px;

        height: 70px;

        border-radius: 50%;

        margin-right: 60px; }

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

          .comment_area .single_comment_area .comment-wrapper .comment-author {

            margin-right: 20px; } }

        .comment_area .single_comment_area .comment-wrapper .comment-author img {

          width: 100%;

          height: 100%;

          border-radius: 50%; }

      .comment_area .single_comment_area .comment-wrapper .comment-content {

        -webkit-box-flex: 0;

        -ms-flex: 1;

        flex: 1; }

        .comment_area .single_comment_area .comment-wrapper .comment-content .comment-date {

          font-size: 12px;

          text-transform: uppercase;

          letter-spacing: 1px;

          color: #00aef3; }

        .comment_area .single_comment_area .comment-wrapper .comment-content h5 {

          font-size: 20px;

          margin: 0 0 10px 0; }

        .comment_area .single_comment_area .comment-wrapper .comment-content p {

          font-size: 16px;

          margin-bottom: 5px; }

        .comment_area .single_comment_area .comment-wrapper .comment-content .comment-date {

          color: #b7b7b7;

          font-size: 14px;

          margin-bottom: 10px; }

        .comment_area .single_comment_area .comment-wrapper .comment-content a {

          font-size: 14px;

          color: #303030;

          display: inline-block;

          text-transform: uppercase;

          letter-spacing: 1px; }

          .comment_area .single_comment_area .comment-wrapper .comment-content a:hover {

            color: #00aef3; }



.single_comment_area ol li.single_comment_area {

  margin-left: 130px; }

  .single_comment_area ol li.single_comment_area::after {

    display: none; }

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

    .single_comment_area ol li.single_comment_area {

      margin-left: 40px; } }

  .single_comment_area ol li.single_comment_area .comment-wrapper .comment-author {

    margin-right: 30px; }

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

      .single_comment_area ol li.single_comment_area .comment-wrapper .comment-author {

        margin-right: 15px; } }



/* :: 21.0 Leave A Reply Area CSS */

.leave-comment-area {

  position: relative;

  z-index: 1;

  border-top: 1px solid #ebebeb;

  padding: 50px 0 0 0; }

  .leave-comment-area h4 {

    margin-bottom: 30px; }

  .leave-comment-area form .form-control {

    width: 100%;

    height: 40px;

    border: 1px solid #ebebeb;

    font-size: 14px;

    color: #b7b7b7;

    padding: 10px 20px;

    margin-bottom: 20px;

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms; }

    .leave-comment-area form .form-control:focus {

      box-shadow: none;

      border-color: #00aef3; }

  .leave-comment-area form textarea.form-control {

    width: 100%;

    height: 120px; }



/* :: 22.0 Sidebar Area CSS */

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

  .post-sidebar-area {

    margin-top: 100px; } }



.single-widget-area {

  position: relative;

  z-index: 1;

  margin-bottom: 50px; }

  .single-widget-area .widget-title {

    width: 100%;

    position: relative;

    z-index: 2;

    margin-bottom: 30px; }

    .single-widget-area .widget-title h4 {

      position: relative;

      z-index: 5;

      text-transform: uppercase;

      margin-bottom: 0;

      line-height: 1; }

  .single-widget-area .widget-content img {

    margin-top: 20px;

    margin-bottom: 15px; }

  .single-widget-area .widget-content p {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 1.6; }

  .single-widget-area .single-latest-post {

    position: relative;

    z-index: 1;

    margin-bottom: 30px; }

    .single-widget-area .single-latest-post:last-child {

      margin-bottom: 0; }

    .single-widget-area .single-latest-post .post-thumb {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 70px;

      flex: 0 0 70px;

      max-width: 70px;

      width: 70px;

      margin-right: 30px; }

    .single-widget-area .single-latest-post .post-content .post-title h6 {

      -webkit-transition-duration: 500ms;

      transition-duration: 500ms;

      font-size: 18px;

      margin-bottom: 10px;

      line-height: 1.3; }

      .single-widget-area .single-latest-post .post-content .post-title h6:hover, .single-widget-area .single-latest-post .post-content .post-title h6:focus {

        color: #00aef3; }

    .single-widget-area .single-latest-post .post-content .post-date {

      display: block;

      font-size: 14px;

      margin-bottom: 0;

      color: #b7b7b7;

      line-height: 1; }

  .single-widget-area .popular-tags li a {

    display: inline-block;

    margin: 4px;

    padding: 10px 15px;

    line-height: 1;

    text-transform: uppercase;

    font-size: 14px;

    color: #707070;

    background-color: #f9f9f9; }

    .single-widget-area .popular-tags li a:hover, .single-widget-area .popular-tags li a:focus {

      color: #ffffff;

      background-color: #00aef3; }

  .single-widget-area .author-widget {

    border: 1px solid #ebebeb;

    padding: 30px; }

    .single-widget-area .author-widget .author-thumb-name {

      position: relative;

      z-index: 1;

      padding-bottom: 20px;

      border-bottom: 1px solid #ebebeb;

      margin-bottom: 15px; }

      .single-widget-area .author-widget .author-thumb-name .author-thumb {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 80px;

        flex: 0 0 80px;

        max-width: 80px;

        width: 80px;

        height: 80px;

        border-radius: 50%;

        margin-right: 30px; }

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

          .single-widget-area .author-widget .author-thumb-name .author-thumb {

            -webkit-box-flex: 0;

            -ms-flex: 0 0 50px;

            flex: 0 0 50px;

            max-width: 50px;

            width: 50px;

            height: 50px;

            margin-right: 15px; } }

        .single-widget-area .author-widget .author-thumb-name .author-thumb img {

          border-radius: 50%; }

      .single-widget-area .author-widget .author-thumb-name .author-name h5 {

        margin-bottom: 3px; }

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

          .single-widget-area .author-widget .author-thumb-name .author-name h5 {

            font-size: 14px; } }

      .single-widget-area .author-widget .author-thumb-name .author-name p {

        margin-bottom: 0; }

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

          .single-widget-area .author-widget .author-thumb-name .author-name p {

            font-size: 13px; } }

    .single-widget-area .author-widget .social-info a {

      display: inline-block;

      margin-right: 20px;

      color: #b7b7b7; }

      .single-widget-area .author-widget .social-info a:hover {

        color: #00aef3; }

  .single-widget-area .single-best-seller-product {

    position: relative;

    z-index: 1;

    margin-bottom: 20px; }

    .single-widget-area .single-best-seller-product::after {

      margin-bottom: 0; }

    .single-widget-area .single-best-seller-product .product-thumbnail {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 70px;

      flex: 0 0 70px;

      max-width: 70px;

      width: 70px;

      margin-right: 30px; }

    .single-widget-area .single-best-seller-product .product-info a {

      display: block;

      color: #707070;

      font-size: 16px;

      font-weight: 400;

      margin-bottom: 5px; }

      .single-widget-area .single-best-seller-product .product-info a:hover, .single-widget-area .single-best-seller-product .product-info a:focus {

        color: #303030; }

    .single-widget-area .single-best-seller-product .product-info p {

      margin-bottom: 0;

      color: #303030;

      font-weight: 500; }

    .single-widget-area .single-best-seller-product .product-info .ratings i {

      font-size: 12px;

      color: #ff9800; }

  .single-widget-area .search-form {

    position: relative;

    z-index: 2; }

    .single-widget-area .search-form input {

      background-color: #ffffff;

      padding: 0 20px;

      width: 100%;

      height: 50px;

      font-size: 14px;

      color: #b7b7b7;

      border: 1px solid #ebebeb;

      border-radius: 0; }

      .single-widget-area .search-form input:focus {

        box-shadow: none; }

    .single-widget-area .search-form button {

      position: absolute;

      top: 0;

      right: 0;

      width: 50px;

      height: 50px;

      z-index: 10;

      border: none;

      background-color: #ffffff;

      cursor: pointer;

      color: #303030;

      border: 1px solid #ebebeb;

      border-left: none;

      -webkit-transition-duration: 300ms;

      transition-duration: 300ms; }

      .single-widget-area .search-form button:hover {

        color: #00aef3; }



.single-post-details-area {

  position: relative;

  z-index: 1;

  margin-bottom: 50px; }

  .single-post-details-area .post-content .post-title {

    -webkit-transition-duration: 500ms;

    transition-duration: 500ms;

    line-height: 1.5;

    margin-bottom: 15px;

    font-size: 32px; }

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

      .single-post-details-area .post-content .post-title {

        font-size: 26px; } }

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

      .single-post-details-area .post-content .post-title {

        font-size: 24px; } }

  .single-post-details-area .post-content .post-meta {

    position: relative;

    z-index: 1;

    margin-bottom: 10px; }

    .single-post-details-area .post-content .post-meta a {

      position: relative;

      z-index: 1;

      display: inline-block;

      font-size: 18px;

      color: #b7b7b7;

      margin-right: 30px; }

      .single-post-details-area .post-content .post-meta a:last-child::after {

        content: '/';

        top: 0;

        left: -20px;

        position: absolute;

        z-index: 1; }

      .single-post-details-area .post-content .post-meta a i {

        margin-right: 5px;

        color: #00aef3; }

      .single-post-details-area .post-content .post-meta a:hover {

        color: #00aef3; }

  .single-post-details-area .post-content blockquote {

    position: relative;

    z-index: 1;

    padding: 30px 50px;

    background-color: #f9f9f9; }

    .single-post-details-area .post-content blockquote .blockquote-text h5:last-child {

      color: #00aef3; }



.post-tags-share {

  position: relative;

  z-index: 1;

  margin-bottom: 50px; }

  .post-tags-share .popular-tags span {

    font-size: 14px;

    text-transform: uppercase;

    margin-right: 15px; }

  .post-tags-share .popular-tags li a {

    display: inline-block;

    margin: 4px;

    padding: 10px 15px;

    background-color: #f9f9f9;

    line-height: 1;

    text-transform: uppercase;

    font-size: 13px;

    color: #707070; }

    .post-tags-share .popular-tags li a:hover, .post-tags-share .popular-tags li a:focus {

      color: #ffffff;

      background-color: #00aef3; }

  .post-tags-share .post-share a {

    font-size: 14px;

    display: inline-block;

    padding: 0 10px; }

    .post-tags-share .post-share a:hover, .post-tags-share .post-share a:focus {

      color: #00aef3; }

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

      .post-tags-share .post-share a {

        padding: 0 5px; } }



/* :: 23.0 Contact Area CSS */

.map-area {

  position: relative;

  z-index: 2;

  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); }

  .map-area iframe {

    width: 100%;

    height: 400px;

    border: none;

    margin-bottom: 0;

    border-radius: 5px; }

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

      .map-area iframe {

        height: 320px; } }



.contact-form-area .form-control {

  position: relative;

  z-index: 2;

  height: 45px;

  width: 100%;

  background-color: #ffffff;

  font-size: 16px;

  margin-bottom: 15px;

  border: 1px solid #e1e1e1;

  border-radius: 2px;

  padding: 15px 20px;

  font-weight: 400;

  color: #b7b7b7;

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms; }

  .contact-form-area .form-control:focus {

    box-shadow: none;

    border-color: #00aef3; }

.contact-form-area textarea.form-control {

  height: 80px; }



.contact-information p {

  line-height: 1.3;

  color: #707070;

  margin-bottom: 13px; }

  .contact-information p span {

    color: #303030; }

  .contact-information p:last-child {

    margin-bottom: 0; }



.contact--thumbnail {

  position: relative;

  z-index: 1;

  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15); }

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

    .contact--thumbnail {

      margin-bottom: 100px; } }



/* :: 24.0 Portfolio Details Area CSS */

.portfolio-details-area {

  position: relative;

  z-index: 1; }

  .portfolio-details-area ul li {

    margin-bottom: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center; }

    .portfolio-details-area ul li i {

      color: #00aef3;

      margin-right: 15px; }



.portfolio-slides {

  position: relative;

  z-index: 1; }

  .portfolio-slides .owl-prev {

    position: absolute;

    top: calc(50% - 30px);

    color: #ffffff;

    font-size: 50px;

    left: 30%;

    z-index: 10;

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

    transform: translateY(-50%);

    line-height: 1; }

  .portfolio-slides .owl-next {

    position: absolute;

    top: calc(50% - 30px);

    color: #ffffff;

    font-size: 50px;

    right: 30%;

    z-index: 10;

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

    transform: translateY(-50%);

    line-height: 1; }

  .portfolio-slides .owl-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 50px;

    position: relative;

    z-index: 1;

    width: 100%; }

    .portfolio-slides .owl-dots .owl-dot {

      position: relative;

      z-index: 1;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 12px;

      flex: 0 0 12px;

      max-width: 12px;

      width: 12px;

      border: 2px solid #b7b7b7;

      height: 12px;

      margin: 0 6px;

      border-radius: 50%; }

      .portfolio-slides .owl-dots .owl-dot::after {

        width: 4px;

        height: 4px;

        background-color: #00aef3;

        border-radius: 50%;

        content: '';

        position: absolute;

        top: 2px;

        left: 2px;

        z-index: 10;

        opacity: 0;

        visibility: hidden; }

      .portfolio-slides .owl-dots .owl-dot.active {

        border-color: #00aef3; }

        .portfolio-slides .owl-dots .owl-dot.active::after {

          opacity: 1;

          visibility: visible; }



.portfolio-details-meta {

  position: relative;

  z-index: 1;

  margin-bottom: 25px; }

  .portfolio-details-meta h5 {

    margin-bottom: 5px; }

  .portfolio-details-meta p {

    margin-bottom: 0; }

  .portfolio-details-meta:last-child {

    margin-bottom: 0; }



/* ======= The End ======= */

#bar1 .tipWrap .tip{

  left: 115px!important; 

  transition: left 2s ease-in-out 0s !important;

}

.fa-dd{

  display: inline-block;

  width: 14px;

  height: 14px; 

  background-image: url("../img/dd.png");

}

.fdlink ul li{

  margin: 0 8px;

  display:inline-block;

}

.fdlink ul li a{

 color: #fff;

}


/*products*/
.products{
  padding-top: 40px;
  transition: all 0.3s;
}
.products_wrap{
  padding: 0 25px;
}
.pro_left,.list_left,.list_right{
  float: left;
}
.pro_right{
  padding-bottom: 30px;
  padding-left: 230px;
}
.single_imgb img{
  max-width: 100%;
}
.pro_right>ul{
  overflow: hidden;
}
.pro_right .news_top{
  font-size: 25px;
  line-height: 24px;
  padding: 10px 0 35px 0;
  font-weight: normal;
  height: 30px;
  color: #00aef3;
}
.news_mid{
  border: none!important;
}
.news_mid li{
  float: left;
  width: 50%;
  height: 35px;
  line-height: 35px;
}
.news_mid li a{
  display: block;
  white-space: nowrap;
  margin-right: 3%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  border-bottom: 1px dashed #ccc;
  color: #333;
}
.news_mid li a:hover{
  color: #00aef3;
}
.pro_left{
  width: 200px;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 1.7;
}
.itembody .list_left img{
  width: 100%;
  height: 100%;
}
.itembody{
  padding: 30px 30px 0 30px;
  float: left;
}
.singgle_b{
  width: 33.333%;
  float: left;
  transition: all 0.3s;
}
.singgle_b .watch_box{
  padding: 0px 10px 20px 10px;
}
.singgle_b .watch_box>a{
  display: block;
  color: #000;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 0;
  font-size: 15px;
  font-weight: bold;
}
.singgle_b .watch_box p{
  text-align: center;
  margin-top: 10px;
  color: #666;
  height: 45px;
  overflow: hidden;
  line-height: 1.7;
}
.singgle_b .watch_box img{
  width: 100%;
  height: 100%;
  max-height: 145px;
}
.itembody .list_right .case_detail{
  padding: 0;
}
.itembody_in{
  padding-bottom: 30px;
  border-bottom: 1px dotted #e4e4e4;
  transition: all 0.3s;
  overflow: hidden;
}
.itembody .list_left{
  width: 250px;
}
.itembody .list_right{
  transition: all 0.3s;
  padding-left: 270px;
  float: none;
  margin-top: 35px;
}
.itembody .list_right a{
  color: #333;
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
.pror_detail .special_read{
  margin-top: 10px;
}
.special_read{
  padding: 3px 12px;
  background: #e60012;
  color: #fff !important;
  border-radius: 5px;
  transition: all 0.3s;
  display: inline-block!important;
}
.special_read:hover{
  background: #00aef3;
  color: #fff!important;
}
.pror_content{
  padding: 20px 20px;
  background: #f5f5f5;
}
.pro_left .sf-menu{
  margin: 0px auto;
  padding-bottom: 20px;
}
.con_title{
  height: 55px;
  line-height: 55px;
  color: #ffffff;
  background: #393939;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.pro_right .con_title{
  text-align: left;
  padding-left: 10px;
}
.pror_wrap{
  width: 100%;
  font-size: 14px;
  margin-top: 20px;
}
.pror_detail{
  width: 100%;
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}
.pror_detail .fl{
  max-width: 400px;
  float: left;
  padding-left: 30px;
}
#imgshow{
  display: none!important;
}
.pror_detail .fr{
  width: 52%;
  float: right;
  font-size: 14px;
  line-height: 25px;
}
.button_box button{
  border: none;
  width: 140px;
  padding: 10px 20px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  background: #00aef3;
}
.button_box .the_second{
  margin-top: 10px;
}
.button_box p{
  padding: 10px 0;
}
.watch_botton .ptit{
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  background: #00aef3;
  display: inline-block;
}
.pro_left .sf_menu li{
  border-bottom: 1px solid #fff;
}
.watch_bottm button:nth-child(2){
  margin-left: 15px;
}
.con_title{
  height: 55px;
  line-height: 55px;
  color: #ffffff;
  background: #00aef3;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.pro_left .sf-menu li{
  border-bottom: 1px solid #fff;
}
.pro_left .sf-menu a{
  display: block;
  color: #00aef3;
  line-height: 20px;
  font-size: 14px;
  padding: 9px 0 9px 18px;
  background:#eee url(../img/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu a:hover{
  color: #fff;
  background:#00aef3 url(../img/pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu ul li a{
  background: #fff;
  color: #333;
}
.pro_left .sf-menu a.baractive{
  background:#00aef3;
  color: #fff;
}
.pro_left .sf-menu1>li{
  border-bottom: 1px solid #fff;
  position: relative;
}
.pro_left .sf-menu1 a{
  display: block;
  color: #111;
  line-height: 20px;
  font-size: 16px;
  padding: 9px 0 9px 18px;
  background:#dcdcdc url(pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu1 a:hover{
  color: #fff;
  background:#00aef3 url(pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu1 li li {
  width: 200px;
  border-bottom: 1px solid #dcdcdc;
  background: #eee;
}
.pro_left .sf-menu1 li li a{
  background: #fff;
  color: #333;
}
.pro_left .sf-menu1 ul{
  position: absolute;
  top:0;
  left:200px;
  visibility:hidden;
}
.pro_left .sf-menu1 li:hover ul{
  visibility:visible;
}

.pro_left .sf-menu2>li{
  border-bottom: 1px solid #fff;
}
.pro_left .sf-menu2 a{
  display: block;
  color: #111;
  line-height: 20px;
  font-size: 16px;
  padding: 9px 0 9px 18px;
  background:#dcdcdc url(pico.png) 5px 15px no-repeat;
}
.pro_left .sf-menu2 a:hover{
  color: #fff;
  background:#00aef3 url(pico.png) 5px 15px no-repeat;
}

.pro_left .sf-menu2 li li a{
  background: #fff;
  color: #333;
}
.pro_left .sf-menu2 ul{
  visibility:hidden;
  height:0;
}
.pro_left .sf-menu2 li:hover ul{
  visibility:visible;
  height: auto;
}

.content_title{
  width: 100%;
  height: 35px;
  padding: 5px 0;
  margin-bottom: 10px;
}
.bPosition{
  text-align: right;
  height: 35px;
  line-height: 35px;
  background: #f7f7f7;
  margin: 0 25px;
  padding-right: 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bPosition a{
  color: #8d9095;
}
.bPosition a:hover{
  color: #00aef3;
}

/*products_content*/
.products_content{
  padding: 40px 0;
}
.content_wrap{
  padding: 0 25px;
}
.sp_content .pro_right ul{
  padding: 30px 40px;
  border: 1px solid #dcdcdc;
}
.pcontent_title{
  font-size: 22px;
  color: #000;
  text-align: center;
  padding: 10px 0;
}
.ff_img img{
  max-width: 100%;
}
.ffimg_art{
  line-height: 25px;
  padding: 10px 0;
}
.prdbox{
    position: relative;
    padding-bottom: 10px;
}
.prdbox h5{
  margin-top: 5px;
  text-align: center;
}
.prdbox .prdsy{
  max-width: 83%;
  position: absolute;
  top:0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
}


.feedback{
  width: 320px;
  padding:20px;
  margin:0 auto;
  box-shadow:0 0 10px 5px #999;
  background: #fff;
  border-radius:3px;
  font-weight: normal;
}
.feedback .f_title{
  font-size: 18px;
}
.single-input{
  font-size: 14px;
  margin:10px;
}
.f_box .single-input input{
  padding:5px;
  border:1px solid #999;
  border-radius:3px;
}
.f_box .single-input textarea{
  padding:5px;
  border:1px solid #999;
  border-radius:2px;
  width: 100%;
}
.foot_li li .fotcode{
  position: relative;
}
.foot_li li .fotcode img{
  position: absolute;
  right: 0;
  top:1px;
  height: 26px;
}
#map{
  width:100%;
  height:500px;
}
/* 新闻标题线  */
.linebolin {
  width: 85%;
  height: 1px;
  background:#00aef3;
  text-align: center;
  margin: 15px auto;
}

/*pages*/
.pages{
  text-align: center;
  font-size: 12px;
  padding: 15px 0 20px 0;
  color: #b2b2b2;
  clear: both;
}
.pages .pagination li{
  display: inline-block;
}
.pages .pagination li.active span,.pages .pagination li a:hover {
  color: #FFF;
  background:#00aef3;
  text-decoration: none;
}

.pages a:hover{
  color: #FFF;
  background: #333;
  text-decoration: none;
}
.pages a, .pages span{
  display: inline-block;
  margin: 1px 5px;
  min-width: 10px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.pages a:link, .pages a:visited{
  color: #666;
  background: #FFF;
}

.prev_next {
  padding: 20px 0;
  font-size: 16px;
  color: #444444;
  width: 100%;
  border: none!important;
}
.prev_next li {
  float: left;
  width: 45%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prev_next li:nth-child(1){
  margin-right: 5%;
}
.prev_next a {
  color: #444444;
  font-size: 15px;
}
.prev_next a:hover{
  color:#00aef3;
}
.header-area .is-sticky .alazea-main-menu .classynav ul li a:hover{
  color: #fff;
}
.header-area .is-sticky .alazea-main-menu .classynav ul li .dropdown a:hover{
  color:#00aef3;
}