/* CSS Document */

/* 
    Created on   : 22/08/2017. 
    Theme        : SEO+ - SEO & Business HTML Template!.
    Category     : SEO.
    Author       : @Unifytheme.
    Designed By  : @Unifytheme.
    Developed By : @Unifytheme.
   
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Header  */
/*   04 - Theme Menu */
/*   05 - Theme Main Banner */
/*   06 - SEO Short Banner  */
/*   07 - Theme Pricing Plan  */
/*   08 - Theme Client Slider  */
/*   09 - SEO Compay Goal  */
/*   10 - Welocome To SEO  */
/*   11 - SEO Counter  */
/*   12 - Bottom Footer Banner  */
/*   13 - Theme Footer  */
/*   14 - Theme inner banner  */
/*   15 - Theme Sidebar  */
/*   16 - Theme Team  */
/*   17 - Theme Project  */
/*   18 - Theme Project Details  */
/*   19 - SEO Service One  */
/*   20 - SEO Service Two */
/*   21 - SEO Service Details  */
/*   22 - Theme Blog  */
/*   23 - Theme Blog Details  */
/*   20 - Theme Error Page  */
/*   21 - Theme Faq Page */
/*   22 - Theme Contact Page  */
/*   23 - Shop Page  */


/**
* Importing necessary  Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Source+Sans+Pro:300,400,600,700');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*----revolution-slider---*/
@import url('../vendor/revolution/settings.css');
@import url('../vendor/revolution/layers.css');
@import url('../vendor/revolution/navigation.css');
/*-------fancy box --------*/
@import url('../vendor/fancy-box/jquery.fancybox.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*--------- flat-icon ---------*/
@import url('../fonts/icon/font/flaticon.css');
/*-------Hover Css --------*/
@import url('../vendor/hover.css');

/* banner */
#banner{
  position: relative;
  width: 100%;
}
.swiper-container{
  width: 100%;
  overflow: hidden;
}
.swiper-wrapper{
  width: 1000%;
  overflow:hidden;
}
.swiper-slide{
  float: left;
  width: 10%;
}
.swiper-slide img{
  width: 100%;
}
.swiper-pagination{
  position: absolute;
  width: 100%;
  bottom: 10px;
  left:0;
  text-align: center;
}
.swiper-pagination-bullet{
  display: inline-block;
  width: 20px;
  height: 5px;
  opacity: .3;
  background: #fff;
  margin: 0 4px;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.swiper-pagination-bullet-active{
  background: #fff;
  width: 35px;
  opacity: 1;
  
}

/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*==================== Click Top ====================*/
.scroll-top {
  width:40px;
  height:40px;
  position: fixed;
  bottom: 140px;
  right: 0;
  z-index: 99;
  text-align: center;
  color:#fff;
  background: #7719d9;
  font-size: 28px;
  display: none;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/* --------------------- Global stlye --------------------*/

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  color:rgba(0,0,0,0.6);
  font-size: 14px;
  line-height: 28px;
  position: relative;
}
body .main-page-wrapper {overflow-x:hidden;} 
.seo-theme a {font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
h2 {font-size: 30px; color:#323232;}
h3 {font-size: 36px; color:#393939;}
h4 {font-size: 28px; color:#393939;}
h5 {font-size: 20px; color:#393939;}
h6 {font-size: 18px; color:rgba(0,0,0,0.6);font-weight: 500;}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
ul {list-style-type: none;}
a {text-decoration: none; display: inline-block;color:rgba(0,0,0,0.6)}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;}
.float-right {float:right;}
.round-border {border-radius: 50%;box-shadow: 0px 0px 5px 0px rgba(88, 88, 88, 0.10);}
.m-top0 {margin-top: 0 !important;}
/* .m-bottom0 {margin-bottom: 0 !important;} */
.fancybox-skin {padding: 5px !important;}
/* ------------------------------ Button Style -------------------*/
.button-one,.button-two,.button-three,.button-four,.button-five {
  font-family: 'Roboto', sans-serif;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  color: #fff;
}
.button-one,.button-three,.button-four,.button-five,.button-six {line-height: 50px;}
.button-one {width: 165px;}
.button-two {width: 150px;line-height: 45px;}
.button-three {width: 230px;}
.button-four {width: 170px;}
.button-five {width: 200px;}
.button-six {
  width: 210px;
  border-radius: 30px;
  color: #fff;
  position: relative;
  padding-left: 30px;
}
.button-six i {
  line-height: 50px;
  border-radius: 0 30px 30px 0;
  border-left:1px solid #e8bd37;
  float:right;
  width: 50px;
  font-size: 20px;
  text-align: center;
}
.button-six:hover {color: #fff;}
body .button-seven {
  width: 205px;
  line-height: 55px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
/* ------------------------- Color Css --------------------*/
.se-p-color,.seo-header .top-header .left-side ul li a:hover,.seo-header .top-header .right-side ul li a:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-inner-banner ul li a:hover,
.shop-sidebar .shop-popular-product ul li:hover .name h6 a,.seo-theme .seo-sidebar .call-us a:hover {
  color: #7719d9;
}
.se-p-bg-color,.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-service .seo-title-one a:hover,.seo-theme .latest-blog .seo-title-one a:hover,
.seo-theme .theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before,.seo-theme .blog-inner-page .page-pagination li a:hover,
.seo-theme .theme-blog-large-sideOne .comment-area .single-comment button:hover,.shop-sidebar .search button,.shop-details .review-tab .nav-tabs > li.active > a,.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus,.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a,.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a,.shop-pagination li a:hover,
.shop-pagination li.active a,.shop-details .single-product-details .product-order-details .clearfix a:hover,.shop-details .single-product-details .product-order-details .clearfix ul li button:hover {
  background: #7719d9;
}
.seo-theme .theme-main-menu .right-content a:hover,.seo-theme .theme-main-menu .right-content #search-button:hover,.seo-theme .our-project .single-project .hover a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form textarea:focus,
.seo-theme .theme-blog-large-sideOne .leave-reply form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form input:focus,.seo-theme .theme-contact-page-styleOne .contact-us-form form textarea:focus {
  border-color: #7719d9;
  border-style: solid;
}
.se-s-color,.seo-theme .theme-main-menu .right-content a,.seo-theme .our-service .single-service:hover h5 a,.seo-theme .our-project .mixitUp-menu li:hover,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover,.seo-theme .latest-blog .single-blog .post .post-tag ul li a:hover i,.seo-theme .latest-blog .single-blog:hover .post h5 a,
.seo-theme .latest-blog .single-blog:hover .post h4 a,.seo-theme .bottom-footer-banner .button-five:hover,.default-footer.seo-footer .top-footer .footer-list ul li a:hover,.seo-theme .seo-sidebar .wrapper ul li a:hover,
.default-footer.seo-footer .top-footer .footer-latest-news .single-news:hover h5 a,.theme-team-style-one .single-team-member:hover .title h6 a,.seo-theme .our-service.style-two .single-service:hover .more,
.seo-theme .service-large-sidebar .image-content .right-side ul li:before,.seo-theme .service-large-sidebar .service-middle-text .list i,.seo-theme .seo-sidebar .brochure a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-categories ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li:hover .post h6 a,.seo-theme .blog-details .single-blog .post .post-tag ul li a,
.seo-theme .theme-contact-page-styleOne .contact-us-form form button:hover,.seo-theme .theme-contact-page-styleOne .contactUs-address .single-address .icon,.shop-sidebar .sidebar-shop-categories ul li a:hover,
#mega-menu-holder>ul> li.active> a,#mega-menu-holder li.active .sub-toggle,.shop-details .single-product-details .product-order-details .price li:first-child {
  color: #7719d9;
}
.se-s-bg-color,#banner .tp-caption a:hover,.seo-theme .short-banner a:hover,.seo-theme .pricing-plan .single-price-table:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,
.theme-team-style-one .single-team-member .title ul li a:hover,.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover,.seo-theme .theme-blog-large-sideOne .leave-reply form button:hover,
.seo-theme .error-page a:hover,#mega-menu-holder ul.dropdown li a:hover,.seo-theme .pricing-plan .single-price-table.active {
  background: #7719d9;
}
.seo-theme .theme-main-menu .right-content a,.seo-theme .short-banner a:hover,.seo-theme .company-goal .single-goal:hover .img-icon:before,.seo-theme .our-project .mixitUp-menu li.active,
.seo-theme .our-project .mixitUp-menu li:hover,.default-footer.seo-footer .bottom-footer ul li a:hover,.theme-team-style-one .single-team-member .title ul li a:hover,
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {
  box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);
  border-style: solid;
}
/* ------------------------ Transition ----------------------*/
.tran3s,.button-one,.button-two,.button-three,.button-four,.button-five,.button-six,.button-six i,body .button-seven,
.dropdown-menu > li > a,.hesperiden.tparrows,.owl-theme .owl-nav [class*=owl-],.panel-group .panel-heading a:before,.seo-theme .company-goal .single-goal .img-icon:before,
.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot span:before,.ollo-details-page-one .ollo-sidebar-one .ollo-sidebarlist ul li a i {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.tran4s,.shop-details .single-product-details .product-order-details .clearfix ul li button {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.tran5s,.seo-theme .our-service .single-service img {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.tran6s,.img img {
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
/* ---------------------------- Theme Title -----------------------*/
.seo-title-one {position: relative;}
.pricing-plan .seo-title-one { margin-top: 80px;}
.seo-title-one h2 {
  font-weight: 900;
  margin-bottom: 14px;
}
.seo-title-one h6,.container h6 {font-weight: normal; line-height: 28px;}
/* ------------------------------------ Header -------------------------------*/
#searchWrapper {
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left:0;
  background: rgba(255,255,255,0.95);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
#searchWrapper.show-box {
  opacity: 1;
  visibility: visible;
}
#searchWrapper .container {
  height: 100%;
}
#searchWrapper img {
  margin:0 auto;
  position: relative;
  top:20%;
}
#searchWrapper form {
  position: relative;
  top:40%;
  height: 70px;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
#searchWrapper form input {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 5px;
  padding: 0 95px 0 20px;
  background: transparent;
  font-size: 20px;
}
#searchWrapper form input:focus {
  -webkit-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
-moz-box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
box-shadow: 0px 0px 18px -3px rgba(2,181,255,0.3);
}
#searchWrapper form button {
  position: absolute;
  top:0;
  right: 0;
  width: 90px;
  height: 100%;
  position: absolute;
  font-size: 20px;
  color:#fff;
  border-radius: 0 5px 5px 0;
}
#searchWrapper #close-button {
  position: absolute;
  top:20px;
  right: 20px;
  width: 60px;
  height: 60px;
  font-size: 35px;
  background: transparent;
}
.seo-header .top-header ul li {display: inline-block; line-height: 44px;}
.seo-header .top-header .left-side ul li a {
  color: #333;
  margin: 0 5px;
  font-size: 14px;
}
.seo-header .top-header .left-side ul li {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #393939;
  margin-right: 5px;
}
.seo-header .top-header .right-side ul li {
  border-left: 1px solid #f6f6f6;
  padding: 0 25px 0 22px;
}
.seo-header .top-header .right-side ul li:last-child {border-right: 1px solid #f6f6f6;}
.seo-header .top-header .right-side ul li a {
  font-size: 14px;
  color: #393939;
}
.seo-header .top-header .right-side ul li a i,.left-side ul i {
  margin-right: 8px;
  color: #dbd9d9;
  font-size: 18px;
  vertical-align: middle;
}
.seo-header .top-header {border-bottom: 1px solid #f6f6f6;}
/* ------------------------------------ Theme Menu -------------------------------*/
.seo-theme .theme-main-menu {
  position: relative;
  z-index: 9;
  box-shadow: 0px 5px 12px 0px rgba(97, 97, 97, 0.05);
}
.seo-theme .theme-main-menu .right-content #search-button {
  width: 45px;
  height: 45px;
  border: 1px solid #e1e1e1;
  color: #c4c4c4;
  background: transparent;
  display: inline-block;
  margin-left: 15px;
}
.seo-theme .theme-main-menu .right-content #search-button:hover {color: #fff;}
.seo-theme .theme-main-menu .right-content a {
  line-height: 41px;
  border-width: 2px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
.seo-theme .theme-main-menu .right-content a:hover {color: #fff;}
.seo-theme .theme-main-menu {padding: 20px 0;}
.seo-theme .theme-main-menu .container{position: relative;}
.seo-theme .theme-main-menu .logo{position: absolute;top: -5px;}
#mega-menu-holder li>ul.dropdown {border-top:1px solid #fbc22a;}
.header-style-two .theme-main-menu {box-shadow: none;}
/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.theme-main-menu.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 9999;
  background: #fff;
  padding: 20px 0;
  margin:0;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.15);
  -webkit-animation: menu_sticky  0.70s ease-in-out;
  animation: menu_sticky  0.70s ease-in-out;
}
.theme-main-menu.fixed #mega-menu-holder>ul> li> a {padding: 0 20px;}
/* ---------------------------------- Theme Main Banner ----------------------------- */
#banner .tp-caption h1 {
  color: #222222;
  font-size: 65px;
  font-weight: 900;
  line-height: 70px;
}
#banner .tp-caption p {
  font-size: 18px;
  font-weight: 300;
  color: #8a8a8a;
  line-height: 32px;
}
#banner .tp-caption a {
  border: none;
  width: 155px;
  color: #222222;
  background: #fff;
  font-size: 16px;
}
#banner #seo-main-banner-two .tp-caption a {border:1px solid rgba(0,0,0,0.1);}
#banner .tp-caption a:hover {color: #fff;}
/* -------------------------- SEO Short Banner --------------------------- */
.seo-theme .short-banner {
  padding: 40px 0;
  /* margin-bottom: 85px; */
}
.m-bottom0{
  margin-bottom: 0!important;
}
.seo-theme .short-banner h4 {
  color: #fff;
  margin-top: 10px;
}
.seo-theme .short-banner a {
  width: 170px;
  line-height: 46px;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.seo-theme .short-banner .index-ad a {
  width: auto;
  line-height: 46px;
  border: none;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
  color: #fff;
}
/* ------------------------------ Theme Pricing Plan --------------------------*/
.seo-theme .pricing-plan {
  /* border-bottom: 1px solid #f3f3f3;
  padding-bottom: 100px;
  margin-bottom: 90px; */
}
.seo-theme .pricing-plan .single-price-table {
  float: left;
  width: 24%;
  margin: 0 .5%;
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: 9;
  overflow: hidden;
  margin-top: 70px;
  padding: 60px 0 80px 0;
  background: #fbfbfb;
}
.seo-theme .pricing-plan .single-price-table:last-child {border:none;}
.seo-theme .pricing-plan>span {
  font-size: 14px;
  font-weight: 700;
  color: rgba(33,33,33,0.5);
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.seo-theme .pricing-plan .swiper-slide h2 {
  font-size: 30px;
  font-weight: 700;
  margin: -4px 0 25px 0;
  padding-bottom: 10px;
}
.seo-theme .pricing-plan h2 sub {
  font-size: 33px;
  font-weight: normal;
  bottom: 0;
}
.seo-theme .pricing-plan h2 span {
  font-size: 33px;
  font-weight: normal;
  display: inline-block;
  /* margin-left: -12px; */
}
.seo-theme .pricing-plan h2 span strong {
  font-size: 16px;
  font-weight: 900;
  display: block;
  text-transform: uppercase;
}
.seo-theme .pricing-plan ul li {line-height: 27px;}
.seo-theme .pricing-plan .single-price-table a {
  width: 140px;
  line-height: 43px;
  border: 2px solid #d8d8d8;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  color: #525252;
  margin-top: 28px;
}
.seo-theme .pricing-plan .single-price-table img {
  position: absolute;
  top:0;
  left:50%;
  transform:translateX(-50%) translateY(-100%);
  z-index: -1;
}
.seo-theme .pricing-plan .single-price-table:hover img,
.seo-theme .pricing-plan .single-price-table.active img {
  transform:translateX(-50%) translateY(0);
}
.seo-theme .pricing-plan .single-price-table:hover>span,
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table:hover ul,
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active>span,
.seo-theme .pricing-plan .single-price-table.active h2,
.seo-theme .pricing-plan .single-price-table.active ul,
.seo-theme .pricing-plan .single-price-table.active a {
  color: #fff;
}
.seo-theme .pricing-plan .single-price-table:hover a,
.seo-theme .pricing-plan .single-price-table.active a {border-color: #fff;}
.seo-theme .pricing-plan .single-price-table:hover h2,
.seo-theme .pricing-plan .single-price-table.active h2 {border-color: transparent;}
/* ------------------------------ Theme Client Slider --------------------------*/
.seo-theme .client-slider {
  background: url(../images/home/bg.jpg) no-repeat center;
  background-size: cover;
  padding: 80px 0 65px 0;
  /* margin-bottom: 100px; */
}
.seo-theme .latest-blog {
  padding: 80px 0 0;
}
.seo-theme .client-slider h2 {font-weight: 900;margin-bottom: 14px;}
.seo-theme .client-slider .sldier-wrapper {
  padding:70px 45px 0 45px;
  margin: 0 -22px;
}
.seo-theme .client-slider .seo-client-slider .item {margin:0 22px;}
.seo-theme .client-slider .seo-client-slider .item .clearfix {
  background:#fff;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 45px 30px 40px 40px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix img {
  width: 70px;
  height: 70px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text {
  width: calc(100% - 70px);
  padding-left: 22px;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text h5 {
  font-weight: 700;
}
.seo-theme .client-slider .seo-client-slider .item .clearfix .text span {
  display: block;
  margin: 10px 0 10px 0;
  font-size: 16px;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  background: #3e60c2;
  border: none;
  position: relative;
  margin-top: 50px;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot span:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  top:-5px;
  right: -5px;
  bottom: -5px;
  left:-5px;
  background: rgba(62,96,194,0);
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span {
  background: #3e60c2;
}
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot.active span:before,
.seo-theme .client-slider .owl-theme .owl-dots .owl-dot:hover span:before {
  background: rgba(62,96,194,0.3);
}
/*--------------------------- SEO Compay Goal ---------------------*/
.seo-theme .company-goal {
  background: #fff;
  padding: 75px 0 35px 0;
  /* margin-bottom: 130px; */
}
.seo-theme .company-goal h2 {
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 14px;
}
.seo-theme .company-goal h6{
  margin-bottom: 115px;
}
.seo-theme .company-goal .single-goal {
  position: relative;
  /* background: #f9f9f9; */
  width: 100%;
  padding: 85px 30px 45px 30px;
  border-radius: 5px;
  margin-bottom: 85px;
  height: 246px;
  border: 1px solid #f5f5f5;
}
.seo-theme .company-goal .single-goal h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}
.seo-theme .company-goal .single-goal .img-icon {
  border: 5px solid #fff;
  position: absolute;
  top: -50px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  z-index: 1;
  background-color: #fff;
}
.seo-theme .company-goal .single-goal .img-icon:before {
  content: '';
  position: absolute;
  left:-4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  border:5px solid #fff;
}
/*--------------------------- Welocome To SEO ---------------------*/
.seo-theme .welcome-seo .wrapper {
  border-bottom: 1px solid #f1f1f1;
  padding: 100px 0;
}
.seo-theme .welcome-seo .bottom{
  margin-bottom: 0;
}
.seo-theme .welcome-seo .text h2 {
  font-weight: 700;
  line-height: 50px;
}
.seo-theme .welcome-seo .text span {
  font-size: 20px;
  font-weight: 300;
  display: block;
  margin: 8px 0 20px 0;
}
.seo-theme .welcome-seo .text ul li {
  float: left;
  width: 50%;
  padding-left: 65px;
  padding-right: 10px;
  position: relative;
  margin-top: 45px;
}
.seo-theme .welcome-seo .text ul li h6 {
  color: #393939;
  margin-bottom: 2px;
}
.seo-theme .welcome-seo .text ul li i {
  position: absolute;
  top:6px;
  left:0;
  font-size: 45px;
  color: #a9a9a9;
  width: 55px;
}
/*--------------------------- SEO Counter ---------------------*/
.seo-theme .seo-counter {
  background: url(../images/home/8.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  margin: 20px 0 0;
}
.seo-theme .seo-counter:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(255,195,35,0.9);
  z-index: 1;
}
.seo-theme .seo-counter .main-content {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}
.seo-theme .seo-counter img {width: 100%;}
.seo-theme .seo-counter .single-box .number {
  font-weight: 900;
  font-size: 60px;
  color: #fff;
}
.seo-theme .seo-counter .single-box p {
  font-size: 20px;
  color: #fff;
}
.seo-theme .seo-counter .single-box {
  text-align: center;
  position: relative;
}
.seo-theme .seo-counter .single-box:after {
  content: '';
  width: 1px;
  height: 80px;
  background: #fff;
  position: absolute;
  right: -15px;
  top:6px;
}
.seo-theme .seo-counter .single-box.border-fix:after {display: none;}
/* ---------------------------- Bottom Footer Banner  ------------------------*/
.bottom-footer-banner {padding: 35px 0;}
.bottom-footer-banner h3 {
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  margin-top: 8px;
}
.bottom-footer-banner h3 a{
  font-size: 26px;
  color: #fff;
}
.bottom-footer-banner .button-five {
  line-height: 46px;
  font-size: 14px;
  font-weight: 500;
  border-width: 2px;
  color: #fff;
  border-color: #fff;
  width: 175px;
  text-transform: uppercase;
}
.seo-theme .bottom-footer-banner .button-five:hover {background: #fff;}
/*------------------------------- Partner Logo ------------------------*/
#partner-logo .item img {margin: 0 auto;}
.seo-theme .partners-section {border-top: 1px solid #ececec;}
.seo-theme #partner-logo {padding: 60px 0;}
/* ------------------------------ Theme Footer --------------------------*/
.default-footer {
  padding: 55px 0 0 0;
  position: relative;
  background: url(../images/home/8.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}
footer.seo-footer:before {
  content:'';
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(35,52,78,0.97);
  z-index: -1;
}
footer.seo-footer p {font-size: 14px;}
.default-footer .footer-logo p {
  color: rgba(255,255,255,0.6);
  margin-top: 14px;
}
/* .default-footer .top-footer .footer-list {padding-left: 55px;} */
.default-footer .top-footer h6 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-size: 16px;
  position: relative;
}
/* .default-footer .top-footer h6::after{
  content: "";
  position: absolute;
  width: 80%;
  height: 1px;
  top: 35px;
  left: 0;
  background-color: #7d7d7d;
} */
.default-footer .top-footer .footer-list ul li a {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  /* margin-bottom: 10px; */
  font-weight: normal;
  display: block;
}
.default-footer .top-footer .footer-latest-news {padding-left: 85px;}
.default-footer .top-footer .footer-latest-news .single-news h5 a {
  font-size: 14px;
  line-height: 30px;
  color: #e9e9e9;
}
.default-footer .top-footer .footer-latest-news .single-news span {color: rgba(125,153,195,0.6);}
.default-footer .top-footer .footer-latest-news .single-news {
  margin-bottom: 16px;
}
/* .default-footer .top-footer .footer-subscribe {padding-left: 60px;} */
.default-footer .top-footer .footer-subscribe .ewm{
  /* display: flex;justify-content: space-between;flex-wrap:nowrap;margin-top:20px; */
}
.default-footer .top-footer .footer-subscribe .ewm-img{width: 160px;height: 160px;
  display: inline-block;
  /* margin: 0 10px; */
  padding: 10px;}
.default-footer .top-footer .footer-subscribe img{width:100%; }
.default-footer .top-footer .footer-subscribe p {color: rgba(255,255,255,0.6);}
.default-footer .top-footer .footer-subscribe form {
  margin: 40px 0 0 0;
  height: 60px;
  position: relative;
}
.default-footer .top-footer .footer-subscribe form input {
  width: 100%;
  height: 100%;
  border:none;
  background: #fff;
  border-radius: 30px;
  padding: 0 63px 0 30px;
  font-size: 14px;
}
.default-footer .top-footer .footer-subscribe form button {
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
  width: 60px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 30px;
}
.default-footer .bottom-footer p,.default-footer .bottom-footer a {
  color: #c3c3c3;
  line-height: 35px;
}
.default-footer .bottom-footer p a {font-weight: normal;}
.default-footer .bottom-footer ul li {
  display: inline-block;
  margin-left: 5px;
}
.default-footer .bottom-footer p a .icp{
  padding:0 15px;
  border-right: 2px solid #c3c3c3;
}
.default-footer .bottom-footer .left span{
  margin: 10px;
}
.default-footer .bottom-footer p a .bei{
  margin: 0 15px;
  padding-left: 20px;
  background: url(../images/beian.png) no-repeat left;
}
.default-footer .bottom-footer ul li a {
  color: #a1a6ad;
  border-color: #394b66;
  width: 35px;
  line-height: 33px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}
.default-footer.seo-footer .bottom-footer ul li a:hover {color: #fff;}
.default-footer .bottom-footer {margin-top: 60px; padding: 0;}
.default-footer .bottom-footer .wrapper {padding: 24px 0;}
.default-footer.seo-footer .bottom-footer .wrapper {border-top:1px solid #304361; text-align: center;}
/* ---------------------------- Theme Inner Banner ------------------------*/
.seo-theme .theme-inner-banner {
  /* background: url(../images/inner-page/banner-3.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 80px; */
}
.seo-theme .theme-inner-banner .opacity {
  padding: 130px 0;
}
.inner-banner .container{
  padding: 0 100px;
}
.seo-theme .inner-banner  .seo-title-one h2{font-weight: normal;}
.inner-banner .seo-title-one h6{color: #d0d0d0;}
.seo-theme .theme-inner-banner h2 {
  font-weight: 900;
  font-size: 30px;
  color: #fff;
}
.seo-theme .theme-inner-banner ul li {
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  margin: 10px 0 0 5px;
  color: #fff;
  vertical-align: middle;
  text-transform: capitalize;
}
.seo-theme .theme-inner-banner ul li a {
  color: #fff;
  font-weight: normal;
}
/* ---------------------------- Theme Sidebar  ------------------------*/
.seo-theme .seo-sidebar {width: 21.4%;}
.theme-blog-sidebarOne .sidebar-search form {
  height: 55px;
  position: relative;
}
.theme-blog-sidebarOne .sidebar-search form input {
  height: 100%;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #f0f0f0;
  padding: 0 58px 0 25px;
}
.theme-blog-sidebarOne .sidebar-search form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 56px;
  color: #fff;
  border-radius: 0 30px 30px 0;
  font-size: 18px;
}
.theme-blog-sidebarOne h4 {
  font-weight: 500;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 25px;
  margin-top: 65px;
}
.theme-blog-sidebarOne .sidebar-categories ul li a {
  font-weight: 600;
  color: rgba(0,0,0,0.4);
  margin-bottom: 18px;
  display: block;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li img {
  width: 90px;
  border-radius: 5px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li {
  margin-bottom: 30px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post {
  width: calc(100% - 90px);
  padding-left: 28px;
}
.theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {
  line-height: 26px;
  color: #25292f;
}
.theme-blog-sidebarOne .sidebar-keywords ul li {
  display: inline-block;
  margin:0 4px 10px 0;
}
.theme-blog-sidebarOne .sidebar-keywords ul li a {
  line-height: 35px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  font-weight: normal;
  color: rgba(0,0,0,0.6);
  padding: 0 13px;
}
.seo-theme .seo-sidebar .wrapper {
  background: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 35px;
}
.seo-theme .seo-sidebar .wrapper ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: rgba(0,0,0,0.7);
  line-height: 62px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 46px;
  position: relative;
  display: block;
}
.seo-theme .seo-sidebar .wrapper ul li a:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top:50%;
  left: 30px;
  margin-top: -3px;
  background: #dcd9d9;
  border-radius: 50%;
}
.seo-theme .seo-sidebar .wrapper ul li:last-child a {
  border: none;
  border-radius: 0 0 5px 5px;
}
.seo-theme .seo-sidebar .wrapper ul li:first-child a {
  border-radius: 5px 5px 0 0;
}
.seo-theme .seo-sidebar .brochure {
  padding: 22px 10px 30px 25px;
}
.seo-theme .seo-sidebar .brochure h5 {font-weight: 500;}
.seo-theme .seo-sidebar .brochure p {
  margin: 10px 0 12px 0;
  font-size: 14px;
}
.seo-theme .seo-sidebar .brochure a {
  font-size: 14px;
  font-weight: 700;
  color: #2c2c2c;
  text-transform: uppercase;
  line-height: 30px;
}
.seo-theme .seo-sidebar .brochure a img {margin-right: 14px;display: inline-block;}
.seo-theme .seo-sidebar .call-us {
  padding: 22px 0 30px 0;
  text-align: center;
}
.seo-theme .seo-sidebar .call-us span {
  line-height: 30px;
}
.seo-theme .seo-sidebar .call-us h6 {
  font-weight: 700;
  margin: 10px 0 12px 0;
}
.seo-theme .seo-sidebar .call-us a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: rgba(0,0,0,0.8);
}
.seo-theme .theme-large-sidebar {
  width: 78.6%;
  padding-left: 60px;
}
.seo-theme .theme-blog-sidebarOne a {font-family: 'Source Sans Pro', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-recent-news ul li .post h6 a {font-family: 'Roboto', sans-serif;}
.seo-theme .theme-blog-sidebarOne .sidebar-keywords ul li a:hover {color: #fff;}
/* ---------------------------- Theme Team  ------------------------*/
.theme-team-style-one .row{border-bottom: 1px solid #f1f1f1;}
.seo-theme .theme-team-style-one .seo-title-one {margin: 80px 0 60px;}
.theme-team-style-one .single-team-member {margin: 0 0 70px 0;}
.theme-team-style-one .single-team-member:hover  .img img{transform: scale(1.2);}
.theme-team-style-one .single-team-member .title span{font-size: 16px;
  color: #333;}
.theme-team-style-one .single-team-member .img,
.theme-team-style-one .single-team-member .img img {
  border-radius: 8px;
  background: transparent;
  width: 100%;
  overflow: hidden;
}
.theme-team-style-one .single-team-member .title h6 a {
  color: #393939;
  display: block;
  font-size: 20px;
  margin:32px 0 5px 0;
  font-weight: bold;
}
.theme-team-style-one .single-team-member .title p {margin: 8px 0 15px 0;}
.theme-team-style-one .single-team-member .title ul li {
  display: inline-block;
}
.theme-team-style-one .single-team-member .title ul li a {
  width: 35px;
  line-height: 33px;
  border:1px solid #e7e7e7;
  text-align: center;
  color: #cfd1d9;
  margin-right: 4px;
}
.theme-team-style-one .single-team-member .title ul li a:hover {
  color: #fff;
}
/* ------------------------------ Theme Project --------------------------*/
.seo-theme .our-project .mixitUp-menu, .seo-theme .our-product .mixitUp-menu {margin: 0;}
.main-page-wrapper .our-project, .main-page-wrapper .our-product, .seo-theme .our-service-details, .seo-theme .our-about {margin: 80px 0;}
.seo-theme .our-project .mixitUp-menu li, .seo-theme .our-product .mixitUp-menu li {
  display: inline-block;
    line-height: 36px;
    border: 1px solid #eaeaea;
    border-radius: 30px;
    padding: 0px 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    margin: 10px 5px;
}
.seo-theme .our-project .mixitUp-menu li.active, .seo-theme .our-product .mixitUp-menu li.active{
  background-color: #7719d9;
  border: none;
}
.seo-theme .our-project .mixitUp-menu li.active a, .seo-theme .our-product .mixitUp-menu li.active a{
  color: #fff;
}
.seo-theme .our-project .row {margin: 0 -10px 70px;}
.seo-theme .our-project .row .mix {
  padding: 0 10px;
  width: 20%;
  float: left;
}
.our-service-details ul li.active{
  transition: all .3s;
  background: #7719d9;
  color: #fff;
}
.our-service-details ul li.active a{
  color: #fff!important;
}
.mix {display: none;}
.seo-theme .our-project .single-project {
  margin: auto;
  width: 320px;
  height: 650px;
  position: relative;
  overflow: hidden;
  background: url(../images/mobile.png) no-repeat center/cover;
}
.seo-theme .our-project .single-project .hover {
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  text-align: center;
  opacity: 0;
  transform:scale(0.4);
}
.seo-theme .our-project .single-project .hover div {
  position: relative;
  top:50%;
  transform:translateY(-50%);
}
.seo-theme .our-project .single-project:hover .hover {
  opacity: 1;
  transform:scale(1);
}
.seo-theme .our-project .single-project .hover p {font-size: 18px;}
.seo-theme .our-project .single-project .hover h5 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
.seo-theme .our-project .single-project .hover a {
  width: 35px;
  line-height: 31px;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}
.seo-theme .our-project .single-project img {
  width: 100%;
  /* -webkit-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  -moz-box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52);
  box-shadow: 0px -1px 20px -3px rgba(54,54,54,0.52); */
}
.seo-theme .our-project .single-project:hover .anli_ul_div_t{opacity:1;top:12%;}
.single-project .anli_ul_div_t{opacity: 0;position: absolute;top: 100%;left: 8%;z-index: 10;width: 85%;height: 75%;cursor: pointer;background: rgba(0,0,0,0.5);transition: all ease 0.3s;}
/* .seo-theme .our-project .single-project:hover img {opacity: 0.05;}  */
/* .seo-theme .our-project .single-project:hover{background: #f6cdcd;}  */
.seo-theme .our-project .single-project.color1 {background: #f6cdcd;}
.seo-theme .our-project .single-project.color2 {background: #d0fbff;}
.seo-theme .our-project .single-project.color3 {background: #f1d5ff;}
.seo-theme .our-project .single-project.color4 {background: #aaf0ae;}
.seo-theme .our-project .single-project.color5 {background: #fbe8b6;}
.seo-theme .our-project .single-project.color6 {background: #1fd2bc;}
.seo-theme .our-project .single-project.color7 {background: #e74b3b;}
.seo-theme .our-project .single-project.color8 {background: #f6861c;}
.seo-theme .our-project .single-project.color9 {background: #00be90;}
.seo-theme .our-project .single-project.color10 {background: #e19e6e;}
.seo-theme .our-project .single-project.color11 {background: #256490;}
.seo-theme .our-project .single-project.color12 {background: #18b6db;}
.seo-theme .our-project .single-project.color13 {background: #ec7666;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project img,
.seo-theme .our-project.project-v2 #mixitUp-item .single-project img {box-shadow: none;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project:hover img {opacity: 0.1;} 
.seo-theme .our-project.project-v1 #mixitUp-item .mix {
  width: 25%;
  float: left;
}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project {padding: 0;}
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover p,
.seo-theme .our-project.project-v1 #mixitUp-item .single-project .hover h5 {color: #fff;}
.seo-theme .our-project.project-v1 .mixitUp-menu,
.seo-theme .our-project.project-v2 .mixitUp-menu {margin-top: 0;}
.seo-theme .our-project.project-v2 .row {margin: 0 -15px;}
.seo-theme .our-project.project-v2 #mixitUp-item .single-project {margin-bottom: 30px;}
.seo-theme .our-project.project-v2 .row .mix {width: 33.33333333%;padding: 0 15px;}
.seo-theme .our-project.project-v2 {margin-bottom: 80px;}
/* ---------------------------- Theme Project Details  ------------------------*/
.theme-default-project-details .project-large-sidebar .image-gallery {margin: 0 -10px;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] {padding: 0 10px; float:left;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-8 {width: 69.4%;}
.theme-default-project-details .project-large-sidebar .image-gallery .col-4 {width: 30.6%;}
.theme-default-project-details .project-large-sidebar .image-gallery [class*="col-"] img {
  margin-bottom: 15px;
}
.theme-default-project-details .project-large-sidebar .top-text h4 {
  font-weight: 700;
  margin: 35px 0 16px 0;
}
.theme-default-project-details .project-large-sidebar .top-text h6 {
  color: #393939;
  line-height: 30px;
  margin-bottom: 20px;
}
.theme-default-project-details .project-large-sidebar .top-text {
  border-bottom: 1px solid #efefef;
  padding-bottom: 40px;
  margin-bottom: 85px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side {width: 43%;}
.theme-default-project-details .project-large-sidebar .bottom-text .left-side img {margin-bottom: 30px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side {width: 57%;padding-left: 55px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side h4 {
  font-weight: 700;
  margin-bottom: 16px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box {
  position: relative;
  padding-left: 30px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box:before {
  content: '';
  width: 1px;
  height: 73%;
  position: absolute;
  top:10px;
  left:5px;
  background: #eaeaea;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6 {
  color: #393939;
  position: relative;
  line-height: 28px;
  margin: 25px 0 10px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side .list-box h6:before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  left:-30px;
  top:8px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .single-content {margin-bottom: 60px;}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side>h6 {
  margin: 20px 0 15px 0;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}
.theme-default-project-details .project-large-sidebar .bottom-text .right-side ul li i {
  margin-right: 12px;
  font-size: 18px;
}
.theme-default-project-details .project-large-sidebar {
  padding-bottom: 50px;
}
/* ------------ SEO Service One --------------*/
.seo-theme .our-service.bg-color {
  background: #fff;
  /* margin: 130px 0 0 0; */
  padding: 0 0 90px 0;
}
.seo-theme .our-service .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 18px;
  right: 0;
}
.seo-theme .our-service {margin-top: 80px;}
.seo-theme .our-service .seo-title-one {margin-bottom: 55px;}
.seo-theme .our-service .single-service {
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 40px 30px 35px 105px;
  position: relative;
  margin-bottom: 30px;
  min-height:200px;
  overflow: hidden;
}
.seo-theme .our-service .single-service .bg{
  position: absolute;
  opacity: .1;
  right: 32px;
  bottom: 32px;
  width: 65px;
  height: 65px;
}
.seo-theme .our-service .single-service .bg .bg-shadow{
  width: 100%;
}
.seo-theme .our-service .single-service h5 a {
  font-size: 22px;
  color: #222222;
  font-weight: 500;
  display: block;
  margin-bottom: 13px;
}
.seo-theme .our-service .single-service img {
  position: absolute;
  top:43px;
  left:35px;
  max-width: 65px;
}
.seo-theme .our-service .single-service:hover img {
  transform:scale(1.1);
}
.seo-theme .our-service .single-service h2 {
  font-size: 45px;
  font-weight: 900;
  color: #f6f6f6;
  position: absolute;
  left:35px;
  bottom: 40px;
}
.seo-theme .our-service .single-service:hover {
  box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);
  border-color: #fff;
}
.seo-theme .our-service.m-fix {margin: 0;}
.seo-theme .our-service.m-fix .single-service img {
  left:25px;
  max-width: 65px;
}
/* ------------ SEO Service Two --------------*/
.seo-theme .our-service.style-two .single-service img {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  top:-55px;
  left:50%;
  margin-left: -55px;
}
.seo-theme .our-service.style-two .single-service:hover img {
  transform:scale(0.95);
}
.seo-theme .our-service.style-two .single-service {
  padding: 78px 30px 32px 30px;
  margin-bottom: 125px;
}
.seo-theme .our-service.style-two .single-service .more {
  font-weight: normal;
  font-size: 14px;
  color: #393939;
  margin-top: 14px;
}
.seo-theme .our-service.style-two .single-service .more i {
  margin-left: 5px;
}
.seo-theme .our-service.style-two .seo-title-one {margin-bottom: 135px;}
            /* ------------- SEO Service Details --------------*/
.seo-theme .our-service-details {margin-bottom: 160px;}
.seo-theme .service-large-sidebar h4 {font-weight: 700;}
/* .seo-theme .service-large-sidebar .image-content img {
  width: 51%;
} */
.seo-theme .service-large-sidebar .image-content .right-side {
  width: 100%;
  /* padding-left: 50px; */
}
/* .seo-theme .service-large-sidebar .image-content .right-side span {
  display: block;
  font-weight: 300;
  font-size: 20px;
  margin: 5px 0 15px 0;
} */
.seo-theme .service-large-sidebar .image-content .right-side ul {margin-top: 40px;}
.seo-theme .service-large-sidebar .image-content .right-side ul li {
  padding-left: 62px;
  position: relative;
  margin-bottom: 30px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li:before {
  content: "\f104";
  font-family: "Flaticon";
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 2px solid #f1f1f1;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left:0;
  top:3px;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li h6 {
  color: #222222;
}
.seo-theme .service-large-sidebar .image-content .right-side ul li p {
  font-size: 14px;
}
.seo-theme .service-large-sidebar .service-middle-text {
  margin: 65px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.seo-theme .service-large-sidebar .service-middle-text h4 {
  margin-bottom: 20px;
}
.seo-theme .service-large-sidebar .service-middle-text .list {
  padding-left: 100px;
  position: relative;
  margin-bottom: 50px;
}
.seo-theme .service-large-sidebar .service-middle-text .list h6 {
  color: #222222;
  margin-bottom: 7px;
}
.seo-theme .service-large-sidebar .service-middle-text .list i {
  width: 75px;
  line-height: 75px;
  border: 1px solid #ececec;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  font-size: 35px;
  left:0;
  top:0;
}
.seo-theme .service-large-sidebar .service-middle-text .row {margin-top: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 {margin-bottom: 50px;}
.seo-theme .service-large-sidebar .project-analaysis h4 span {
  font-weight: 300;
  color: #bebebe;
}
.seo-theme .service-large-sidebar .project-analaysis .chart-box {
  width: 180px;
}
.seo-theme .service-large-sidebar .project-analaysis .info {
  width: calc(100% - 180px);
  padding-left: 35px;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 {
  font-size: 50px;
  font-weight: 900;
}
.seo-theme .service-large-sidebar .project-analaysis .info h2 sub {
  font-weight: normal;
  font-size: 18px;
  bottom: 3px;
}
.seo-theme .service-large-sidebar .project-analaysis .info p {
  font-size: 18px;
  margin: 0 0 22px 0;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li {
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li span {
  font-weight: 700;
  color: #5c5b5b;
}
.seo-theme .service-large-sidebar .project-analaysis .info ul li:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top:10px;
  left:0;
}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:first-child:before {background: #4e71d5;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoOne ul li:last-child:before {background: #7719d9;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:first-child:before {background: #25caad;}
.seo-theme .service-large-sidebar .project-analaysis .info.infoTwo ul li:last-child:before {background: #8e3ef0;}
.seo-theme .service-large-sidebar .project-analaysis .score-list {margin: 80px -20px 0 -20px}
.seo-theme .service-large-sidebar .project-analaysis .score-list li {
  float: left;
  padding: 0 20px;
  padding-left: 60px;
  position: relative;
}
.seo-theme .service-large-sidebar .project-analaysis .score-list li h6 {color: #393939;}
.seo-theme .service-large-sidebar .project-analaysis .score-list li i {
  position: absolute;
  top:5px;
  left: 0;
  font-size: 40px;
  color: rgba(0,0,0,0.3);
}
/* ------------------------------ Theme Blog --------------------------*/
.theme-blog-sidebarOne {width: 24%;}
.theme-blog-large-sideOne {
  width: 76%;
  padding-right: 88px;
}
.blog-inner-page .page-pagination li {
  display: inline-block;
  margin-right: 4px;
}
.blog-inner-page .page-pagination.text-center li {margin: 0 2px;}
.blog-inner-page .page-pagination li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  background: #f3f3f3;
  border-radius: 5px;
  line-height: 36px;
  padding: 0 14px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.blog-inner-page .page-pagination li a:hover {color: #fff;}
.seo-theme .latest-blog .seo-title-one a {
  color: #fff;
  border: none;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.seo-theme .latest-blog .seo-title-one {margin-bottom: 55px;}
.seo-theme .latest-blog .grid-blog-wrapper {margin: 0 -30px;}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog {
  float:left;
  width: 33.33333333%;
  padding: 0 30px;
}
.seo-theme .latest-blog .single-blog {margin-bottom: 70px;}
.seo-theme .latest-blog .single-blog .img-holder {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 200px;
}
.seo-theme .latest-blog .single-blog .img-holder img {width: 100%;height: 100%;}
.seo-theme .latest-blog .single-blog .img-holder .tag {
  display: block;
  line-height: 20px;
  width: 68px;
  border-radius: 3px;
  position: absolute;
  top:25px;
  left: 38px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
}
.seo-theme .latest-blog .single-blog .img-holder .tag.color1 {background: #08c5a1;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color2 {background: #52b2f6;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color3 {background: #f67878;}
.seo-theme .latest-blog .single-blog .img-holder .tag.color4 {background: #ffba34;}


.seo-theme .latest-blog .single-blog .post {
  border: 1px solid #eaeaea;
  padding: 23px 0 0 0;
  border-radius: 0 0 7px 7px;
  background: #fff;
}
.seo-theme .latest-blog .grid-blog-wrapper .single-blog .post {
  margin: -55px 35px 0 35px;
  position: relative;
  z-index: 9;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a {
  line-height: 28px;
  color: #393939;
  font-weight: 700;
  margin-bottom: 10px;
}
.seo-theme .latest-blog .single-blog .post h5 a,
.seo-theme .latest-blog .single-blog .post h4 a,
.seo-theme .latest-blog .single-blog .post p {padding: 0 20px 0 34px;}

.seo-theme .latest-blog .single-blog .post .post-tag {
  border-top: 1px solid #eaeaea;
  padding-left: 34px;
  margin-top: 25px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li {
  display: inline-block;
  line-height: 55px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: rgba(0,0,0,0.5);
  margin-right: 15px;
}
.seo-theme .latest-blog .single-blog .post .post-tag ul li a i {
  color: #cdd7d8;
  margin-right: 3px;
}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .img-holder {border-radius: 5px 5px 0 0;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post {border-top: none;}
.seo-theme .latest-blog .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {
  width: 125px;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  border-left: 1px solid #eaeaea;
}
.seo-theme .blog-inner-page {margin-bottom: 190px;}
/* ------------------------------ Theme Blog Details --------------------------*/
.theme-blog-large-sideOne .comment-area h4 {
  margin-bottom: 35px;
}
.theme-blog-large-sideOne .comment-area .main-comment {
  border: 1px solid #e9e9e9;
  padding: 25px 55px 50px 35px;
  margin-bottom: 20px;
}
.theme-blog-large-sideOne .comment-area .single-comment img {
  width: 75px;
  border-radius: 5px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment {
  width: calc(100% - 75px);
  padding-left: 20px;
  position: relative;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment p {
  margin-top: 13px;
}
.theme-blog-large-sideOne .comment-area .single-comment .comment h6 {
  color: #393939;
}
.theme-blog-large-sideOne .comment-area .single-comment.reply-comment {
  margin-left: 95px;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #e9e9e9;
}
.theme-blog-large-sideOne .comment-area .single-comment button {
  width: 60px;
  line-height: 30px;
  background: #f4f4f4;
  color: #393939;
  text-transform: uppercase;
  position: absolute;
  top:0;
  right: 0;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}

.theme-blog-large-sideOne .comment-area .single-comment button:hover {color: #fff;}
.theme-blog-large-sideOne .leave-reply h4 {
  margin: 70px 0 8px 0;
}
.theme-blog-large-sideOne .leave-reply form {margin-top: 25px;}
.theme-blog-large-sideOne .leave-reply form textarea,
.theme-blog-large-sideOne .leave-reply form input {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  margin-bottom: 23px;
  padding: 0 15px;
}
.theme-blog-large-sideOne .leave-reply form textarea {
  height: 210px;
  max-height: 210px;
  padding: 20px 15px;
}
.theme-blog-large-sideOne .leave-reply form input {
  height: 55px;
}
.theme-blog-large-sideOne .leave-reply form button {
  text-transform: uppercase;
  border:none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
}
.seo-theme .blog-details .single-blog .row {
  margin: 40px -15px 35px -15px;
  padding: 0 35px;
}
.seo-theme .blog-details .single-blog .row img {
  border-radius: 5px;
  width: 100%;
}
.seo-theme .latest-blog.blog-details .theme-blog-large-sideOne .single-blog .post .post-tag ul li.float-right a {color: #a3a3a3;}
.seo-theme .theme-blog-large-sideOne h4 {font-weight: 700;}

/* ---------------------------- Theme Error Page  ------------------------*/
.seo-theme .error-page {
  text-align: center;
  margin-bottom: 150px;
}
@keyframes error-load {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  20% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  80% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.seo-theme .error-page img {
  margin: 0 auto;
  -webkit-animation:error-load 7s linear infinite;
  animation:error-load 7s linear infinite;
}
.seo-theme .error-page h2 {
  font-size: 150px;
  margin-top:40px;
  font-weight: 900;
  letter-spacing: 14px;
}
.seo-theme .error-page h3 {
  font-weight: normal;
  font-size: 60px;
  margin-bottom: 25px;
}
.seo-theme .error-page p {
  font-size: 18px;
  margin-bottom: 41px;
}
.seo-theme .error-page a {
  line-height: 55px;
  width:128px;
  color:#fff;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: center;
}
.seo-theme .error-page span.or {
  font-size: 18px;
  color:#2f2f2f;
  margin:0 16px;
}
.seo-theme .error-page form {
  height:55px;
  width:380px;
  position: relative;
  display: inline-block;
}
.seo-theme .error-page form input {
  padding: 0 58px 0 20px;
  border:1px solid #f0f0f0;
  height: 100%;
  width: 100%;
}
.seo-theme .error-page form button {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  width: 55px;
  border-left: 1px solid #f0f0f0;
  background: transparent;
  font-size: 20px;
  color: #a3a3a3;
}
/* ---------------------------- Theme Faq Page  ------------------------*/
.seo-theme .seo-faq-section {
  background: #f9f9f9;
  padding: 95px 0 100px 0;
}
.seo-theme .seo-faq-section h3 {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 65px;
}
.seo-theme .seo-faq-section .faq-content {
  background: #fff;
  padding: 30px 35px 30px 40px;
  margin-bottom: 30px;
}
.seo-theme .seo-faq-section .faq-content h6 {
  font-weight: 700;
  color: #393939;
  margin-bottom: 20px;
}

/* ------------- Google Map  --------------*/
.seo-theme #google-map-area {
  height: 550px;
  position: relative;
  /* padding: 5px; */
  /* border: 1px solid #ececec; */
  /* margin: 50px 0 70px 0; */
}
.seo-theme #contact-google-map {
  width: 100%;
  height: 100%;
}
.seo-theme #google-map-area .row {
  position: absolute;
    left: 50%;
    top: 70%;
    width: 1230px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7);
    transform: translate(-50%, -50%);
}
/*** 

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {
  color: #ffce6e;
}
#error {
  color: #C9182B;
}
#error button,
#success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {
  display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
  border:1px solid #f03838 !important;
}
/* ------------- Theme Contact Page --------------*/
.theme-contact-page-styleOne h4 {
  font-weight: 500;
  font-size: 38px;
  margin-bottom: 55px;
  color:#2f373a;
}
.theme-contact-page-styleOne .contact-us-form .row {
  margin: 0 -10px;
}
.theme-contact-page-styleOne .contact-us-form .row [class*="col-"] {
  padding: 0 10px;
}
.theme-contact-page-styleOne .contact-us-form form .single-input {
  margin-bottom: 22px;
}
.theme-contact-page-styleOne .contact-us-form form input,
.theme-contact-page-styleOne .contact-us-form form textarea {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  border:1px solid #ececec;
  padding: 0 15px 0 15px;
  border-radius: 5px;
}
.theme-contact-page-styleOne .contact-us-form form input {
  height: 50px;
}
.theme-contact-page-styleOne .contact-us-form form textarea {
  height: 165px;
  max-height: 165px;
  padding: 15px;
}
.theme-contact-page-styleOne .contact-us-form form button {
  border-radius: 5px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}
.theme-contact-page-styleOne .contactUs-address {
  padding-left: 38px;
}
.theme-contact-page-styleOne .contactUs-address>p {
  margin:-7px 0 30px 0;
}
.theme-contact-page-styleOne .contactUs-address .single-address .icon {
  width: 65px;
  height: 65px; 
  line-height: 63px;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin-top: 7px;
  color:#fff;
  font-size: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address h6 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 5px;
  color: #393939;
}
.theme-contact-page-styleOne .contactUs-address .single-address span {
  font-size: 16px;
}
.theme-contact-page-styleOne .contactUs-address .single-address {
  margin-bottom: 30px;
}
.theme-contact-page-styleOne .contactUs-address .single-address .text {
  padding-left: 26px;
  margin-top: 10px;
}
/*----------------------- Shop Page ---------------------*/
.shop-sidebar .search {
  height: 45px;
  position: relative;
}
.shop-sidebar .search input {
  width: 100%;
  height: 100%;
  background: #eeeeee;
  border: none;
  padding: 0 102px 0 10px;
  font-style: italic;
  font-size: 14px;
}
.shop-sidebar .search button {
  position: absolute;
  width: 100px;
  height: 100%;
  top:0;
  right: 0;
  color: #fff;
}
.shop-sidebar h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.shop-sidebar h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-sidebar .sidebar-shop-categories {margin: 60px 0;}
.shop-sidebar .sidebar-shop-categories ul li a {
  font-size: 17px;
  color: rgba(36,34,34,0.6);
  display: block;
  margin-bottom: 18px;
}
.shop-sidebar .shop-popular-product ul li img {width: 100px;}
.shop-sidebar .shop-popular-product ul li .name {
  width: calc(100% - 100px);
  padding-left: 20px;
}
.shop-sidebar .shop-popular-product ul li .name h6 a {
  font-weight: 500;
  color: #242222;
  display: block;
  margin: 10px 0;
}
.shop-sidebar .shop-popular-product ul li .name strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-weight: 900;
  font-size: 18px;
}
.shop-sidebar .shop-popular-product ul li {margin-bottom: 30px;}
.shop-product .single-product .image {overflow: hidden;}
.shop-product .single-product .image img {
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  width: 100%;
}
.shop-product .single-product:hover .image img {
  -webkit-transform:scale3D(1.1,1.1,1);
          transform:scale3D(1.1,1.1,1);
}
.shop-product .single-product .info {
  border: 1px solid #f0f0f3;
  border-top: none;
  text-align: center;
  padding: 32px 0 35px 0;
  margin-bottom: 30px; 
}
.shop-product .single-product .info h6 a {
  font-weight: 600;
  color: #242222;
  display: block;
}
.shop-product .single-product .info strong {
  font-family: 'Roboto', sans-serif;
  display: block;
  color: #242222;
  font-size: 18px;
  margin: 12px 0 15px 0;
}
.shop-product .single-product .info>a {
  width: 130px;
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-pagination {text-align: center;margin: 30px 0 0 0;}
.shop-pagination li {display: inline-block;vertical-align: middle;}
.shop-pagination li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  margin: 0 4px;
}
.shop-pagination li:last-child a {
  font-size: 12px;
  margin-left: 12px;
}
.shop-details .single-product-details img {width: 54%;}
.shop-details .single-product-details .product-order-details {
  width: 46%;
  padding-left: 30px;
}
.shop-details .single-product-details .product-order-details h3 {
  font-weight: 600;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li {
  display: inline-block;
  vertical-align: middle;
  color: rgba(36,34,34,0.9);
  padding: 10px 0;
  font-family: 'Roboto', sans-serif;
}
.shop-details .single-product-details .product-order-details .price li:first-child {
  font-weight: 500;
  font-size: 32px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(2) {
  font-weight: 500;
  font-size: 24px;
  margin: 0 12px 0 30px;
}
.shop-details .single-product-details .product-order-details .price li:nth-child(3) {
  font-size: 14px;
}
.shop-details .single-product-details .product-order-details .price {margin: 16px 0 3px 0;}
.shop-details .single-product-details .product-order-details .rating li {
  display: inline-block;
  margin-right: 3px;
  color: #7719d9;
}
.shop-details .single-product-details .product-order-details .rating {margin: 20px 0 30px 0;}
.shop-details .single-product-details .product-order-details .clearfix ul li {
  display: inline-block;
  vertical-align: middle;
}
.shop-details .single-product-details .product-order-details .clearfix ul li button {
  width: 65px;
  height: 40px;
  color: #fff;
  font-size: 18px;
}
.shop-details .single-product-details .product-order-details .clearfix ul li:nth-child(2) {
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: #eaede8;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.shop-details .single-product-details .product-order-details .clearfix a {
  width: 130px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.shop-details .single-product-details .product-order-details .clearfix {margin-top: 74px;}
.shop-details .review-tab {margin: 80px 0 100px 0;}
.shop-details .review-tab .nav-tabs > li {margin: 0;}
.shop-details .review-tab .nav-tabs > li > a {
  line-height: 60px;
  font-size: 20px;
  color: #242222;
  border: none;
  padding: 0 55px;
  background: #eaede8;
  border-radius: 0;
}
.shop-details .review-tab .nav-tabs {border: none; margin: 0 0 40px 0;}
.shop-details .review-tab .nav-tabs > li.active > a,
.shop-details .review-tab .nav-tabs > li.active > a:hover,
.shop-details .review-tab .nav-tabs > li.active > a:focus {color: #fff;}
.shop-details .review-tab .tab-pane p {
  font-size: 18px;
  line-height: 35px;
}
.shop-details .review-tab .tab-pane h4 {margin-bottom: 40px;}
.shop-details .review-tab .tab-pane ul li {
  line-height: 45px;
  font-size: 18px;
}
.shop-details .related-product h4 {
  position: relative;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.shop-details .related-product h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 85px;
  height: 2px;
  background: #3e60c2;
}
.shop-details .related-product .item {margin: 0 15px;}
.shop-page .top-select-section {margin-bottom: 63px;}
.shop-page .top-select-section>li:last-child {
  line-height: 45px;
  font-size: 18px;
}
.shop-page .bootstrap-select > .dropdown-toggle {
  width: 200px;
  height: 45px;
  padding: 0 0 0 15px;
  background: transparent;
  border: 1px solid #ececec !important;
  position: relative;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-toggle .caret {
  top:23px;
  border-top-color: #969696;
}
.shop-page .bootstrap-select > .dropdown-toggle:hover,
.shop-page .bootstrap-select > .dropdown-toggle:focus {
  background: transparent;
  outline: none !important;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-size: 16px;
}
.shop-page .bootstrap-select.btn-group .dropdown-menu li.selected a span.text,
.shop-page .bootstrap-select.btn-group .dropdown-menu li:hover a span.text {color: #fff;}
.shop-page .dropdown-menu  {
  border: 1px solid rgba(0,0,0,0.06)
}
.shop-page{margin-bottom: 100px;}
.row p{word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;}


  /* 新增 */
  article.hentry.post.blog-grid .entry-thumb {
    max-width: 100%;
    float: none;
  }
  
  article.hentry.post.blog-grid {
    width: 33.33%;
    float: left;
    padding: 10px 30px;
    float: left;
    clear: none;
    border: none;
  }
  
  article.hentry.post.blog-grid .entry-meta {
    margin-bottom: 10px;
  }
  
  article.hentry.post.blog-grid .entry-content-wrapper {
    background: #fdfdfd;
    padding: 30px;
    text-align: center;
    box-shadow: 0 0 33px #eaeaea;
  }
  
  .entry-content a,
  .entry-header a {
    display: inline-block;
  }
  
  /*--------------------------------------------------------------
  13.5. Sidebar
  --------------------------------------------------------------*/
  
  #sidebar-primary {
    float: right;
  }
  
  #sidebar-secondary {
    float: left;
  }
  
  .sidebar {
    width: 30%;
    padding-left: 25px;
    padding-right: 25px;
    float: left;
  }
  
  .sidebar .widget {
    margin-bottom: 40px;
    padding: 30px;
    box-shadow: 0 0 55px #f3f3f3;
  }
  
  .widget-area .widget::after,
  .widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
  }
  
  .sidebar .widget-title {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  
  .sidebar .widget-title:after {
    background: #f51e46;
    position: absolute;
    bottom: -2px;
    content: "";
    width: 20%;
    height: 3px;
    left: 0;
  }
  
  .sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
  }
  
  .sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
  }
  
  .sidebar ul li {
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 15px;
    font-size: 14px;
  }
  
  .sidebar ul li::before {
    content: "\f105";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 13px;
    right: 0;
    position: absolute;
    top: 8px;
    font-weight: 900;
  }
  
  .widget .tagcloud a:hover {
    border: 2px solid #f51e46;
    color: #f51e46;
  }
  
  .widget .tagcloud a {
    border: 2px solid #dddddd;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin: 5px;
    padding: 3px 15px;
    float: left;
    border-radius: 20px;
    color: #222;
  }
  
  .widget .tagcloud {
    text-align: center;
  }
  
  .sidebar ul li a,
  .sidebar  ul li a:visited {
    color: #272727;
  }
  
  .sidebar  ul li a:hover,
  .sidebar  ul li a:focus,
  .sidebar  ul li a:active {
    color:#f51e46;
  }
  
  /*calendar section*/
  
  .section-calendar {
    text-align: center;
  }
  
  .section-calendar caption {
    border:1px solid #ddd;
    margin-bottom: 15px;
    padding: 5px;
  }
  
  .section .tagcloud a {
    border: 1px solid;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
  }
  
  .section-categories li > a,
  .section-archive li > a {
    display: inline-block;
    min-width: 85%;
  }
  
  /*  layout sidebar*/
  
  .global-layout-left-sidebar #primary {
    float: right;
  }
  
  .three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 46%;
  }
  
  .global-layout-three-columns .sidebar {
    float: right;
  }
  
  .three-columns-enabled .sidebar {
    width: 27%;
  }
  
  #content.global-layout-no-sidebar,
  .global-layout-no-sidebar > .container {
    width: 100%;
    padding: 0;
  }
  
  .global-layout-no-sidebar-box > .container {
    padding: 0;
  }
  
  .global-layout-no-sidebar #primary {
    width: 100%;
  }
  
  .equal-three-columns-enabled  #primary,
  .equal-three-columns-enabled  .sidebar {
    width: 33.33%;
  }
  
  #content.global-layout-no-sidebar > .container > .inner-wrapper {
    margin: 0;
  }
 
  .banner-background-01 {
    width: 997px;
    height: 85px;
    background: url(../images/background01.png) repeat-x;
    position: absolute;
    bottom: 0;
    width: 400%;
    left: -236px;
    z-index: 999;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}

.banner-background-02 {
  width: 1009px;
  height: 100px;
  background: url(../images/background02.png) repeat-x;
  _background: 0 0;
  position: absolute;
  bottom: 0;
  width: 400%;
  left: 0;
  z-index: 998;
  animation: wave2 60s linear .4s infinite normal;
  -moz-animation: wave2 60s linear .4s infinite normal;
  -webkit-animation: wave2 60s linear .4s infinite normal;
  -o-animation: wave2 60s linear .4s infinite normal;
}

@keyframes wave1{
  0% {
    left: -236px;
}

100% {
    left: -1233px;
}
}
@keyframes wave2{
  0% {
      left: 0;
  }
  100% {
      left: -1009px;
  }
}
  .global-layout-no-sidebar #primary {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
  /* Global layout sidebar*/
  
  .global-layout-three-columns-pcs #sidebar-primary,
  .global-layout-three-columns-cps #sidebar-primary,
  .global-layout-three-columns-psc #sidebar-primary {
    float: left;
  }
  
  .global-layout-three-columns-pcs #sidebar-secondary,
  .global-layout-three-columns-cps #sidebar-secondary {
    float: right;
  }
  
  .global-layout-three-columns-cps #primary {
    float: left;
  }
  
  .default-full-width.blog-full-width #primary {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    float: none;
  }
  
  .default-full-width.blog-grid-layout #primary,
  .default-full-width #primary {
    width: 100%;
    max-width: 100%;
  }
  
  .default-full-width.blog-grid-layout #primary article.hentry {
    border: none;
  }
  
  .default-full-width.blog-grid-layout .entry-content,
  .default-full-width.blog-grid-layout .entry-meta,
  .default-full-width.blog-grid-layout .entry-header {
    padding: 0 35px;
  }
  .default-full-width.blog-grid-layout .entry-content {
    padding-bottom: 30px;
  }
  
  /*--------------------------------------------------------------
  14. Widget
  --------------------------------------------------------------*/
  
  .section,
  .widget {
    margin: 0 0 15px;
  }
  
  /* Make sure select elements fit in widget. */
  .section select,
  .widget select {
    max-width: 100%;
  }
  
  /*--------------------------------------------------------------
  15. Footer
  --------------------------------------------------------------*/
  
  #colophon-top {
    padding: 15px 0 0;
    background: #161616;
  }
  
  #colophon-top .social-links {
    float: right;
  }
  
  #colophon {
    background-color: #161616;
    clear: both;
    font-size: 14px;
    text-align: center;
    padding: 10px 0 25px;
  }
  
  #colophon p {
    margin: 0;
  }
  
  #colophon a,
  #colophon a:visited {
    color:#ccc;
  }
  
  #colophon a:hover,
  #colophon a:focus,
  #colophon a:active {
    color:#fff;
  }
  
  .site-info {
    float: right;
  }
  
  .copyright {
    float: left;
  }
  
  
  /*--------------------------------------------------------------
  16. Footer Widgets
  --------------------------------------------------------------*/
  
  #footer-widgets {
    background-color: #101010;
    overflow: hidden;
    padding: 110px 0;
    color: #ccc;
    font-size: 16px;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
  }
  #footer-widgets.footer-v2 {
    background: #f5f5f5;
    color: #222;
  }
  #footer-widgets.footer-v2 a:hover {
    color:#000;
  }
  #footer-widgets.footer-v2 .widget-title {
    color:#222;
  }
  #footer-widgets ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  #footer-widgets ul li {
    font-size: 14px;
    padding: 0px 15px 5px 20px;
    position: relative;
  }
  
  #footer-widgets ul li::before {
    color: #727272;
    content: "\f105";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 13px;
    left: 3px;
    position: absolute;
    top: 2px;
    font-weight: 900;
  }
  
  #footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
    font-size: 14px;
    color: #727272;
  }
  
  a.footer-logo {
    margin-top: 30px;
    display: block;
  }
  
  #footer-widgets a, #footer-widgets a:visited {
    color: #727272;
  }
  
  #footer-widgets a:hover,
  #footer-widgets a:active,
  #footer-widgets a:focus {
    color: #ffffff;
  }
  
  #footer-widgets .footer-active-1 {
    width: 100%;
  }
  
  #footer-widgets .footer-active-2 {
    width: 50%;
  }
  
  #footer-widgets .footer-active-3 {
    width: 33.33%;
  }
  
  #footer-widgets .footer-active-4 {
    width: 25%;
  }
  
  #footer-widgets .widget-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    position: relative;
    font-size: 22px;
  }
  
  #footer-widgets .cat-count {
    float: right;
  }
  
  #colophon-top .social-links li a {
    border: 2px solid transparent;
  }
  
  /*Footer Navigation*/
  
  #footer-navigation {
    float: left;
    margin-top: 7px;
  }
  #footer-navigation li {
    display: inline-block;
    list-style: outside none none;
  }
  
  #footer-navigation li a {
    display: block;
    margin-right: 15px;
    text-transform: capitalize;
    color: #727272;
    padding: 5px 0;
  }
  
  #footer-navigation li a:hover {
    color: #f51e46;
  }
  
  #footer-navigation ul {
    margin: 0;
    padding: 0;
  }
  
  .quick-contact-widget {
    padding: 75px 0;
    color: #fff;
  }
  .quick-contact-widget h2, .quick-contact-widget h5 {
    color: #fff;
    margin-bottom: 20px;
  }
  
  /*Quick Contact Widget*/
  
  .quick-contact-widget span {
    display: block;
    font-size: 14px;
    clear: both;
    color: #fff;
  }
  
  .quick-contact-widget .quick-contact-item {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 15px 0;
  }
  
  .quick-contact-widget .quick-contact-widget{
    margin: 0 -15px;
    padding: 0;
    list-style: none;
  }
  
  .quick-contact-widget i {
    font-size: 19px;
    border: 2px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 15px;
    height: 55px;
    width: 55px;
    margin-bottom: 10px;
    border-radius: 100%;
  }
  
  .inner-quick-contact-wrapper {
    text-align: left;
  }
  
  .contact-page .inner-quick-contact-wrapper {
    text-align: center;
  }
  
  .quick-contact-widget h3 {
    margin-bottom: 20px;
  }
  
  .recent-posts-widget p {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 13px;
  }
  
  .recent-posts-widget ul li,
  #footer-widgets .recent-posts-widget ul li {
    padding:0;
  }
  
  #footer-widgets .recent-posts-widget ul li:before,
  #footer-widgets .social-links ul li:before {
    display: none;
  }
  
  .recent-posts-widget h4 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
  }
  
  .sidebar .recent-post-item {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
  }
  
  #footer-widgets .social-links ul li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    padding: 0;
  }
  
  #footer-widgets .social-links {
    float: left;
    margin-top: 20px;
  }
  
  .recent-posts-widget img {
    max-width: 105px;
    margin-right: 25px;
  }
  
  #footer-widgets #contactform textarea,
  #footer-widgets #contactform input {
    margin-bottom: 10px;
    background: #2e363a;
    border: 1px solid #504b4b;
  }
  
  #footer-widgets #comments {
    height: 80px!important;
  }
  
  #footer-widgets #contactform button#submit {
    margin: 5px 0 0;
  }
  
  /*--------------------------------------------------------------
  17. Scrollup Style
  --------------------------------------------------------------*/
  
  #btn-scrollup {
    display: none;
  }
  
  a.scrollup, a.scrollup:visited {
    background-color: #f51e46;
    bottom: 50px;
    color: #ffffff;
    float: right;
    line-height: 1.2;
    padding: 12px 17px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 999;
  }
  
  a.scrollup:hover,
  a.scrollup:focus,
  a.scrollup:active {
    background-color:#333;
    color: #ffffff;
  }
  
  .scrollup i {
    font-size: 20px;
  }
  
  
  /*--------------------------------------------------------------
  18. Front page sections
  --------------------------------------------------------------*/
  
  #content {
    background: #fff;
    position: relative;
  }
  
  #content::after,
  #content::before {
    content: "";
    display: table;
    clear: both;
  }
  
  #content .section {
    margin-bottom: 0;
    padding: 90px 0;
    clear: both;
  }
  
  #content .section.no-padding-btm {
    padding-bottom: 0;
  }
  
  #content .section.no-padding-top {
    padding-top: 0;
  }
  
  .top-space {
    padding-top: 80px;
  }
  
  #content .no-padding {
    padding: 0;
  }
  
  #content .no-margin {
    margin: 0;
  }
  
  #content .section-title {
    margin-bottom: 10px;
    position: relative;
    font-size: 35px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
  }
  
  #content .section-title-wrap {
    text-align: center;
    width: 100%;
    display: table;
  }
  
  #content .section-title-wrap span.divider {
    height: 3px;
    width: 80px;
    margin: 0 0 15px;
    border-bottom: 2px solid #f51e46;
    position: relative;
    display: inline-block;
  }
  
  #content .section-title-wrap span.divider:before {
    width: 45px;
    height: 2px;
    margin-left: 17px;
    content: "";
    display: block;
    background: #f51e46;
    margin: 5px auto;
  }
  
  #content .section-title-wrap.text-alignleft span.divider:before,
  #content .section-title-wrap.text-alignright span.divider:before{
    display: none;
  }
  
  #content .section-title-wrap.text-alignleft span.divider,
  #content .section-title-wrap.text-alignright span.divider {
    margin: 0 0 25px;
  }
  
  #content .section-title-wrap.text-alignleft .section-title {
    margin-bottom: 20px;
  }
  
  #content .section-title-wrap.text-alignright  .section-title {
    margin-bottom: 20px;
  }
  
  #content .section-subtitle {
    font-size: 16px;
    margin: 0 auto 40px;
    max-width: 700px;
    text-align: center;
  }
  #content .section-top-subtitle {
    font-style: italic;
    letter-spacing: 1.5px;
    font-weight: 5;
    font-size: 14px;
    margin-bottom: 5px;
  }
  #content .full-width-stretch-section .container {
    max-width: 100%;
    width: 100%;
  }
  
  #content .boxed-width-section {
    max-width: 1180px;
    margin: 0 auto;
  }
  
  #content .minimal-padding {
    padding: 40px 0;
  }
  
  #content  .section.dark-background .section-subtitle {
    color:#ddd;
  }
  
  #content .section-title-wrap.text-alignleft {
    text-align: left;
  }
  
  #content .section-counter p.section-subtitle {
      margin: 0!important;
  }
  
  #content .section-title-wrap.text-alignleft .section-subtitle {
    margin: 0 0 40px;
    text-align: left;
  }
  
  #content .section-title-wrap.text-alignright {
    text-align: right;
  }
  
  #content .section-title-wrap.text-alignright .section-subtitle {
    margin: 0 0 40px;
    float: right;
    clear: both;
  }
  
  #content .section-title-wrap.text-alignright  span.divider {
    float: right;
  }
  
  #content .section.dark-background {
    background-color: #25292f;
  }
  
  #content .section.lite-background {
    background-color: #f5f5f5;
  }
  
  #content .background-img {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 99;
  }
  
  #content .background-img.overlay-enabled:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.71);
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    left: 0;
  }
  
  #content .section.dark-background .section-title,
  #content .section.background-img .section-title,
  #content .section.dark-background .section-subtitle,
  #content .section.background-img .section-subtitle,
  #content .section.background-img.overlay-enabled p {
    color: #fff;
  }
  
  .box-shadow-block {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -webkit-transition: box-shadow 0.3s, transform 0.3s;
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    padding: 0;
    background: #fff;
    position: relative;
  }
  
  .box-shadow-block:hover,
  .box-shadow-block:focus,
  .box-shadow-block:active {
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
    box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
    transform: translateY(-8px);
  }
  
  .more-wrapper {
    display: block;
    text-align: center;
    margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
  }
  
  /*--------------------------------------------------------------
  12. Featured slider
  --------------------------------------------------------------*/
  
  #content .section.section-featured-slider {
    padding: 0;
    background-color: #f7f7f7;
  }
  
  .section-featured-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
  }
  
  .section-featured-slider .featrued-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;
    z-index: -1;
  }
  
  .section-featured-slider .overlay-enabled article::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 888;
    /* background-color: #000; */
    /* opacity: 0.7; */
  }
  
  .section-featured-slider img {
    width: 100%;
    vertical-align: middle;
  }
  
  .section-featured-slider .cycle-slide {
    width: 100%;
  }
  
  .section-featured-slider article.first {
    display: block;
  }
  
  .section-featured-slider article {
    display: none;
  }
  
  .section-featured-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
  }
  
  .section-featured-slider .cycle-caption {
    bottom: 26%;
    height: auto;
    left: 10%;
    max-width: 100%;
    padding: 0;
    position: absolute;
    transition: all 1s ease-in-out 0s;
    width: 80%;
    z-index: 999;
  }
  
  .section-featured-slider .cycle-caption.text-alignleft {
    left: 15%;
  }
  
  .section-featured-slider .cycle-caption.text-alignright {
    right: 15%;
  }
  
  .section-featured-slider h3 {
    font-size: 70px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-weight: 700;
    max-width: 100%;
    display: inline-block;
  }
  .section-featured-slider h4 {
    color: #fff;
  }
  .section-featured-slider p {
    font-size: 19px;
    color: #e2e1e1;
    font-weight: 400;
  
    width: 730px;
    max-width: 100%;
    display: inline-block;
  }
  
  .section-featured-slider h3 a {
    color: #fff;
    display: inline-block;
  }
  
  .section-featured-slider .slider-buttons{
    margin-top:30px;
  }
  
  .section-featured-slider .slider-buttons .custom-button {
    padding: 15px 40px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.5;
  }
  
  
  /*slider pager box*/
  
  .section-featured-slider .cycle-pager span {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 12px;
    margin: 3px 5px;
    width: 12px;
    z-index: 99;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .section-featured-slider .cycle-pager {
    bottom:5%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
  }
  
  .section-featured-slider .cycle-pager .cycle-pager-active {
    background-color: #f51e46;
    border-color:#fff;
    height: 30px;
  }
  
  /*Slider cycle next / previous*/
  
  .section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
    bottom: 50%;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 55px;
    z-index: 999;
    height: 55px;
    padding: 5px;
    z-index: 999;
    line-height: 2.2;
    background: rgba(14, 14, 14, 0.26);
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
  }
  
  .section-featured-slider:hover .cycle-prev,
  .section-featured-slider:hover .cycle-next {
    opacity: 1;
    bottom:40%;
  }
  
  .section-featured-slider .cycle-prev {
    left:2%;
  }
  
  .section-featured-slider  .cycle-next {
    right:2%;
  }
  
  .section-featured-slider .cycle-prev:hover,
  .section-featured-slider .cycle-next:hover{
    background-color: #f51e46;
    border-color: #f51e46;
    color: #fff;
  }
  
  /*Featured Banner */
  
  .section-featured-banner {
    position: relative;
  }
  
  .section-featured-banner .banner-caption {
    bottom: 28%;
    height: auto;
    left: 15%;
    max-width: 100%;
    padding: 0;
    position: absolute;
    transition: all 1s ease-in-out 0s;
    width: 70%;
    z-index: 99;
  }
  
  .section-featured-banner .featured-banner > a::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    background-color: #f51e46;
    opacity: 0.9;
  }
  
  .section-featured-banner h3 {
    font-size: 50px;
  }
  
  .section-featured-banner h3 a {
    color: #fff;
  }
  .section-featured-banner p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 45px;
  }
  
  /*--------------------------------------------------------------
  18.2. News And Events
  --------------------------------------------------------------*/
  
  .section-recent-news-events .featured-news-events h3 {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7f7f7;
    font-weight: 600;
  }
  
  .section-recent-news-events .featured-news-events h3::before {
    content: "";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
  }
  
  .section-recent-news-events .featured-news-events .recent-news h3::before{
    content: "\f1ea"
  }
  
  .section-recent-news-events .featured-news-events .recent-events h3::before{
    content: "\f073"
  }
  
  .section-recent-news-events .recent-news-thumb  img {
    margin: 0;
    vertical-align: middle;
  }
  
  .section-recent-news-events .recent-news-thumb   img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
  }
  
  .section-recent-news-events .recent-news-thumb  {
    overflow: hidden;
  }
  
  .section-recent-news-events .recent-news-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  
  .section-recent-news-events .recent-news-title {
    margin-bottom: 5px;
  }
  
  .section-recent-news-events .recent-news-thumb a::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.16);
  }
  
  .section-recent-news-events .recent-news-wrapper {
    background: #fff;
    position: relative;
  }
  
  .section-recent-news-events .recent-news-text-content {
    background: #fff;
    overflow: hidden;
    padding: 30px;
    position: relative;
  }
  
  .section-recent-news-events .recent-news-item {
    padding: 0 25px;
    float: left;
    margin-bottom: 20px;
    width: 50%;
  }
  
  .section-recent-news-events .recent-news-text-wrap {
    padding: 20px 0 0;
  }
  
  .section-recent-news-events .news-post img{
    margin-bottom:0;
  }
  .recent-news-main-wrapper  .slick-initialized .slick-slide {
    padding: 30px 30px 0;
  }
  
  
  /*cycle next / previous*/
  
  .recent-news-main-wrapper .slick-list {
    overflow: hidden;
    padding: 0;
  }
  
  .recent-news-main-wrapper.section-carousel-enabled .slick-prev.slick-arrow,
  .recent-news-main-wrapper.section-carousel-enabled .slick-next.slick-arrow {
    top: -90px;
  }
  
  /*Recent Events*/
  
  .section-recent-news-events  .event-post h4 {
    margin: 0;
  }
  
  .section-recent-news-events .custom-entry-date {
    margin-bottom: 15px;
    float: left;
    margin-right: 25px;
    box-shadow: 0 5px 8px #fbfbfb;
  }
  
  .section-recent-news-events .custom-entry-date span.entry-month {
    background: #f3f1f1;
    font-size: 14px;
    width: 73px;
    font-style: italic;
    color: rgb(19, 18, 18);
    margin: 0;
  }
  
  .section-recent-news-events .custom-entry-date span.entry-day {
    font-size: 45px;
    line-height: 1.5;
    overflow: hidden;
    padding: 0;
    font-weight: 400;
  }
  
  .section-recent-news-events .event-post {
    margin-bottom: 35px;
    clear: both;
  }
  
  .section-recent-news-events .custom-entry-date > span {
    display: block;
    text-align: center;
  }
  
  /*--------------------------------------------------------------
  18.3. Post Gird
  --------------------------------------------------------------*/
  
  .section-latest-posts .latest-posts-thumb  img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
  }
  
  .section-latest-posts .latest-posts-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  
  .section-latest-posts .latest-posts-thumb {
    overflow: hidden;
    position: relative;
  }
  
  .section-latest-posts .latest-posts-title {
    margin-bottom: 10px;
  }
  
  .section-latest-posts .latest-posts-thumb .custom-button {
    position: absolute;
    top: 0%;
    z-index: 9;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
  }
  
  .section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button {
    opacity: 1;
    top:35%;
  }
  
  .section-latest-posts .latest-posts-thumb .custom-button::after,
  .section-latest-posts .latest-posts-thumb .custom-button::before {
    display: none;
  }
  
  .section-latest-posts .latest-posts-thumb a::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    background-color: rgba(34, 34, 34, 0.2);
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
  }
  
  .section-latest-posts .latest-posts-text-content {
    background: #fff;
    overflow: hidden;
    padding: 50px;
    position: relative;
  }
  
  .section-latest-posts .latest-posts-text-wrap {
    padding: 20px 0 0;
  }
  
  /*--------------------------------------------------------------
  18.4. Featured Page
  --------------------------------------------------------------*/
  
  .section-featured-page-grid .featured-page-grid-thumb  img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
  }
  
  .section-featured-page-grid .featured-page-grid-thumb:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  
  .section-featured-page-grid .featured-page-grid-thumb {
    overflow: hidden;
    position: relative;
  }
  
  .section-featured-page-grid .featured-page-grid-thumb .custom-button {
    position: absolute;
    top: 0%;
    z-index: 9;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
  }
  
  .section-featured-page-grid .featured-page-grid-wrapper:hover .featured-page-grid-thumb .custom-button {
    opacity: 1;
    top:35%;
  }
  
  .section-featured-page-grid .featured-page-grid-thumb .custom-button::after,
  .section-featured-page-grid .featured-page-grid-thumb .custom-button::before {
    display: none;
  }
  
  .section-featured-page-grid .featured-page-grid-thumb a::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    background-color: rgba(34, 34, 34, 0.2);
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease;
  }
  
  .section-featured-page-grid .featured-page-grid-text-content {
    background: #fff;
    overflow: hidden;
    padding: 50px;
    text-align: center;
    position: relative;
  }
  .section-featured-page-grid .featured-page-grid-text-wrap {
    padding: 20px 0 0;
  }
  
  /*--------------------------------------------------------------
  18.5. Call to action
  --------------------------------------------------------------*/
  
  .section-call-to-action.cta-fluid.background-img {
    background: url("images/cta/cta-background.jpg");
  }
  
  .section-call-to-action {
    position: relative;
    text-align: center;
    position: relative;
  }
  
  #content .section-call-to-action p.section-subtitle {
    margin-bottom: 35px;
  }
  
  .section-call-to-action .cta-title {
    margin-bottom:30px;
  }
  
  .section-call-to-action .call-to-action-description {
    margin: 0 auto 30px;
  }
  
  .call-to-action-content img {
    margin-top: 30px;
  }
  
  .section-call-to-action .section-title:after,
  .section-call-to-action .section-title:before {
    display: none;
  }
  
  .section-call-to-action.cta-fluid-background .call-to-action-description {
    margin: 0 auto 30px;
    max-width: 900px;
  }
  
  .section-call-to-action.cta-fluid-background .call-to-action-description {
    margin: 0;
    max-width: inherit;
  }
  
  #content  .section-call-to-action.cta-fluid-background .section-title {
    margin-bottom: 15px;
  }
  
  /*CTA-fluid */
  .section-call-to-action.cta-fluid .call-to-action-description {
    margin: 0;
    max-width: inherit;
  }
  
  #content  .section-call-to-action.cta-fluid .section-title {
    margin-bottom: 15px;
  }
  
  /*CTA-boxed */
  #content .section-call-to-action.cta-boxed {
    padding: 40px 35px;
  }
  
  .section-call-to-action.cta-boxed  .call-to-action-content {
    padding-left: 10px;
  }
  
  .section-call-to-action.cta-boxed .call-to-action-description {
    float: left;
    text-align: left;
    width: 75%;
    margin: 0;
  }
  
  #content .section-call-to-action.cta-boxed  .section-title{
    margin: 0;
  }
  
  .section-call-to-action.cta-boxed .call-to-action-buttons {
    float: right;
  }
  
  #content .section-call-to-action.cta-boxed .section-subtitle {
    text-align: left;
    margin-left: 0;
  }
  
  /*--------------------------------------------------------------
  18.5. Services
  --------------------------------------------------------------*/
  
  .section-services .service-block-inner {
    position: relative;
    z-index: 9;
    padding: 50px;
    background-color: #fff;
    text-align: center;
  }
  
  .section-services .service-item-title {
    margin-bottom: 10px;
  }
  
  .section-services .service-block-item a.service-icon {
    color: #f51e46;
    line-height: 0.6;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    font-size: 37px;
    display: block;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 25px;
    position: relative;
  }
  
  .section-services .service-icon-shadow {
    display: block;
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 140px;
    color: #f7f7f7;
    z-index: -1;
    line-height: 1;
  }
  
  /*layout 3*/
  .section.section-services.service-layout-3 .service-block-inner {
    padding: 40px;
  }
  
  .section-services.service-layout-3 .service-block-item a.service-icon {
    float: left;
    margin: 0 25px 0 0;
    background: #fbfbfb;
    font-size: 27px;
  }
  .section-services.service-layout-3 .service-block-inner-content {
    text-align: left;
    display: table;
  }
  
  .section-services.service-layout-3 h3.service-item-title {
    margin-bottom: 10px;
  }
  
  .section-services.service-layout-3 .service-item-4 {
    clear: both;
  }
  
  .section-services.service-layout-3 .service-block-item a.service-icon {
    float: left;
    margin: 0 25px 0 0;
    background: no-repeat;
    font-size: 32px;
    padding: 10px 0;
    border-radius: 0;
    text-shadow: none;
  }
  
  .section-services.service-layout-3 p {
    margin-bottom: 5px;
  }
  .section-services.service-layout-3 .service-block-item a.service-icon:after {
    display: none;
  }
  
  
  /*layout 2*/
  .section-services.service-layout-2.background-img {
    background-image: url('images/service/features-background.jpg');
  }
  .section.section-services.service-layout-2 .service-block-inner {
    box-shadow: inherit;
    padding: 0;
    background: none;
  }
  .section.section-services.service-layout-2 .service-block-item a.service-icon {
    float: left;
    margin: 0 30px 0 0;
    width: 40px;
  }
  
  .section-services.service-layout-2 .service-block-inner-content {
    text-align: left;
    display: table;
  }
  
  .section-services.service-layout-2 h3.service-item-title {
    margin-bottom: 10px;
  }
  
  .section-services.service-layout-2 .service-item-4 {
    clear: both;
  }
  .section-services.service-layout-2 .service-block-inner-content a.more-link {
    margin: 0;
    border: none;
    padding: 0;
    font-weight: bold;
  }
  .section-services.service-layout-2 .service-block-inner-content p {
    margin-bottom: 10px;
  }
  
  .service-layout-4 .container, .service-layout-4 .inner-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .service-layout-4 .service-block-item {
    padding: 0;
    margin:0;
  }
  .service-layout-4 .service-block-inner {
    text-align: left;
    padding: 90px 80px;
  }
  .service-layout-4 .service-block-inner span.count {
    font-size: 45px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
  }
  .service-layout-4  .service-item-title {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 600;
  }
  .service-layout-4 .service-block-item a.service-icon {
    float: left;
    width: 100%;
    text-align: left;
  }
  .section .black-bg {
    background: #222;
    color: #fff;
  }
  .section .red-bg {
    background:#f51e46;
    color: #fff;
  }
  .section .green-bg {
    background: #23c495;
    color: #fff;
  }
  
  .section .black-bg a,
  .section .green-bg a,
  .section .red-bg a{
    color: #fff;
  }
  
  /*Featured pages*/
  
  .featured-page-section .feature-thumb a img  {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
  }
  
  .featured-page-section .feature-thumb a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  
  .featured-page-section .feature-thumb {
    overflow: hidden;
    position: relative;
  }
  
  .featured-page-section h3.feature-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    font-size: 22px;
    font-weight: 700;
    background: #fff;
    left: 5%;
    right: 5%;
    width: 90%;
    bottom: 0;
    padding: 12px;
    margin: 0;
  }
  .featured-page-section .feature-thumb:hover  h3.feature-title {
    visibility: visible;
    bottom: 5%;
  }
  
  
  .video-widget {
    position: relative;
  }
  a.media-zoom-icon {
    display: inline-block;
    border-radius: 100%;
  }
  a.media-zoom-icon:hover {
    border-color: #f51e46;
  }
  
  .video-widget a.media-zoom-icon{
    position: absolute;
    top: 38%;
    left: 43%;
    border: 5px solid #ffffffab;
  
  }
  a.media-zoom-icon i {
    height: 75px;
    width: 75px;
    color: #f51e46;
    text-align: center;
    padding: 24px;
    background: #fff;
    margin: 9px;
    border-radius: 100%;
    font-size: 23px;
  }
  
  .section-video {
    text-align: center;
  }
  
  aside.section.section-video.background-img.overlay-enabled {
    background-image: url(images/counter/counter-bg.jpg);
  }
  
  /*--------------------------------------------------------------
  18.7. Plan
  --------------------------------------------------------------*/
  
  .section-plan .pricing-plan-item {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 30px 0;
    text-align: center;
  }
  
  .section-plan  .pricing-plan-item {
    width: 33.33%;
  }
  
  .section-plan .pricing-plan-price {
    font-weight: 700;
    font-size: 71px;
    line-height: 1;
  }
  
  .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-cost {
    margin: 50px 0 25px;
  }
  
  .pricing-plan-cost span.pricing-plan-price-currency {
    font-size: 26px;
    margin-top: -54px;
    position: relative;
    top: -40px;
  }
  
  .section-plan .pricing-plan-header {
    background-color: #191717;
    background-size: 100% auto;
    color: #fff;
    padding: 15px 30px;
    position: relative;
    z-index: 88;
    margin-bottom: 40px;
  }
  
  .section-plan .pricing-plan-header h3 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
  }
  
  .pricing-plan-features {
    padding-left: 50px;
    text-align: left;
  }
  .section-plan .pricing-plan-footer {
    padding:0 30px 30px;
  }
  
  .section-plan .pricing-plan-content li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
  }
  
  .section-plan .pricing-plan-content li i {
    color: #f51e46;
    margin-right: 15px;
  }
  
  .section-plan .pricing-plan-content li.disabled-sceam i{
    color: #ddd;
  }
  
  .section-plan .pricing-plan-item {
    color: #000;
  }
  
  .section-plan .pricing-plan-item.pricing-plan-recommended {
    box-shadow: 0 0 50px 0 rgba(0,0,0,.07);
    margin-top: -5px;
    padding-bottom: 40px;
    position: relative;
    z-index: 99;
  }
  
  .section-plan .pricing-ribbon{
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 150px;
    overflow: hidden;
    height: 150px;
  }
  
  .section-plan .pricing-plan-cost span {
    display: inline-block;
  }
  
  .section-plan .pricing-ribbon h4 {
    background-color: #ffffff;
    margin-top: 38px;
    transform: translateY(-50%) translateX(-50%) translateX(38px) rotate(-45deg);
    color: #000;
    font-size: 13px;
    line-height: 3em;
    letter-spacing: 1px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.29);
    text-align: center;
  }
  
  .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-header {
    background: #f51e46;
  }
  
  .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-header h3 {
    color: #fff;
  }
  
  /*sidebar and footer widget*/
  .sidebar .section-plan,
  #footer-widgets .section-plan{
    background:inherit;
  }
  
  .sidebar .section-plan  .pricing-plan-item,
  #footer-widgets .section-plan  .pricing-plan-item {
    border: 1px solid #dddddd;
    width: 100%;
  
  }
  
  form.news-letter-form {
    position: relative;
    margin-top: 75px;
  }
  
  aside.section.section-news-letter.background-img {
    background: url(images/news-letter/bg.jpg);
  }
  
  input.news-letter-email {
    width: 100%;
    margin-bottom: 29px;
    padding: 15px 25px;
    border-radius: 25px;
  }
  
  input.news-letter-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 35px;
    border-radius: 0 25px 25px 0;
  }
  
  /*--------------------------------------------------------------
  18.7. Associate logo
  --------------------------------------------------------------*/
  
  .section-associate-logo .associate-logo-item {
    float: left;
    padding: 0 25px;
    margin-bottom: 0;
    text-align: center;
    width: 16%;
  }
  
  .section-associate-logo .section-carousel-enabled .slick-prev.slick-arrow,
  .section-associate-logo  .section-carousel-enabled .slick-next.slick-arrow {
    display: none!important;
  }
  .slick-slide img {
    display: block;
    margin: 0 auto;
  }
  
  .section-associate-logo .plan-col-4 .associate-logo-item {
    width: 25%;
  }
  
  .section-associate-logo .plan-col-5 .associate-logo-item {
    width: 20%;
  }
  
  .section-associate-logo .plan-col-6 .associate-logo-item {
    width: 16.66666667%;
  }
  
  /*--------------------------------------------------------------
  18.9. Teams
  --------------------------------------------------------------*/
  
  .section-teams .social-links li a {
    border: 2px solid transparent;
  }
  
  .section-teams .social-links li {
    margin-left: 0;
    margin-right: 0;
  }
  
  .section-teams .social-links li a:before {
    color: #a5a1a2;
  }
  
  .section-teams .thumb-summary-wrap {
    background: #fff;
    padding: 0 0 40px;
    position: relative;
    z-index: 9;
  }
  
  .section-teams .team-item{
    text-align: center;
  }
  
  .section-teams .team-title {
    font-size: 18px;
    margin-bottom: 0;
  }
  
  .section-teams .team-position {
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
  
  .section-teams .team-text-wrap {
    position: relative;
    background: #fff;
    padding-top: 40px;
  }
  
  .section-teams .team-item img {
    background: #fff;
  }
  
  .section-teams .team-item img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
    width: 100%;
  }
  
  .section-teams .team-item .team-thumb {
    overflow: hidden;
    position: relative;
    background: #fff;
  }
  
  .section-teams .team-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  
  /*--------------------------------------------------------------
  18.10. Counter
  --------------------------------------------------------------*/
  
  .section-counter .counter-item{
    text-align: center;
  }
  
  .section-counter .counter-icon i {
    font-size: 35px;
    color: #f51e46;
  }
  
  .section-counter .counter-title {
    font-size: 14px;
    color: #fff;
  }
  
  .counter-icon {
    display: inline-block;
    margin-right: 15px;
  }
  
  .section-counter .counter-nos {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
  }
  
  .section.section-counter.background-img {
    background-image: url("images/counter/counter-bg.jpg");
  }
  
  
  /*--------------------------------------------------------------
  18.11. Testimonial
  --------------------------------------------------------------*/
  
  aside.section.section-testimonial.background-img {
    background: url(images/testimonials/testimonial-bg.jpg);
  }
  .section-testimonial .testimonial-thumb {
    margin-bottom: 15px;
    display: block;
    margin: 0 auto 20px;
    max-width: 100px;
    position: relative;
  }
  
  .section-testimonial .testimonial-summary .testimonial-position {
    color: #c1bdb5;
    font-style: normal;
    font-size: 14px;
  }
  
  .section-testarousel .testimonial-summary {
    clear: both;
  }
  
  .section-testimonial .testimonial-wrapper {
    padding: 40px;
    position: relative;
    background: #fff;
    text-align: center;
    border: 1px solid #f7f7f7;
  }
  
  .section-testimonial .testimonial-summary h3 {
    margin: 0;
    margin-top: 8px;
  }
  
  .section-testimonial .testimonial-rating {
    color: #ffa500;
    font-size: 14px;
  }
  
  .section-testimonial .testimonial-item img {
    border-radius: 100%;
  }
  
  .section-testimoniel .testimonial-summary::before {
    content: "\f10d";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    margin-right: 0;
    line-height: 1;
    margin: 0 0 15px;
    font-weight: 900;
    color: #e2e2e2;
    position: absolute;
    top: 35px;
    left: 25%;
  }
  
  .section-testimonial .testimonial-summary p {
    font-style: italic;
    color: #727272!important;
  }
  
  
  /*Carousel*/
  
  .section-carousel-enabled .slick-slide:focus,
  .section-carousel-enabled .slick-slide.slick-active{
    outline: none!important;
  }
  
  .section-carousel-enabled .slick-list {
    text-align: left;
  }
  
  .section-carousel-enabled .slick-list {
    margin: 0 -15px;
  }
  
  .iteam-col-2.section-carousel-enabled {
    margin: 0 -10px;
  }
  
  /* widget cycle pager */
  
  .section-carousel-enabled .slick-dots {
    text-align: center;
    transition: all 1s ease-in-out 0s;
    width: 100%;
    z-index: 999;
  }
  
  .section-carousel-enabled .slick-dots span {
    background-color: #686868;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 15px;
    margin: 5px 5px;
    width: 15px;
    z-index: 99;
  }
  
  .section-carousel-enabled .slick-dots li.slick-active span {
    background-color: #219fcd;
  }
  
  .section-carousel-enabled .slick-dots li {
    display: inline-block;
    line-height: 0;
    list-style: inherit;
    padding: 0;
  }
  
  .section-carousel-enabled .slick-dots li::before {
    display: none;
  }
  
  .section-carousel-enabled  .testimonial-item.slick-slide > h4 {
    display: block;
    float: none;
    font-style: italic;
    margin-right: 30px;
    text-align: center;
  }
  
  /* cycle next / previous*/
  
  .section-carousel-enabled .slick-prev.slick-arrow, .section-carousel-enabled .slick-next.slick-arrow {
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.8;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    top: 45%;
    z-index: 9;
    font-size: 17px;
    padding: 16px 20px;
    background: #ffffff;
    box-shadow: 0 0 40px #2422224a;
  }
  
  
  .section-carousel-enabled .slick-prev.slick-arrow:hover,
  .section-carousel-enabled .slick-next.slick-arrow:hover {
    background: #f51e46;
    color: #fff;
  }
  
  .section-carousel-enabled .slick-prev.slick-arrow {
    left: -15px;
  }
  
  .section-carousel-enabled .slick-next.slick-arrow {
    right: -15px;
  }
  
  /*--------------------------------------------------------------
  18.12.  Portfolio
  --------------------------------------------------------------*/
  
  .section-portfolio .portfolio-item {
    float: left;
    position: relative;
    margin: 0;
    width: 33.33%;
  }
  
  .section-portfolio .portfolio-inner {
    position: relative;
    overflow: hidden;
  }
  
  .section-portfolio .portfolio-section img {
    vertical-align: middle;
  }
  
  .section-portfolio .portfolio-section .thumb-overlay {
    background: rgba(0,0,0,0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
  }
  
  .section-portfolio .vmiddle-holder{
    display: table;
    height: 100%;
    width: 100%;
  }
  
  .section-portfolio .vmiddle {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  
  .section-portfolio .portfolio-section h3 {
    font-size: 32px;
    padding: 15px;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
  }
  
  .section-portfolio .portfolio-section h3 a{
    color: #fff;
  }
  
  .section-portfolio .portfolio-button {
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    background-color:rgba(0,0,0,0.4);
    bottom: -400px;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease, bottom 0.7s ease;
    -o-transition: opacity 0.7s ease, bottom 0.7s ease;
    transition: opacity 0.7s ease, bottom 0.7s ease;
  }
  
  .section-portfolio .portfolio-block:hover h3,
  .section-portfolio .portfolio-block:focus h3,
  .section-portfolio .portfolio-block:active h3{
    margin-top: -100px;
  }
  
  .section-portfolio .portfolio-block:hover .portfolio-content,
  .section-portfolio .portfolio-block:focus .portfolio-content,
  .section-portfolio .portfolio-block:active .portfolio-content {
    bottom: 0;
    opacity: 1;
  }
  
  .section-portfolio .portfolio-block:hover .portfolio-button,
  .section-portfolio .portfolio-block:focus .portfolio-button,
  .section-portfolio .portfolio-block:active .portfolio-button {
    bottom: 0;
    opacity: 1;
  }
  
  .portfolio-wrapper {
    overflow:hidden;
    margin:0;
    padding:0;
  }
  
  .portfolio-wrapper .portfolio-item {
    padding: 15px !important;
  }
  
  .portfolio-filter ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 2px solid #ddd;
    border-radius: 50px;
  }
  
  #portfolio {
    margin-bottom: 20px;
  }
  
  .portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    cursor: default;
  }
  
  .portfolio-filter ul li {
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    color: #444;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
  }
  
  .portfolio-filter ul li a {
    color: #aba8a8;
    padding: 10px 22px;
    display: block;
    font-weight: 600;
    border-left: 2px solid #ddd;
    font-size: 13px;
  }
  
  .portfolio-filter ul li:first-child a {
    border:none;
  }
  
  .portfolio-filter ul li:last-child:after {
    content: "";
  }
  
  .portfolio-filter a:hover{
    color: #f51e46;
    text-decoration: none;
  }
  
  .portfolio-filter a.active, .portfolio-filter a:hover {
    color: #f51e46;
    cursor: default;
    position: relative;
    cursor: pointer;
  }
  
  .portfolio-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  .overlay:before {
    background: rgba(0, 0, 0, 0.76);
    bottom: 0;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
  }
  
  .item-inner-wrapper:hover .overlay:before {
    bottom: 0;
    opacity: 0.9;
  }
  
  .item-inner-wrapper {
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  
  .item-inner-wrapper .portfolio-content {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    bottom: -36%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 40px;
  }
  
  .item-inner-wrapper:hover .portfolio-content {
    opacity: 1;
    visibility: visible;
    bottom: 10px;
  }
  
  a.zoom-icon i {
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    padding: 0;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    display: block;
  }
  
  a.zoom-icon {
    position: absolute;
    top: 30%;
    z-index: 999;
    width: 100%;
    text-align: center;
    left: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  
  .item-inner-wrapper:hover a.zoom-icon {
    top: 34%;
    visibility: visible;
  }
  
  .portfolio-content p,
  .portfolio-content h3 a {
    color: #fff;
  }
  
  .portfolio-content h3 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 24px;
  }
  
  .portfolio-content h3 a:hover {
    color: #f51e46;
  }
  
  .isotope-item {
    z-index:2;
  }
  
  .isotope-hidden.isotope-item {
    pointer-events:none;
    z-index:1;
  }
  
  .isotope,.isotope .isotope-item {
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -ms-transition-duration:.8s;
    -o-transition-duration:.8s;
    transition-duration:.8s;
  }
  
  .isotope {
    -webkit-transition-property:height, width;
    -moz-transition-property:height, width;
    -ms-transition-property:height, width;
    -o-transition-property:height, width;
    transition-property:height, width;
  }
  
  .isotope .isotope-item {
    -webkit-transition-property:0 opacity;
    -moz-transition-property:0 opacity;
    -ms-transition-property:0 opacity;
    -o-transition-property:0 opacity;
    transition-property:transform, opacity;
  }
  
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration:0;
    -moz-transition-duration:0;
    -ms-transition-duration:0;
    -o-transition-duration:0;
    transition-duration:0;
  }
  
  /*Portfolio single page*/
  
  .list-check li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #f51e46;
    font-size: 13px;
    display: inline-block;
    margin-top: 0px;
    font-weight: 900;
    float: left;
  }
  
  .list-check{
    padding-left: 0;
    margin-left: 0;
  }
  
  .list-check li {
    list-style: none;
  }
  
  .portfolio-info li strong {
    float: left;
    width: 50%;
  }
  
  .portfolio-single-main .social-links {
    text-align: left;
  }
  
  /*--------------------------------------------------------------
  18.13 Featured Page
  --------------------------------------------------------------*/
  
  .featured-page-section.landing-features {
    padding-top: 50px;
  }
  
  .featured-page-section.landing-features p {
    margin-bottom: 30px;
  }
  
  .section-featured-page h5 {
    margin-bottom: 40px;
  }
  
  .section-featured-page img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 47%;
    background: #fff;
  }
  
  .section-featured-page img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 47%;
    background: #fff;
  }
  
  .section-featured-page .entry-content {
    margin: 0;
  }
  
  .section-featured-page .section-title {
    text-align: left!important;
  }
  
  .section-featured-page .section-title::after,
  .section-featured-page .section-title::before {
    display: none;
  }
  
  .section.section-featured-page li {
    font-size: 14px;
    list-style: none;
    line-height: 2;
  }
  
  .section.section-featured-page ul {
    padding-left: 0;
  }
  
  .section.section-featured-page li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #f51e46;
    font-size: 13px;
    display: inline-block;
    margin-top: 0px;
    font-weight: 900;
  }
  
  /*--------------------------------------------------------------
  18.14. Skills
  --------------------------------------------------------------*/
  
  .section.section-skill-bar {
    background: #fff;
  }
  
  .section-skill-bar .entry-content {
    margin: 0;
  }
  
  .section-skill-bar .section-title {
    text-align: left!important;
  }
  
  .section-skill-bar .section-title::after,
  .section-skill-bar .section-title::before {
    display: none;
  }
  
  .section.section-skill-bar li {
    font-size: 17px;
    list-style: none;
    color: #191d3d;
  }
  
  .section.section-skill-bar ul {
    padding-left: 0;
  }
  
  .section.section-skill-bar li:before {
    content: "\f05d";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #f51e46;
    font-size: 20px;
  }
  .skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #f5f5f5;
    height: 10px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
  }
  
  .skillbar-bar {
    height: 10px;
    width: 0px;
    background: #f51e46;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    border-radius: 0 12px 12px 0;
  }
  .skillbar-title {
    float: left;
  }
  
  .skill-bar-percent {
    float: right;
  }
  
  .skillbar-item h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  
  .skillbar {
    clear: both;
  }
  
  .skillbar-item:last-child {
    margin: 0;
  }
  
  .skillbar-item {
    margin-bottom: 30px;
  }
  
  .skillbar-1 .skillbar-bar {
    background: #67bbf7;
  }
  
  .skillbar-2 .skillbar-bar {
    background: #7e87c9;
  }
  
  .skillbar-3 .skillbar-bar {
    background: #c9048e;
  }
  
  .skillbar-4 .skillbar-bar {
    background: #dd9933;
  }
  /*Home accordion*/
  
  
  /*--------------------------------------------------------------
  18.15. Quick Contact
  --------------------------------------------------------------*/
  
  #contactform input[type="text"],
  #contactform input[type="email"] {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 20px;
  }
  
  #content .section.contact-us {
    padding: 0;
  }
  
  #contactform input[type="text"],
  #contactform input[type="email"]{
    width: 100%;
    margin-bottom: 30px;
  }
  
  #contactform #comments {
    margin-top:0;
  }
  
  .contact-map  iframe.googlemap {
    border: none;
  }
  
  #content aside.section.google-map {
    margin: 0;
    padding: 0;
  }
  
  #contactform button#submit {
    margin: 20px 0 0;
  }
  
  .contact-map .map-inner-wrapper {
    background: #ffffff;
    padding: 10px 10px 0;
    box-shadow: 0 0 29px #efeded;
  }
  
  .contact-map .map-inner-wrapper p {
    color:#fff;
    margin: 0;
  }
  
  .contact-form .error_message {
    color: red;
    padding: 0 0 10px 0;
  }
  
  .contact-form fieldset {
    padding: 20px;
    text-align: center;
    border: 5px solid #4def4d;
  }
  
  .contact-form-area.contactdesc {
    background: #fff;
    padding: 40px;
  }
  
  h3.contact-title {
    background: #f51e46;
    text-align: center;
    padding: 10px;
    margin: -40px -40px 40px;
    color: #fff;
  }
  
  aside.section.section-quick-contact.background-img.overlay-enabled {
    background-image: url(images/contact/contact-bg.jpg);
  }
  
  /*--------------------------------------------------------------
  18.16. Social Links
  --------------------------------------------------------------*/
  
  .social-links {
    text-align: center;
  }
  
  .social-links  {
    clear: both;
    overflow: hidden;
  }
  
  .social-links  ul {
    margin: 0;
    padding: 0;
  }
  
  .social-links li a {
    border: 2px solid #cacaca;
    display: inline-block;
    height: 40px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    overflow: hidden;
  }
  
  .social-links.circle  li a {
    border-radius: 100%;
  }
  
  .social-links li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 5px;
  }
  
  .social-links  ul li::after{
    display: none;
  }
  
  .social-links  li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
  }
  
  .social-links ul li a::before {
    color: #bdbdbd;
    content: "\f0c1";
    display: block;
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    line-height: 2.3;
    font-size: 14px;
  }
  
  .social-links ul li a:hover {
    background-color: #001837;
    border: 2px solid rgba(0, 0, 0, 0);
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
  }
  
  .social-links  ul li a:hover::before {
    color: #fff;
  }
  
  .social-links  ul li a[href*="facebook.com"]:before {
    content: "\f39e";
  }
  
  .social-links  ul li a[href*="twitter.com"]:before {
    content: "\f099";
  }
  
  .social-links  ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
  }
  
  .social-links  ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
  }
  
  .social-links  ul li a[href*="youtube.com"]:before {
    content: "\f167";
  }
  
  .social-links  ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
  }
  
  .social-links  ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
  }
  
  .social-links  ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
  }
  
  .social-links  ul li a[href*="github.com"]:before {
    content: "\f113";
  }
  
  .social-links  ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
  }
  
  .social-links  ul li a[href*="flickr.com"]:before {
    content: "\f16e";
  }
  
  .social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }
  
  .social-links  ul li a[href*="foursquare.com"]:before {
    content: "\f180";
  }
  
  .social-links  ul li a[href*="instagram.com"]:before {
    content: "\f16d";
  }
  
  .social-links  ul li a[href*="tumblr.com"]:before {
    content: "\f173";
  }
  
  .social-links  ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
  }
  
  .social-links  ul li a[href*="vimeo.com"]:before {
    content: "\f194";
  }
  
  .social-links  ul li a[href*="digg.com"]:before {
    content: "\f1a6";
  }
  
  .social-links  ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
  }
  
  .social-links  ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
  }
  
  .social-links  ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
  }
  
  .social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Free';
  }
  
  .social-links  ul li a[href*="soundcloud.com"]:before {
    content: "\f1be";
  }
  .social-links  ul li a[href*="wordpress.org"]:before {
    content: "\f19a";
  }
  .social-links  ul li a[href*="wordpress.com"]:before {
    content: "\f19a";
  }
  
  .social-links  ul li a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
  }
  
  .social-links  ul li a[href*="tripadvisor.com"]:before {
    content: "\f262";
  }
  
  .social-links  ul li a[href*="angel.co"]:before {
    content: "\f209";
  }
  
  .social-links  ul li a[href*="slack.com"]:before {
    content: "\f198";
  }
  
  .social-links  ul li a[href*="500px.com"]:before {
    content: "\f26e";
  }
  .social-links  ul li a[href*="500px.com"]:hover {
    background: #0099e5;
  }
  
  .social-links  ul li a[href*="amazon.com"]:before {
    content: "\f270";
  }
  .social-links  ul li a[href*="amazon.com"]:hover {
    background: #f90;
  }
  
  .social-links  ul li a[href*="amilia.com"]:before {
    content: "\f36d";
  }
  .social-links  ul li a[href*="amilia.com"]:hover {
    background: #46aaf8;
  }
  
  .social-links  ul li a[href*="gitlab.com"]:before {
    content: "\f09b";
  }
  .social-links  ul li a[href*="gitlab.com"]:hover {
    background: #e65328;
  }
  
  .social-links  ul li a[href*="ebay.com"]:before {
    content: "\f4f4";
  }
  .social-links  ul li a[href*="ebay.com"]:hover {
    background: #0654ba;
  }
  
  .social-links  ul li a[href*="dashcube.com"]:before {
    content: "\f210";
  }
  .social-links  ul li a[href*="dashcube.com"]:hover {
    background: #f76707;
  }
  
  .social-links  ul li a[href*="behance.net"]:before {
    content: "\f1b5";
  }
  .social-links  ul li a[href*="behance.net"]:hover {
    background: #0052CC;
  }
  
  .social-links  ul li a[href*="vk.net"]:before {
    content: "\f189";
  }
  .social-links  ul li a[href*="vk.net"]:hover {
    background: #5181b8;
  }
  
  .social-links  ul li a[href*="mastodon.social"]:before {
    content: "\f4f6";
  }
  .social-links  ul li a[href*="mastodon.social"]:hover {
    background: #5181b8;
  }
  
  .social-links  ul li a[href*="algolia.com"]:before {
    content: "\f36c";
  }
  .social-links  ul li a[href*="algolia.com"]:hover {
    background: #5a6dff;
  }
  
  .social-links  ul li a[href*="bandcamp.com"]:before {
    content: "\f2d5";
  }
  .social-links  ul li a[href*="bandcamp.com"]:hover {
    background: #639aa9;
  }
  
  .social-links  ul li a[href*="codiepie.com"]:before {
    content: "\f284";
  }
  .social-links  ul li a[href*="codiepie.com"]:hover {
    background: #222222;
  }
  
  .social-links  ul li a[href*="del.icio.us"]:before {
    content: "\f1a5";
  }
  .social-links  ul li a[href*="del.icio.us"]:hover {
    background: #7719d9;
  }
  
  .social-links  ul li a[href*="gitter.im"]:before {
    content: "\f426";
  }
  .social-links  ul li a[href*="gitter.im"]:hover {
    background: #46bc99;
  }
  
  .social-links  ul li a[href*="goodreads.com"]:before {
    content: "\f3a8";
  }
  .social-links  ul li a[href*="goodreads.com"]:hover {
    background: #382110;
  }
  
  .social-links  ul li a[href*="hireahelper.com"]:before {
    content: "\f3b0";
  }
  .social-links  ul li a[href*="hireahelper.com"]:hover {
    background: #693238;
  }
  
  .social-links  ul li a[href*="imdb.com"]:before {
    content: "\f2d8";
  }
  .social-links  ul li a[href*="imdb.com"]:hover {
    background: #f5c518;
  }
  
  .social-links  ul li a[href*="last.fm"]:before {
    content: "\f202";
  }
  .social-links  ul li a[href*="last.fm"]:hover {
    background: #bb0000;
  }
  
  .social-links  ul li a[href*="medium.com"]:before {
    content: "\f23a";
  }
  .social-links  ul li a[href*="medium.com"]:hover {
    background: #693238;
  }
  
  .social-links  ul li a[href*="meetup.com"]:before {
    content: "\f2e0";
  }
  .social-links  ul li a[href*="meetup.com"]:hover {
    background: #f13a59;
  }
  
  .social-links  ul li a[href*="mixcloud.com"]:before {
    content: "\f289";
  }
  .social-links  ul li a[href*="mixcloud.com"]:hover {
    background: #693238;
  }
  
  .social-links  ul li a[href*="quora.com"]:before {
    content: "\f3d2";
  }
  .social-links  ul li a[href*="quora.com"]:hover {
    background: #b92b27;
  }
  
  .social-links  ul li a[href*="us.napster.com"]:before {
    content: "\f2c4";
  }
  .social-links  ul li a[href*="us.napster.com"]:hover {
    background: #49FFD0;
  }
  
  .social-links  ul li a[href*="slideshare.net"]:before {
    content: "\f1e7";
  }
  .social-links  ul li a[href*="slideshare.net"]:hover {
    background: #222222;
  }
  
  .social-links  ul li a[href*="spotify.com"]:before {
    content: "\f1bc";
  }
  .social-links  ul li a[href*="spotify.com"]:hover {
    background: #1ed760;
  }
  
  .social-links  ul li a[href*="stackexchange.com"]:before {
    content: "\f18d";
  }
  .social-links  ul li a[href*="stackexchange.com"]:hover {
    background: #12457C;
  }
  
  .social-links  ul li a[href*="stackoverflow.com"]:before {
    content: "\f16c";
  }
  .social-links  ul li a[href*="stackoverflow.com"]:hover {
    background: #f48024;
  }
  
  .social-links  ul li a[href*="trello.com"]:before {
    content: "\f181";
  }
  .social-links  ul li a[href*="trello.com"]:hover {
    background: #5aac44;
  }
  
  .social-links  ul li a[href*="xing.com"]:before {
    content: "\f168";
  }
  .social-links  ul li a[href*="xing.com"]:hover {
    background: #b0d400;
  }
  
  .social-links  ul li a[href*="yelp.com"]:before {
    content: "\f1e9";
  }
  .social-links  ul li a[href*="yelp.com"]:hover {
    background: #d32323;
  }
  /*social links hover effect */
  
  .social-links  ul li a[href*="facebook.com"]:hover {
    background: #3b5998;
  }
  
  .social-links  ul li a[href*="twitter.com"]:hover {
    background: #00aced;
  }
  
  .social-links  ul li a[href*="plus.google.com"]:hover {
    background: #dd4b39;
  }
  
  .social-links  ul li a[href*="/feed/"]:hover  {
    background: #dc622c;
  }
  
  .social-links  ul li a[href*="wordpress.org"]:hover,
  .social-links  ul li a[href*="wordpress.com"]:hover {
    background: #45bbe6;
  }
  
  .social-links  ul li a[href*="github.com"]:hover {
    background: #4183c4;
  }
  
  .social-links  ul li a[href*="linkedin.com"]:hover {
    background: #007bb6;
  }
  
  .social-links  ul li a[href*="pinterest.com"]:hover {
    background: #cb2027;
  }
  
  .social-links  ul li a[href*="flickr.com"]:hover {
    background: #ff0084;
  }
  
  .social-links  ul li a[href*="vimeo.com"]:hover {
    background: #aad450;
  }
  
  .social-links  ul li a[href*="youtube.com"]:hover {
    background: #bb0000;
  }
  
  .social-links  ul li a[href*="instagram.com"]:hover {
    background: #517fa4;
  }
  
  .social-links  ul li a[href*="dribbble.com"]:hover {
    background: #ea4c89;
  }
  
  .social-links  ul li a[href*="skype.com"]:hover {
    background: #12a5f4;
  }
  
  .social-links  ul li a[href*="digg.com"]:hover {
    background: #333;
  }
  
  .social-links  ul li a[href*="codepen.io"]:hover {
    background: #000;
  }
  
  .social-links  ul li a[href*="reddit.com"]:hover {
    background: #ff4500;
  }
  
  .social-links  ul li a[href*="mailto:"]:hover {
    background: #1d62f0;
  }
  
  .social-links  ul li a[href*="twitch.tv"]:hover {
    background: #6441a5;
  }
  
  .social-links  ul li a[href*="foursquare.com"]:hover {
    background: #f94877;
  }
  
  .social-links  ul li a[href*="stumbleupon.com"]:hover {
    background: #eb4924;
  }
  
  .social-links  ul li a[href*="twitch.tv"]:hover {
    background: #6441a5;
  }
  
  .social-links  ul li a[href*="tumblr.com"]:hover {
    background: #32506d;
  }
  
  .social-links  ul li a[href*="soundcloud.com"]:hover {
    background: #ff5500;
  }
  
  .social-links  ul li a[href*="wordpress.org"]:hover {
    background:#45bbe6;
  }
  
  .social-links  ul li a[href*="jsfiddle.net"]:hover {
    background:#4679bd;
  }
  
  .social-links  ul li a[href*="tripadvisor.com"]:hover {
    background:#86c171;
  }
  
  .social-links  ul li a[href*="foursquare.com"]:hover {
    background:#2d5be3;
  }
  
  .social-links  ul li a[href*="angel.co"]:hover {
    background:#000;
  }
  
  .social-links  ul li a[href*="slack.com"]:hover {
    background:#56b68b;
  }
  
  .social-links.brand-color  ul li a[href*="500px.com"] {
    background: #0099e5;
  }
  
  .social-links.brand-color  ul li a[href*="amazon.com"] {
    background: #f90;
  }
  
  .social-links.brand-color  ul li a[href*="amilia.com"] {
    background: #46aaf8;
  }
  
  .social-links.brand-color  ul li a[href*="gitlab.com"] {
    background: #e65328;
  }
  
  .social-links.brand-color  ul li a[href*="ebay.com"] {
    background: #0654ba;
  }
  
  .social-links.brand-color  ul li a[href*="dashcube.com"] {
    background: #f76707;
  }
  
  .social-links.brand-color  ul li a[href*="behance.net"] {
    background: #0052CC;
  }
  
  .social-links.brand-color  ul li a[href*="vk.net"] {
    background: #5181b8;
  }
  
  .social-links.brand-color  ul li a[href*="mastodon.social"] {
    background: #5181b8;
  }
  
  .social-links.brand-color  ul li a[href*="algolia.com"] {
    background: #5a6dff;
  }
  
  .social-links.brand-color  ul li a[href*="bandcamp.com"] {
    background: #639aa9;
  }
  
  .social-links.brand-color  ul li a[href*="codiepie.com"] {
    background: #222222;
  }
  
  .social-links.brand-color  ul li a[href*="del.icio.us"] {
    background: #7719d9;
  }
  
  .social-links.brand-color  ul li a[href*="gitter.im"] {
    background: #46bc99;
  }
  
  
  .social-links.brand-color  ul li a[href*="goodreads.com"] {
    background: #382110;
  }
  
  
  .social-links.brand-color  ul li a[href*="hireahelper.com"] {
    background: #693238;
  }
  
  
  .social-links.brand-color  ul li a[href*="imdb.com"] {
    background: #f5c518;
  }
  
  
  .social-links.brand-color  ul li a[href*="last.fm"] {
    background: #bb0000;
  }
  
  
  .social-links.brand-color  ul li a[href*="medium.com"] {
    background: #693238;
  }
  
  
  .social-links.brand-color  ul li a[href*="meetup.com"] {
    background: #f13a59;
  }
  
  
  .social-links.brand-color  ul li a[href*="mixcloud.com"] {
    background: #693238;
  }
  
  
  .social-links.brand-color  ul li a[href*="quora.com"] {
    background: #b92b27;
  }
  
  
  .social-links.brand-color  ul li a[href*="us.napster.com"] {
    background: #49FFD0;
  }
  
  
  .social-links.brand-color  ul li a[href*="slideshare.net"] {
    background: #222222;
  }
  
  
  .social-links.brand-color  ul li a[href*="spotify.com"] {
    background: #1ed760;
  }
  
  
  .social-links.brand-color  ul li a[href*="stackexchange.com"] {
    background: #12457C;
  }
  
  
  .social-links.brand-color  ul li a[href*="stackoverflow.com"] {
    background: #f48024;
  }
  
  
  .social-links.brand-color  ul li a[href*="trello.com"] {
    background: #5aac44;
  }
  
  
  .social-links.brand-color  ul li a[href*="xing.com"] {
    background: #b0d400;
  }
  
  
  .social-links.brand-color  ul li a[href*="yelp.com"] {
    background: #d32323;
  }
  
  .social-links.brand-color  ul li a[href*="facebook.com"] {
    background: #3b5998;
  }
  
  .social-links.brand-color  ul li a[href*="twitter.com"] {
    background: #00aced;
  }
  
  .social-links.brand-color  ul li a[href*="plus.google.com"] {
    background: #dd4b39;
  }
  
  .social-links.brand-color  ul li a[href*="/feed/"]  {
    background: #dc622c;
  }
  
  .social-links.brand-color  ul li a[href*="wordpress.org"],
  .social-links.brand-color  ul li a[href*="wordpress.com"] {
    background: #45bbe6;
  }
  
  .social-links.brand-color  ul li a[href*="github.com"] {
    background: #4183c4;
  }
  
  .social-links.brand-color  ul li a[href*="linkedin.com"] {
    background: #007bb6;
  }
  
  .social-links.brand-color  ul li a[href*="pinterest.com"] {
    background: #cb2027;
  }
  
  .social-links.brand-color  ul li a[href*="flickr.com"] {
    background: #ff0084;
  }
  
  .social-links.brand-color  ul li a[href*="vimeo.com"] {
    background: #aad450;
  }
  
  .social-links.brand-color  ul li a[href*="youtube.com"] {
    background: #bb0000;
  }
  
  .social-links.brand-color  ul li a[href*="instagram.com"] {
    background: #517fa4;
  }
  
  .social-links.brand-color  ul li a[href*="dribbble.com"] {
    background: #ea4c89;
  }
  
  .social-links.brand-color  ul li a[href*="skype.com"] {
    background: #12a5f4;
  }
  
  .social-links.brand-color  ul li a[href*="digg.com"] {
    background: #333;
  }
  
  .social-links.brand-color  ul li a[href*="codepen.io"] {
    background: #000;
  }
  
  .social-links.brand-color  ul li a[href*="reddit.com"] {
    background: #ff4500;
  }
  
  .social-links.brand-color  ul li a[href*="mailto:"] {
    background: #1d62f0;
  }
  
  .social-links.brand-color  ul li a[href*="twitch.tv"] {
    background: #6441a5;
  }
  
  .social-links.brand-color  ul li a[href*="foursquare.com"] {
    background: #f94877;
  }
  
  .social-links.brand-color  ul li a[href*="stumbleupon.com"] {
    background: #eb4924;
  }
  
  .social-links.brand-color  ul li a[href*="twitch.tv"] {
    background: #6441a5;
  }
  
  .social-links.brand-color  ul li a[href*="tumblr.com"] {
    background: #32506d;
  }
  
  .social-links.brand-color  ul li a[href*="soundcloud.com"] {
    background: #ff5500;
  }
  
  .social-links.brand-color  ul li a[href*="wordpress.org"] {
    background:#45bbe6;
  }
  
  .social-links.brand-color  ul li a[href*="jsfiddle.net"] {
    background:#4679bd;
  }
  
  .social-links.brand-color  ul li a[href*="tripadvisor.com"] {
    background:#86c171;
  }
  
  .social-links.brand-color  ul li a[href*="foursquare.com"] {
    background:#2d5be3;
  }
  
  .social-links.brand-color  ul li a[href*="angel.co"] {
    background:#000;
  }
  
  .social-links.brand-color  ul li a[href*="slack.com"] {
    background:#56b68b;
  }
  
  .social-links.brand-color ul li a:before {
    color: #fff;
  }
  
  .social-links.brand-color ul li a {
    border: 2px solid transparent;
  }
  
  /*--------------------------------------------------------------
  19. Inner Page Template
  --------------------------------------------------------------*/
  
  /*--------------------------------------------------------------
  19.1 Basic Breadcrumb
  --------------------------------------------------------------*/
  
  #breadcrumb {
    color: #fff;
    text-align: center;
  }
  
  #breadcrumb ul {
    margin:0;
    padding: 0;
  }
  
  #breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding-right: 10px;
  }
  
  #breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
  }
  
  #breadcrumb .breadcrumb-trail li::after {
    content: "\f105";
    margin-left: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 11px;
  }
  
  #breadcrumb li a {
    color: #ddd;
    border-bottom: 1px solid #fff;
  }
  
  #breadcrumb li a:hover {
    color: #fff;
  }
  .custom-header-2 #custom-header {
    padding: 15px 0;
  }
  #breadcrumb.breadcrumb-2 {
    background: #f51e46;
    padding: 15px 0;
  }
  .custom-header-3 #breadcrumb {
    float: right;
    margin-top: 30px;
  }
  
  .custom-header-3 h1.page-title {
    float: left;
  }
  /*--------------------------------------------------------------
  19.2. Error 404 Page
  --------------------------------------------------------------*/
  
  section.error-404 {
    text-align: center;
    margin-bottom: 80px;
  }
  
  .error-404 h2{
    font-size: 87px;
    font-weight: bold;
  }
  
  #quick-links-404 {
    margin-top: 30px;
  }
  
  #quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
  }
  
  #quick-links-404 ul li a {
    display: block;
    padding: 0 20px;
    color: #222;
    border-left: 1px solid #ddd;
    line-height: 1;
  }
  
  #quick-links-404 ul li:first-child a{
    border:none;
  }
  
  .error404 #primary {
    width: 100%;
  }
  
  section.error-404 .search-form {
    position: relative;
    max-width: 480px;
    margin: 60px auto 0;
  }
  
  section.error-404 .search-form input.search-field {
    width: 100%;
  }
  
  section.error-404 input.search-submit {
    padding: 17px 25px;
  }
  
  .error404 h2 span {
    color: #f51e46;
    margin: 0 15px;
  }
  
  /*--------------------------------------------------------------
  19.3. Project
  --------------------------------------------------------------*/
  
  .section.section-project {
    background: #fff;
  }
  
  .section.section-project .custom-button {
    margin-top: 15px;
  }
  
  .section-project  .alignleft {
    margin-right: 70px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
  }
  
  .section-project img {
    vertical-align: middle;
  }
  
  .section-project .project-block {
    clear: both;
    overflow: hidden;
  }
  
  .section-project .alignright {
    margin-left: 70px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
  }
  
  .section-project .custom-button {
    margin-left: 0;
  }
  
  .section-project .entry-content {
    margin: 0;
  }
  
  .section-project .project-section {
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    margin-top: 30px;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  
  .section-project .featured-project-section {
    padding: 80px;
  }
  
  .section-project .featured-project-category {
    color: #aaa;
    font-style: italic;
    font-weight: 100;
  }
  
  .project-section .alignleft:after {
    content: "";
    display: block;
    border-right: 25px solid #ffffff;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    right: 0;
    position: absolute;
    top: 43%;
  }
  .project-thumb {
    position: relative;
  }
  .project-section .alignright:after {
    content: "";
    display: block;
    border-left: 25px solid #ffffff;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    left: 0;
    position: absolute;
    top: 43%;
  }
  
  /*--------------------------------------------------------------
  20.  Media Queries
  --------------------------------------------------------------*/
  
  /* Smaller than standard 1230(devices and browsers) */
  @media only screen and (max-width:1230px){
  
    .global-layout-no-sidebar > .container {
      margin: 0 auto;
      width: 100%;
      position: relative;
      z-index: 1;
    }
  
    #content .section {
      margin-bottom: 0;
      padding: 40px 0;
    }
  
    #content aside.section.section-featured-banner.no-padding {
      padding: 0;
    }
  
    .social-links li a {
      height: 30px;
      width: 30px;
    }
  
    .social-links ul li a::before {
      line-height: 2;
      font-size: 13px;
    }
  
    .section-featured-slider h3 {
      font-size: 45px;
    }
  
    .section-featured-slider p {
      font-size: 17px;
    }
  
  }
  
  /* Smaller  standard 1024 (devices and browsers) */
  @media only screen and (max-width:1024px) {
    .m-bottom0{
      margin-bottom: 0!important;
    }
    .section-project .featured-project-section {
      padding: 35px;
    }
  
    .header-v2 #quick-contact li {
      padding: 0;
      margin-left: 20px;
    }
  
    .header-v2 .main-navigation ul li a {
      padding-right: 10px;
      margin-right: 10px;
    }
  
    #content .section-title {
      font-size: 30px;
    }
  
    h1 {
      font-size:30px;
    }
  
    h2 {
      font-size:30px;
    }
  
    h3 {
      font-size: 19px;
    }
  
    h4 {
      font-size: 18px;
    }
  
    h5 {
      font-size: 16px;
    }
  
    h6 {
      font-size: 14px;
    }
  
    .header-social-wrapper {
      margin-top: 5px;
    }
  }
  
  /* Smaller than standard 1024 (devices and browsers) */
  @media only screen and (max-width:1023px){
  
    .col-grid-3 {
      width: 50%;
    }
  
    .col-grid-7,
    .col-grid-5 {
      width: 100%;
    }
  
    .col-grid-8 {
      width: 100%;
    }
  
    .col-grid-4.recent-events {
      width: 100%;
    }
  
    .section-plan .pricing-plan-price {
      font-size: 37px;
    }
  
    #tophead {
      padding: 0 15px;
    }
  
    .sidebar,
    #primary,
    .three-columns-enabled .sidebar,
    .three-columns-enabled #primary {
      width: 100%;
      float: left;
      margin-bottom: 20px;
    }
  
    .three-columns-enabled .sidebar {
      width: 50%;
    }
  
    #primary .hentry.post.blog-gird {
      width: 50%;
      padding: 10px 15px;
    }
  
    .section-featured-slider .cycle-caption.text-alignleft {
      left: 10%;
    }
  
    .section-featured-slider .cycle-caption.text-alignright {
      right: 10%;
    }
  
    .section-featured-slider h3,
    .section-featured-banner h3 {
      font-size: 37px;
    }
  
    .section-featured-slider p,
    .section-featured-banner p {
      font-size: 14px;
      margin-bottom: 15px;
    }
  
    .section-featured-slider .slider-buttons .custom-button,
    .section-featured-banner .custom-button {
      padding: 9px 24px;
    }
  
    .section-featured-page img.alignleft,
    .section-featured-page img.alignright {
      max-width: 100%;
      text-align: inherit;
      display: block;
      margin: 0 auto 20px;
    }
  
    .section-plan .pricing-plan-content {
      padding: 20px 15px 20px 0;
      text-align: left;
    }
  
    .section-plan .pricing-plan-content li i {
      margin-right: 8px;
      font-size: 12px;
    }
  
    .custom-button, .custom-button:visited, a.button,
    .custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {
      min-width: inherit;
      padding: 6px 23px;
      font-size: 14px;
    }
  
    .section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
      opacity: 1;
    }
  }
  
  /* Smaller than standard 900 (devices and browsers) */
  @media only screen and (max-width:900px){
  
    .section-project .alignleft {
      margin-right: 35px;
    }
  
    .section-project .alignright {
      margin-left: 35px;
    }
  
    .section-project .featured-project-section {
      padding: 25px;
    }
  
    .section.section-project .custom-button {
      margin-top: 0;
    }
  
    .section-plan .pricing-plan-header h3 {
      font-size: 16px;
    }
  
    .pricing-plan-features {
      padding-left: 20px;
      text-align: left;
      display: table;
    }
  
    #content aside.section.section-call-to-action.cta-fluid.no-padding-btm {
      padding-bottom: 0;
    }
  
    .service-layout-4 .service-block-inner span.count {
      margin-bottom: 5px;
    }
  
    .service-layout-4 .service-block-inner {
      padding: 35px;
      min-height: 383px;
    }
  
    .header-v2 #quick-contact li {
      padding: 0;
      margin: 0 10px;
      display: inline-block;
      float: none;
    }
  
    .item-inner-wrapper .portfolio-content {
      padding: 0 5px;
    }
  
    .item-inner-wrapper:hover .portfolio-content {
      bottom: 10px;
    }
  
    .portfolio-content h3 {
      margin-bottom: 0;
      font-weight: 600;
      font-size: 18px;
    }
  
    .portfolio-content p {
      font-size: 13px;
    }
  
    .header-v3 #header-search a.search-icon {
      padding: 8px;
    }
  
    a.zoom-icon i {
      font-size: 25px;
    }
  
    .more-wrapper {
      margin-top: 20px;
    }
  
    .section-featured-page h5 {
      margin-bottom: 20px;
    }
  
    .section-latest-posts .latest-posts-text-content,
    .section-services .service-block-inner {
      padding: 30px;
    }
  
    .service-layout-4 .service-block-inner {
      padding: 30px 50px;
    }
  
    form.news-letter-form {
      position: relative;
      margin-top: 0;
    }
  
    .col-grid-6 {
      width: 100%;
    }
  
    .inner-wrapper {
      margin-left: -15px;
      margin-right: -15px;
    }
  
    .col-grid-1, .col-grid-2, .col-grid-3,
    .col-grid-4, .col-grid-5, .col-grid-6,
    .col-grid-7, .col-grid-8, .col-grid-9, .col-grid-10, .col-grid-11, .col-grid-12 {
      padding-left: 15px;
      padding-right: 15px;
      float: left;
      margin: 15px 0 15px 0;
      transition: all 0.4s ease-in-out 0s;
    }
  
    #content .section-subtitle {
      font-size: 14px;
      margin: 0 auto 20px;
      max-width: 700px;
    }
    .section-counter .counter-item {
      width: 50%;
    }
  
    .pricing-plan-features {
      font-size: 13px;
    }
  
    #footer-widgets .footer-widget-area {
      width: 50%;
    }
  
    .section-associate-logo .associate-logo-item {
      width: 33.33%;
    }
  
    #footer-widgets {
      padding: 40px 0;
    }
  
    .header-social-wrapper {
      float: none;
      text-align: center;
      width: 100%;
      clear: both;
    }
  
    #quick-contact {
      text-align: center;
      width: 100%;
      margin-top: 0;
    }
  
    .sticky-header #masthead {
      position: inherit;
    }
  
    #tophead .social-links {
      clear: both;
      float: none;
    }
  
    #tophead .social-links li {
      display: inline-block;
      float: none;
    }
  
    .social-links li {
      display: inline-block;
    }
  
    #mobile-trigger,
    #mobile-trigger-quick {
      display: block;
      background: #222;
      color: #fff;
      padding: 20px 12px;
    }
  
    #tophead {
      padding: 0;
      clear: both;
    }
  
    #header-search a.search-icon {
      padding: 10px 0;
    }
  
    #header-right {
      margin-top: 7px;
    }
  
    img.alignnone {
      margin: 0 auto;
      display: block;
    }
    .featured-page-section .col-grid-4,
    .featured-page-section .col-grid-8 {
      width: 100%;
    }
    #content .section.no-padding-btm {
      padding-bottom: 40px;
    }
    .col-grid-6.no-margin.features-item {
      width: 50%;
    }
    #content .no-margin {
      margin: 15px 0;
    }
    #content .section-title-wrap.text-alignleft span.divider,
    #content .section-title-wrap.text-alignright span.divider {
      margin: 0 0 15px;
    }
    a.more-link {
      margin: 0;
      padding: 5px 20px;
    }
  
    .section-featured-page-grid .featured-page-grid-text-content {
      padding: 25px;
    }
  
    .header-social-wrapper {
      clear: inherit;
      float: left;
      width: auto;
      margin: 0;
    }
  
    #masthead {
      padding: 15px 0;
    }
  
    #masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
      padding: 0;
      position: inherit;
      padding: 15px 0;
    }
  
    .header-v4 #masthead,
    .header-v5 #masthead {
      position: inherit;
      padding: 0;
      background: #222;
      padding: 15px 0;
    }
  
    .section-featured-slider .slider-buttons {
      margin-top: 0;
    }
  
    .section-featured-slider h3, .section-featured-banner h3 {
      font-size: 35px;
    }
  
    .quick-link,
    .main-navigation {
      display: none;
    }
  
    #mob-menu {
      display: block;
    }
  
    .flat-mega-memu {
      display: none;
    }
  
    .logged-in.sidr-main-open #mobile-trigger {
      position: relative;
      z-index: 999999;
    }
  
    .logged-in.sidr-open.sidr-main-open {
      margin-top: -46px;
    }
  
    #mobile-trigger i,
    #mobile-trigger-quick i {
      font-size: 17px;
      line-height: 0;
      display: block;
    }
  
  
    #mobile-trigger-quick {
      float: right;
    }
  
    .sidr ul li a {
      padding-right: 50px;
    }
  
    .sidr ul li {
      position: relative;
    }
  
    .sidr .dropdown-icon {
      height: 50px;
      width: 50px;
      background: #333333;
      z-index: 999;
      display: block;
      box-shadow: 0 0 37px #464444 inset;
      cursor: pointer;
    }
  
    .sidr ul li ul .dropdown-icon {
      height: 41px;
    }
  
    .sidr .dropdown-icon::after {
      content: "\f107";
      display: block;
      text-align: center;
      font-family: 'Font Awesome 5 Free';
    }
  
    .sidr .toggle-on .dropdown-icon::after {
      content: "\f106";
    }
  
    .sidr .dropdown-toggle {
      position: absolute;
      right: 0;
      top: 0;
      padding: 0;
    }
  
    .sidr ul li ul {
      display: none;
    }
  
    #mob-menu.sidr ul li.has-mega-menu ul {
      display: block;
    }
    #mob-menu ul {
      display: none;
    }
    .sidr-open #mob-menu .sidr-inner > ul{
      display: block;
    }
    .home-landing #mobile-trigger {
      width: 100%;
    }
  
  }

  /*--------------------------------------------------------------
9. Custom Button
--------------------------------------------------------------*/

.custom-button,
.custom-button:visited,
a.button,
.custom-button.custom-primary-button,
.custom-button.custom-primary-button:visited {
	transition: all 0.3s ease 0s;
	background: #f51e46;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	padding: 10px 35px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
	min-width: 135px;
	text-align: center;
	margin: 0;
	position: relative;
	font-weight: 600;
	vertical-align: middle;
}

a.custom-button:before {
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	margin-right: 13px;
	font-weight: 900;
}

/*Circle button style*/

.button-curved  .custom-button,
.button-curved .custom-button:visited,
.button-curved a.button.custom-button,
.button-curved a.button.custom-button:visited
.button-curved .custom-button.custom-primary-button,
.button-curved .custom-button.custom-primary-button:visited,
.button-curved input[type="button"],
.button-curved input[type="reset"],
.button-curved input[type="submit"],
.button-curved a.scrollup, a.scrollup:visited,
.button-curved  {
	border-radius: 50px;
}

.button-semi-curved {
	border-radius: 5px;
}

.button-circle,.button-circle-enabled .slick-arrow  {
	border-radius: 100%;
}

.section-carousel-enabled.button-circle .slick-prev.slick-arrow,
.section-carousel-enabled.button-circle .slick-next.slick-arrow{
	border-radius: 100%;
}

.custom-button:hover,
.button:hover, button:focus,
.button:focus,
.custom-button:focus,
.custom-button:active,
.custom-button.custom-primary-button:hover,
.custom-button.custom-primary-button:active,
.custom-button.custom-primary-button:focus {
	background-color: #222;
	color: #fff;
	box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);
}

.overlay-enabled .custom-button:hover,
.overlay-enabled a.button:hover,
.overlay-enabled button:focus,
.overlay-enabled a.button:focus,
.overlay-enabled .custom-button:focus,
.overlay-enabled .custom-button:active,
.overlay-enabled .custom-button.custom-primary-button:hover,
.overlay-enabled .custom-button.custom-primary-button:active,
.overlay-enabled .custom-button.custom-primary-button:focus,
.dark-background .custom-button:hover,
.dark-background a.button:hover,
.dark-background button:focus,
.dark-background a.button:focus,
.dark-background .custom-button:focus,
.dark-background .custom-button:active,
.dark-background .custom-button.custom-primary-button:hover,
.dark-background .custom-button.custom-primary-button:active,
.dark-background .custom-button.custom-primary-button:focus {
	background-color: #fff;
	color: #222;
	box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);
}

/*--------------------------------------------------------------
5. Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 50px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 50px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.text-alignleft {
	text-align: left;
}

.text-alignright {
	text-align: right;
}

.text-aligncenter {
	text-align: center;

}
/*--------------------------------------------------------------
13.1. Custom Gird
--------------------------------------------------------------*/

.full-with-stretch .container {
	padding:0;
	width: 100%;
}

.boxed-with {
	max-width: 1180px;
}

.container {
	width: 100%;
	padding: 0;
}

.container {
	width: 1230px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 100%;
}

.container::after,
.inner-wrapper::after {
	clear: both;
	content: "";
	display: table;
}

.boxed-layout #page {
	width: 1300px;
	margin: 30px auto;
	max-width: 100%;
	background: #fff;
	box-shadow: 0 0 26px #d8d7d7;
}

.inner-wrapper {
	margin-left: -25px;
	margin-right: -25px
}

.inner-wrapper:before,
.inner-wrapper:after {
	content: " ";
	display: table
}

.inner-wrapper:after {
	clear: both
}

.wrapper-fluid {
	margin: 0;
	padding: 0;
}

.wrapper-fluid .col-grid-1,
.wrapper-fluid .col-grid-2,
.wrapper-fluid .col-grid-3,
.wrapper-fluid .col-grid-4,
.wrapper-fluid .col-grid-5,
.wrapper-fluid .col-grid-6,
.wrapper-fluid .col-grid-7,
.wrapper-fluid .col-grid-8,
.wrapper-fluid .col-grid-9,
.wrapper-fluid .col-grid-10,
.wrapper-fluid .col-grid-11,
.wrapper-fluid .col-grid-12 {
	margin: 0;
}

.col-grid-1,
.col-grid-2,
.col-grid-3,
.col-grid-4,
.col-grid-5,
.col-grid-6,
.col-grid-7,
.col-grid-8,
.col-grid-9,
.col-grid-10,
.col-grid-11,
.col-grid-12 {
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	margin: 25px 0 25px 0;
	transition: all 0.4s ease-in-out 0s;
}

.col-grid-1 {
	width: 8.33333%
}

.col-grid-2 {
	width: 16.66667%
}

.col-grid-3 {
	width: 25%
}

.col-grid-4 {
	width: 33.33333%
}

.col-grid-5 {
	width: 41.66667%
}

.col-grid-6 {
	width: 50%
}

.col-grid-7 {
	width: 58.33333%
}

.col-grid-8 {
	width: 66.66667%
}

.col-grid-9 {
	width: 75%
}

.col-grid-10 {
	width: 83.33333%
}

.col-grid-11 {
	width: 91.66667%
}

.col-grid-12 {
	width: 100%
}

.grid-container {
	background: #f1f1f1;
	padding: 10px 15px;
	border-radius: 3px;
}

.col-grid-1 span {
	font-size: 12px;
	text-align: center;
}

.icon-list-demo i {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	border: 1px solid #f9f9f9;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	color: rgba(43, 61, 81, 0.7);
	border-radius: 3px;
	display: inline-block;
	transition: all 0.2s;
}

.img-circle {
	border-radius: 50%;
}

.img-rounded {
	border-radius: 6px;
}

img.img-border {
	border: 1px solid #ddd;
	padding: 5px;
}

img.img-shadow {
	box-shadow: 0px 8px 40px #bfc0c1;
}
::-moz-selection {
	color: #fff;
	background: #f51e46;
}

::selection {
	color: #fff;
	background: #f51e46;
}

.icon-social-demo .social-links {
	text-align: left;
}
/* 新闻列表页css */
/*list*/

.swiper-section {
  margin-bottom: 20px;
  width: 100%;
  height: 540px;
}

.swiper-slide {
  text-align: center;
  font-size: 14px;
  background: #fbfbfb;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size:cover;
}

.swiper-slide a {
  width: 100%;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}
.swiper-slide .anli_ul_div_t a, .anli_ul_div_img .anli_ul_div_t a{
  width: 80%;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  background: #fff;
  margin-top: 10px;
  border-radius: 50px;
}

#swiper-banner .swiper-slide {
  background-position: center;
  background-size: cover;
}

.contain-left {
  width: 100%;
  float: left;
  position: relative;
}

.wrap-left {
  /* border: 1px #eee solid; */
  background: #fff;
  margin-bottom: 15px;
}

.wrap-left-list {
  padding: 0;
  margin: 0;
}

.wrap-left-list li {
  list-style: none;
  padding: 0 0 20px;
  margin-bottom: 20px;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}

.wrap-left-list li a {
  display: block;
  overflow: hidden;
  color: #333;
}

.wrap-left-list li a:hover {
  color: #7719d9;
  transform: translateX(20px);
}

.wrap-left-date {
  float: left;
  width: 10%;
  margin-right: 2%;
  text-align: center;
  color: #a0a0a0;
  font-family: Arial;
  background-color: #7719d9;
  border-radius: 6px;
}

.wrap-left-date strong {
  font-size: 30px;
  line-height: 40px;
  display: block;
  background-color: #eee;
  border-radius: 0 0 6px 6px;
}

.wrap-left-date span {
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}

.wrap-left-box {
  float: left;
  width: 88%;
  line-height: 1.5;
}

.wrap-left-box h3 {
  margin: 0;
  padding-bottom: 10px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap-left-box span {
  margin-right: 10px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
  border: 1px solid #7719d9;
  border-radius: 30px;
  color: #7719d9;
}
.help .wrap-left-box span {
  border: none;
}
.wrap-left-box .icon-question {
  color: #ff7a45;
}
.wrap-left-box .icon-wodehuida {
  color: #19c582;
}

.wrap-left-box i {
  margin-right: 6px;
  font-size: 12px;
}

.wrap-left-time {
  margin: 0;
  color: #959595;
  line-height: 26px;
}

.wrap-left-time em {
  font-style: normal;
  color: #535353;
}

.wrap-left-count {
  float: right;
  width: 200px;
  height: 98px;
  padding-top: 10px;
  text-align: right;
  border-left: 1px #ddd dotted;
}

.wrap-left-count span {
  margin-bottom: 20px;
  padding: 4px 6px;
  font-weight: 400;
}

.wrap-left-count h4 {
  margin: 0;
  padding: 0;
  color: #999;
  font-weight: 400;
}

.wrap-left-count p {
  margin: 0;
  font-size: 14px;
  color: #5E5E5E;
  font-weight: 400;
}

.wrap-left-count .gron {
  font-style: normal;
  color: #f63;
  padding: 0 5px;
  font-size: 16px;
}

.left-tags {
  line-height: 24px;
  margin-bottom: 15px;
}

.left-tags a {
  display: inline-block;
  font-size: 14px;
  margin: 0 2px 10px 2px;
  padding: 0 10px;
  border-radius: 25px;
  border: 1px solid #ddd;
}

.left-tags a:hover {
  background-color: #f44336;
  color: #fff;
  border: 1px solid #f44336;
}

.contain-right {
  z-index: 1;
  float: right;
  width: 245px;
  margin-left: 10px;
  position: relative;
}

.wrap-right {
  border: 1px #eee solid;
  background: #fff;
  margin-bottom: 15px;
}

.wrap-text {
  height: 45px;
  font-size: 16px;
  padding: 9px 20px 12px;
  margin-bottom: -1px;
  border-bottom: 1px solid #ebebeb;
}

.wrap-text:before {
  content: "";
  top: 0;
  bottom: 0;
  border-left: 3px solid #f44336;
  padding-right: 10px;
}

.wrap-info {
  padding: 20px;
}

.s-detail-wrap {
  padding: 15px 40px 40px;
  overflow: hidden;
}

.s-detail-hd {
  /* margin-top: 20px; */
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}

.s-detail-hd h3 {
  font-size: 24px;
  font-weight: 400;
  color: #f44336;
}

.s-detail-info {
  padding-bottom: 10px;
  color: #999;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}

.s-detail-bd {
  padding: 25px 0px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  overflow: hidden;
}

.s-detail-page {
  padding-top: 30px;
  width: 100%;
  overflow: hidden;
  border-top: 1px #ebebeb solid;
}

.s-detail-page.am-fl {
  font-size: 14px;
  line-height: 28px;
}

.s-detail-page .am-fl p {
  margin: 0;
  line-height: 2;
  color: #999;
}

.s-detail-page .am-fl a {
  margin-left: 8px;
}

.s-detail-page .s-detail-return {
  display: block;
  margin-top: 10px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ededed;
  border-radius: 4px;
}

.s-detail-page .s-detail-return:hover {
  background-color: #f44336;
  color: #fff;
  transition: all .3s linear;
}

.s-detail-desc-wrap {
  padding: 20px;
  margin: 20px 0;
  height: 150px;
  background: #fafafa;
  border: 1px solid #eee;
  overflow: hidden;
}

.s-detail-sell-info {
  float: left;
  _display: inline;
  width: 500px;
}

.s-detail-img {
  float: left;
  width: 90px;
  height: 90px;
  font-size: 12px;
  text-align: center;
}

.s-detail-img p {
  margin: 0;
  padding-top: 10px;
}

.s-detail-box {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
}

.s-detail-box dt {
  width: 100px;
  padding-right: 10px;
  float: left;
  _display: inline;
  text-align: right;
  font-weight: normal;
  color: #333;
}

.s-detail-box dd {
  margin-left: 106px;
  line-height: 1.5;
}

.s-detail-box dd b {
  font-family: 'Arial';
}

.s-detail-tip {
  width: 150px;
  padding: 4px 8px;
  line-height: 30px;
  font-weight: 400;
  font-size: 16px;
}

.s-detail-count {
  float: right;
  margin-right: 50px;
  width: 230px;
  height: 100px;
  border-left: 1px #eee solid;
}

.s-detail-count h4 {
  margin-bottom: 5px;
  text-align: right;
  font-size: 14px;
  color: #535353;
  font-weight: normal;
}

.s-detail-count p {
  padding-top: 2px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #5E5E5E;
  font-weight: 400;
}

.s-detail-count .gron {
  font-family: 'Arial';
  font-style: normal;
  color: #f44336;
  padding: 0 5px;
  font-size: 14px;
}
/* 翻页 */
.am-page {
  margin: 20px auto;
  color: #f44336;
  height: 60px;
  padding: 20px;
  text-align: center;
}

.am-page a,
.am-page strong {
  padding: .2em 1em;
  border: 1px solid #ddd;
  background-color: #fff;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  margin-left: 3px;
  color: #363d4c;
  border-radius: 25px;
  font-size: 14px;
}

.am-page a:hover {
  z-index: 2;
  border-color: #d9d9d9;
  background-color: #f1f1f1;
  color: #363d4c;
  cursor: pointer;
}

.am-page strong {
  color: #fff;
  background: #7719d9;
  border-color: #7719d9;
  font-weight: normal;
}
/* 新闻详情页顶部 */
.s-detail-hd {
  /* margin-top: 20px; */
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}
.s-detail-hd h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1.6rem;
  color: #2c2c2c;
}
.am-margin-right-sm {
  margin-right: 1rem;
}
.s-detail-content{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0px;
  max-width: 100%;
  font-size: 14px;
  color: #888;
  box-sizing: border-box;
  line-height: 2.5em;
}
/* 新闻详情页底部css */
.news-page{
  margin: 20px auto;
  color: #f44336;
  height: 60px;
  text-align: left;
}
.news-page .pages{
  margin: 10px 0; 
}
.news-page span{
  border: 1px solid #7719d9;
  margin-right: 10px;
  border-radius: 20px;
  padding: 5px 20px;
}
/* 案例展示 */
.anli{  padding-top:40px; padding-bottom:120px}
.anli_ul{overflow:hidden;}
.anli_ul li{ margin-top:60px}
.anli_ul_div{ border-radius:5px; background:#FFF; position:relative;transition: .3s;}
/* .anli_ul_div:hover {box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);border-color: #fff;transform: translateY(-20px);} */
.anli_ul_div:hover {border-color: #fff;transform: translateY(-20px);}
.anli_ul_div_img{ margin: auto;
  width: 250px;
  height: 511px;
  position: relative;
  overflow: hidden;
  background: url(../images/mobile.png) no-repeat center/cover;}
.anli_ul_div_img-side{    width: 85%;position: absolute;top: 12%;left: 8%; }
.anli_ul_div_img .img{ width:100%; }
.anli_ul_div_img .logo{ width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%}
.anli_ul_div_title{ text-align:center; font-size:16px; color:#383838;padding:10px 0;}
.anli_ul_div_desc{ margin:0 30px; text-align:justify; margin-top:20px; line-height:22px; color:#999999; font-size:14px; padding-bottom:30px}
.anli_ul_div_t{ 
  opacity: 0;
  position: absolute;
  top: 108%;
  left: 7%;
  z-index: 10;
  width: 86%;
  height: 74%;
  cursor: pointer;
  background: rgba(0,0,0,0.5);
  transition: all ease 0.3s;
}
.anli_ul_div_t_1{ position:relative; width:100%; height:100%}
.anli_ul_div_t_1_1{ position:absolute; width:150px; left:50%; top:50%; transform:translate(-50%,-50%)}
.anli_ul_div_t_1_1 img{ width:150px; height:150px; display:block;transition: all ease 0.3s;}
.anli_ul_div_t_1_1 p{ text-align: center; color:#fff; margin-top: 15px;}
.anli_ul_div_img:hover .anli_ul_div_t{ opacity:1;top:12%;}
/* 功能列表 */
.headtit {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eaeaea;
  line-height: 60px;
  text-align: center;
  background: #f4faff;
  position: relative;
  font-weight: bold;
  color: #2389ed;
  font-size: 22px;
}
.edtion {
  width: 100%;
  margin: 0 auto;
  /* display: flex!important; */
  border-right: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  margin-bottom: 100px;
}
/*banner*/
div,p {
	box-sizing: border-box;
}
.banner{
	color: #FFF;
	height: auto;
	width: 100%;
}
.banner img{
	width: 100%;
	height: 100%;
}
.banner h3{
	font-size: 73px;
	line-height: 120px;
	margin-top: 84px;
	font-weight: lighter;
}
.banner p{
	font-size: 21px;
}

.edtion {
	width: 100%;
	margin: 0 auto;
	display: flex;
	border-right: 1px solid #eaeaea;
  margin-bottom: 100px;
}
.edtion div {
	width: 12.5%;
	background: #fff;
  border-left: 1px solid #eaeaea;
  box-shadow: none;
  
}
.edtion .borbot {
	border-bottom: 1px solid #eaeaea;
}

.edtion p {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
  color: #666;
  overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #eaeaea;
}
.edtion img {
  /* padding-top: 10px; */
  display: inline-block;
}
.edtion .titlist {
	height: 60px;
	line-height: 60px;
	background: #f4faff;
}
.edtion .widthmore {
	width: 37.5%;
}
.edtion .fun-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.edtion .fun-content .icon-dui{
  color: #95df8f;
  font-size: 20px;
}
.edtion .fun-content .icon-cuo{
  color: #ff795c;
  font-size: 20px;
}
.edtion .shadow:hover {
	box-shadow: 0 2px 10px 4px rgba(50,150,240,0.18);
	z-index: 100;
  border: none;
  position: relative;
}
/* .edtion .fun-content p{
  float: left;
  width: 20%;
} */
.edtion .fun-content p.fun{
  /* width: 30%; */
  flex: 2;
}
.edtion .fun-content p.fun-title{
  border-left: 1px solid #eaeaea;
  /* width: 14%; */
  flex: 1;
}
.edtion .fun-content p.h2{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.edtion .fun-content p.h2 .active{
  border: 1px solid #4a86e8;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 20px;
    color: #4a86e8;
    font-weight: normal;
    font-size: 14px;
}
.edtion .fun-content p.h2 .active:hover{
    color: #fff;
    background: #7719d9;
}
.edtion .fun-content:first-child{
  /* height: 60px;
  line-height: 60px; */
}
.edtion .fun-content:nth-child(odd) {
	background: #f4faff;
}
.edtion .borbot p:nth-child(odd) {
	background: #fff;
}
.edtion span.iconfont {
	display: inline-block;
	transform: rotate(-90deg);
}
.edtion .boxshadow:hover p {
	border: none;
	background: #fff;
}
.edtion .boxshadow:hover {
	box-shadow: 0 2px 10px 4px rgba(50,150,240,0.18);
	z-index: 100;
	border: none;
}
.edtion .boxshadow:hover .titlist {
	background: #7719d9;
	color: #fff;
}
.hoticon {
	position: relative;
	overflow: hidden;
}
.hoticon:after {
	content: '';
    position: absolute;
    width: 86px;
    height: 48px;
    background: #ff5555;
    top: -20px;
    right: -28px;
    transform: rotate(36deg);
    z-index: 98;
}
.hoticon:before, .hottd2::before {
    position: absolute;
    content: "热销";
    color: rgb(255, 255, 255);
    top: -18px;
    right: 0px;
    font-size: 12px;
    padding: 5px 3px 0px 20px;
    z-index: 99;
}
.borbot p {
	cursor: pointer;
}
.borbot p:hover {
	color: #0b86f9;
}
.edtion .height {
	height: 68px;
    line-height: 30px;
    padding: 4px 0;
}
.edtion .height img {
	padding-top: 20px;
}
.borbot .active {
	color: #0b86f9;
}
.borbot #plugin.active {
	color: #ff6a53;
}
.borbot #plugin:hover {
	color: #ff6a53;
}
html body .borbot #plugin {
	color: #ff6a53;
	font-weight: bold;
}
.moreplugin,.appfunc {
	display: none;
}

.tablefixtr {
	position: fixed;
	top: -200px;
	left: 50%;
	margin-left: -600px;
	background: #fff;
	z-index: 100;
	/*transition: all .3s;*/
	z-index: 101;
}

.attentain {
	font-size: 14px;
	line-height: 36px;
	color: #444;
	padding: 60px 0;
	border-top: 1px solid #ebebeb;
}
.attentain li {
	float: inherit;
}
.attentain p {
	font-size: 22px;
	color: #333;
	/* margin-bottom: 20px; */
}
.attentain li span {
	/* color: #0a86fa; */
	display: inline-block;
	/* width: 126px; */
	margin-right: 10px;
}
.wrapper {
  width: 100%;
  padding: 0 0 10px;
  
  margin: 0 auto;
}
.attentain-contain ul{
  text-align: justify;
}
/* 帮助中心搜索框 */
.searchbox {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.search-area {
  float: left;
  width: 500px;
  line-height: 22px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  /* border-top-left-radius:50px;
  border-bottom-left-radius:50px; */
}
.search-btn {
  float: left;
  width: 56px;
  height: 44px;
  background-color: #fff;
  background-position: 15px 10px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  cursor: pointer;
  /* border-top-right-radius:50px;
  border-bottom-right-radius:50px; */
}
.icons {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
}

.seo-theme .latest-blog .single-blog .post h5 a, .seo-theme .latest-blog .single-blog .post h4 a, .seo-theme .latest-blog .single-blog .post p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.single-blog .post{
  height: 160px;
}
/* 在线客服 */

.kf-open{
  width: 40px;
  height: 198px;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 50%;
  color: #fff;
  margin-top: -99px;
  background: #7719d9;
  cursor: pointer;
  text-align: center;
  padding: 40px 10px;
  line-height: 25px;
  font-size: 16px;
  box-sizing: border-box;
  box-shadow: 0px 2px 40px 0px rgba(60, 72, 86, 0.3);
}
.kf-open-open{
  display: none;
}
.contactBox {
  position: fixed;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 999;
}
.contactBox .head {
  position: relative;
  text-align: center;
  top: 40px;
}
.contactBox .content {
  padding: 40px 20px 10px 20px;
  background: #fff;
  box-shadow: 0px 2px 40px 0px rgba(60, 72, 86, 0.3);
  border-radius: 8px;
}
.contactBox .content .close{
  position: absolute;
  top: 42px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  opacity: 1;
  padding: 1px 2px;
  font-size: 18px;
  color: #7719d9;
  border-radius: 20px;
}
.contactBox .head img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  display: inline-block;
	animation: lds-icon 2s ease-in-out infinite;
}
@keyframes lds-icon{
  0%{
      transform: scale(1);  /*开始为原始大小*/
  }
  25%{
      transform: scale(1.2); /*放大1.1倍*/
  }
  50%{
      transform: scale(1);
  }
  75%{
      transform: scale(1.2);
  }
}
.contactBox .content .tip {
  font-size: 12px;
  text-align: center;
  margin-top: 7px;
  margin-bottom: -5px;
}
.contactBox .content .wechat {
  padding: 10px 0px;
  text-align: center;
}
.contactBox .content .phone {
  text-align: center;
}
.contactBox .btnBox {
  padding: 20px 0px;
}
.contactBox .content .wechat img {
  width: 144px;
  height: 144px;
  display: inline-block;
}
.contactBox .content .phone .title {
  font-size: 14px;
  line-height: 20px;
  color: #7719d9;
  margin: 0;
}
.contactBox .content .phone .des {
  font-size: 20px;
  font-weight: bold;
  color: #7719d9;
  margin: 0;
}
.contactBox .btnBox .zxkf {
  font: 14px Arial, "Microsoft YaHei", 黑体, 宋体, sans-serif;
  border: 0px;
  display: block;
  text-align: center;
  width: 160px;
  height: 36px;
  line-height: 36px;
  background: linear-gradient(200deg, #7719d9, #bb58ff);
  cursor: pointer;
  border-radius: 4px;
  color: #fff;
  outline: none;
}
.contactBox .btnBox .zxkf a, .contactBox .btnBox .zxkf a:hover{
  color:#fff;
}
.footer-center{
  padding: 30px 0;
}
.footer-center h2{
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  font-size: 26px;
  margin-bottom: 15px;
}
.bottom-contact{
  background: #fff;
  color: #7719d9;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  box-shadow: 0 0 8px 0 rgba(59,62,83,.1);
}
.bottom-contact .contact-left, .bottom-contact .contact-right{
  margin: auto;
  position: relative;
  width: 50%;   
  float: left;                        
}                   
.bottom-contact .contact-left::after{
  content: "";
  position: absolute;                     
  width: 2px;                                           
  height: 20px;
  right: 0;                                                   
  background-color: #7719d9;
  top: 15px;
}
.bottom-contact i{
  align-items: baseline;
  margin-right: 5px;
  font-size: 18px;
}

.our-product .shadow{
  -webkit-box-shadow: 0 0 10px #ebedf3;
  box-shadow: 0 0 10px #ebedf3;
}

.seo-theme .our-product .single-product{
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
  min-height: 200px;
}
.our-product .row{
  margin: 60px -15px 0;
}
.product-top{
  display: flex;
  /* justify-content: space-between; */
}
.product-top-logo{
  width: 65px;
  height: 65px;
  margin-right: 15px;
  /* overflow: hidden; */
}
.product-top-title p{
  font-size: 22px;
}
.product-middle{
  margin: 15px 0;
}
.product-middle p{
  color: #b4b4b4;
  line-height: 20px;
  min-height: 40px;
  -webkit-line-clamp:2;
}
.prduct-bottom-care-info{
  background-color: #f7f7f7;
  border-radius: 30px;
  padding: 0px 15px;
  display: inline-block;
}
.prduct-bottom-care-info span{
  color: #7719d9;
}
.prduct-bottom-detail{
  float: right;
  border-radius: 3px;
  border: 1px solid #c5c5c5;
  padding: 0 8px;
  color: #c5c5c5;
}
.seo-theme .our-product .single-product:hover{
  transform: translateY(-20px);
  background: #7719d9;
}
.seo-theme .our-product .single-product:hover img{
  transform: scale(1.1);
  transition: all .5s ease-in-out;
}
.seo-theme .our-product .single-product:hover .prduct-bottom-detail{
  background: #fff;
  color: #7719d9!important;
  border: none;
}
.seo-theme .our-product .single-product:hover .product-middle p, .seo-theme .our-product .single-product:hover .product-top-title h2, .seo-theme .our-product .single-product:hover .product-top-title p{
  color: #fff;
}
.product-top-title h2{
  font-size: 20px;
  color: #7719d9;
  margin-top: 15px;
}
#mega-menu-holder .menu_li::before{
  content: "";
  height: 2px;
  position: absolute;
  width: 0px;
  z-index: 1;
  background: #7719d9;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
}
#mega-menu-holder .menu_li:hover::before{
  width: 100%;
}

/* 底部浮窗 */
.footer_kf { height:130px; width:100%; position:fixed; bottom:0; left:0; z-index:8888;background:#7719d9;}
	.fd_box { height:130px; position:fixed; width:100%; bottom:0; left:0; z-index:666;}
	.fd_box01 { width:100%; position:relative; bottom:0; }
	.fd_box02 { margin:0 auto; width:1920px; position:relative; bottom:0; z-index:888;max-width: 100%;}
	.fd_gb { width:26px; height:26px; position:absolute; right: 22%; top:20px;z-index: 1001;}
  .fd_gb.see {width: 100px; height: 30px; line-height: 30px; position:absolute; right: 24%; top:50px;z-index: 1001; background: linear-gradient(135deg, #8b5bfd, #0b92fd); color: #fff;text-align: center;border-radius: 2px; transition: .2s;}
  .fd_gb.see:hover{color: #6f1fde;}
	/* .fd_gb:hover { transform: rotate(180deg); transition: transform .3s;} */
	.fd_tu { width:100%; position:absolute; left:0;}
	.fd_left { display:block; width:144px; height:130px; position:fixed; left:0; bottom:0!important; z-index: 1000;}
	.yqlj_box a { display:block; float:left; padding:0 10px; height:26px; line-height:26px; color:#666; margin:0 10px 5px 5px}
  .yqlj_box a:hover { color:#f31c1c;}
  .keifu_close{width: 26px;height: 26px;background: url(../images/db_img05.png) no-repeat;transition: transform .3s;}
  .keifu_close:hover{transform: rotate(180deg);}

/* 按钮渐变 */
.hoverable{
  position: relative;
  font-weight: 400;
  text-align: center;
  width: auto;
  font-size: .21rem;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  border-radius: .35rem;
  text-align: center;
  height: 100%;
}

.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}

.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}

.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.hoverable .anim {
  -moz-animation: anim-out .75s;
  -webkit-animation: anim-out .75s;
  animation: anim-out .75s;
}

.hoverable .anim:after {
  -moz-animation: anim-out-pseudo .75s;
  -webkit-animation: anim-out-pseudo .75s;
  animation: anim-out-pseudo .75s;
}

.hoverable .anim,.hoverable .anim:after {
  animation-iteration-count: infinite;
  animation-duration: 1.3s;
}


@-webkit-keyframes anim-out {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@-moz-keyframes anim-out {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@-ms-keyframes anim-out {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@keyframes anim-out {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@-webkit-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25);
  }

  100% {
      background: transparent;
  }
}

@-moz-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25);
  }

  100% {
      background: transparent;
  }
}

@-ms-keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25);
  }

  100% {
      background: transparent;
  }
}

@keyframes anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.2);
  }

  100% {
      background: transparent;
  }
}

.seo-theme #google-map-area .row .icon{
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: 7px;
  color: #fff;
  font-size: 22px;
  margin: 10px auto;
  background: #4a86e8;
}
.contact .row{
  border-bottom:none;
}
.seo-theme #google-map-area .row .text h6{
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
  color: #393939;
}
.seo-theme #google-map-area .row .text{
  padding: 10px 0;
}
.seo-theme #google-map-area .row .text span{
  font-size: 16px;
}

.seo-theme .join_advantage{
  padding: 0;
}

.join_process .single-team-member .img{
  padding: 45px;
  background: #fff;
  position: relative;
  overflow: initial;
}
.join_process .single-team-member .img::after{
  content: '';
  position: absolute;
  right: -30px;
  width: 30px;
  height: 1px;
  background: #afafaf;
  top: 50%;
}
.join_process .row{
  position: relative;
}
.join_advantage .row img{
  width: 100%;
}
/* .join_process .row::before{
  content: "";
  position: absolute;
  background: #cecece;
  height: 1px;
  top: 35%;
  left: 0;
  width: 100%;
  z-index: -1;
} */

/* ------------- 招商加盟 --------------*/
.join_submit .row {
  margin-bottom: 50px;
}
.our-about .row h4 {
  font-weight: 500;
  font-size: 38px;
  margin-bottom: 55px;
  color:#2f373a;
}
.our-about .row .contact-us-form .row {
  margin: 0 -10px;
}
.our-about .row .contact-us-form .row [class*="col-"] {
  padding: 0 10px;
}
.our-about .row .contact-us-form form .single-input {
  margin-bottom: 22px;
}
.our-about .row .contact-us-form form input,
.our-about .row .contact-us-form form textarea {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  border:1px solid #ececec;
  padding: 0 15px 0 15px;
  border-radius: 5px;
}
.our-about .row .contact-us-form form input {
  height: 50px;
}
.our-about .row .contact-us-form form textarea {
  height: 165px;
  max-height: 165px;
  padding: 15px;
}
.our-about .row .contact-us-form form button {
  border-radius: 5px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}
.theme-inner-join{
  position: relative;
  margin-bottom: 80px;
}
.theme-inner-join .banner, .theme-inner-join .banner img{
  width: 100%;
}
.theme-inner-join .opacity{
  position: relative;
}
.theme-inner-join .opacity img{
  position: absolute;
  left: 50%;
  top: -72px;
  transform: translateX(-50%);
}
.theme-inner-join .title{
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 40%;
  font-size: 36px;
  color: #fff;
  line-height: 70px;
  text-align: center;
}
.theme-inner-join .title .sub-title{
  font-size: 20px;
  color: #fff;
}
.theme-inner-join .title .join-us{
  margin-top: 15px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.theme-inner-join .title .join-us .join-us-in{
  padding: 5px 0;
  margin: 0 15px;
  background: #7719d9;
  border-radius: 100px;
  width: 125px;
  line-height: 30px;
  font-size: 16px;
}
.theme-inner-join .title .join-us .join-us-in:nth-child(2){
  border: 1px solid #fff;
  background: none;
}
.theme-inner-join .title .join-us .join-us-in:hover{
  background: #4a86e8;
  border: 1px solid #4a86e8;
}
.theme-inner-join .title .join-us .join-us-in a{
  color: #fff;
}
.our-product .see-more:hover{color: #fff;}
.ad-on-true{display: none;}
.fun-top.fixed{
  position: fixed;
  top: 85px;
  width: 1230px;
  max-width: 100%;
}
/* 中间弹窗 */
#auto-popup {
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  animation-fill-mode: both;
  animation-duration: 2s;
}
.auto-popup-tips {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 500px;
}
.auto-popup-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
#auto-popup-shops-url {
  width: 166px;
  position: absolute;
  bottom: 21%;
  left: 43%;
  margin: -50px;
}
.become-big {
  -webkit-animation: become-big 2s cubic-bezier(.45,.05,.55,.95) 0s infinite normal;
  -moz-animation: become-big 2s cubic-bezier(.45,.05,.55,.95) 0s infinite normal;
  -ms-animation: become-big 2s cubic-bezier(.45,.05,.55,.95) 0s infinite normal;
  -o-animation: become-big 2s cubic-bezier(.45,.05,.55,.95) 0s infinite normal;
  animation: become-big 2s cubic-bezier(.45,.05,.55,.95) 0s infinite normal;
}
@keyframes become-big{
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}