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

    Template: Shopzone
	Css Name: Main Css
	Version: 1
	Design and Developed by:Shopzone Theme

==============================================
    
  CSS INDEX
  ===================
	
  1. Default Google Font
	2. Category Banner
	3. Section Titel Css
	4. Deal For Month
	5. This Month Top Sale
	6. Adds Area
	7. Product Tab
	8. Newsletter
	10. Blog Area
	11. Service Area
	12. Client Area
	13. Testimonail Area
	14. On Sale Product
	15. Fotter Area
	16. Banner Area
	17. Shop Grid Page
	18. Single Product Page
	26. Blog Details Page
	28. ScrollUp

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

/* ============= 1. Default Google Font ============= */
/* Now in head.tpl! */
/* ============= 2. Category Banner ============= */
.cate-bnr-sngle {
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.cate-content {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  padding-top: 0px;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  padding-top: 38%;
}

.cate-bnr-sngle:hover .cate-content {
  opacity: 1;
}

.cate-content h6 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 20px;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.cate-content>a {
  border: 1px solid #19328e;
  color: #fff;
  display: inline-block;

  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
}

.cate-content>a:hover {
  background: #4d76cc;
}

.about-us-content h2 {
  font-size: 24px;
  margin: 0 0 30px;
  text-transform: uppercase;
}

.about-us-content p {
  line-height: 32px;
  margin-bottom: 30px;
}

/* ============= 3. Section Titel Css ============= */
.section-titel {
  position: relative;
  display: block;
}

.section-titel>h3 {
  margin: 0;
  font-weight: 700;
  color: 444;
}

.section-titel::after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 440px;
}

.section-titel::before {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #cddaf1;
  background-image: url(/assets/template/img/icon/section.png);
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  bottom: -26px;
  color: #595959;
  content: "";
  font-size: 16px;
  font-weight: 700;
  height: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 999;
}

.section-titel.style-two::after {
  background: #19328e none repeat scroll 0 0;
}

.section-titel.style-two::before {
  background-color: #fff;
}

/* ============= 4. Deal For Month ============= */
.deal-month-right {
  border-radius: 9px;
  margin-left: 125px;
  padding: 40px;
}

.cdown {
  display: inline-block;
  color: #444444;
  text-align: center;
  margin-top: 10px;
  position: relative;
  width: 60px;
  height: 60px;
  font-family: "Exo 2", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  background: transparent;
}

.cdown.days>p,
.cdown.hour>p,
.cdown.minutes p,
.cdown.second p {
  font-size: 14px;
  font-weight: 600;
  color: #444444;
  margin: 0 0 5px;
}

.time-count {}

.cdown.days,
.cdown.hour,
.cdown.minutes,
.cdown.second {
  margin-left: 12px;
  margin-right: 12px;
}

.main-content>h2 {
  color: #444444;
  font-size: 36px;
  font-weight: 300;
  margin: 30px 0;
}

.main-content h4 {
  font-weight: 600;
  margin: 0;
}

.main-content>p {
  margin: 32px 0 37px;
}

.deal-btn>a {
  background: #19328e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.deal-btn>a:hover {
  background: #444444;
}

.deal-btn span a {
  color: #4d76cc;
  margin-top: 9px;
  text-transform: uppercase;
  display: block;
}

.deal-btn span a:hover {
  color: #444444;
}

/* ============= 5. This Month Top Sale ============= */
.product-details>h4 {
  margin: 0 0 5px;
}

.product-details>h4 a {
  color: #262626;

  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.product-details>h4 a:hover {
  color: #4d76cc;
}

.product-details h4 span {
  color: #999999;

  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px;
}

.rating-box i {
  color: #4d76cc;
  font-size: 10px;
}

.price-box {
  margin-top: 5px;
}

.old-price,
.new-price {
  color: #999999;

  font-size: 17px;
  font-weight: 700;
}

.new-price {
  color: #262626;
}

.single-img,
.single-product {
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.pro-level {
  background: #19328e none repeat scroll 0 0;
  color: #fff;
  left: 0;
  padding: 10px 12px;
  position: absolute;
  top: 0;
  z-index: 999;
}

.hover-content {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}

.single-product:hover .hover-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-img img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  -o-transition: opacity 1s ease 0s, transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s,
    -webkit-transform 1s ease 0s;
}

.single-product:hover .single-img img {
  -webkit-transform: scale3d(1.2, 1.2, 2);
  transform: scale3d(1.2, 1.2, 2);
}

.hover-content ul {
  margin: 65px auto;
  opacity: 0;
  text-align: center;
  -webkit-transform: translatex(-65px);
  -ms-transform: translatex(-65px);
  transform: translatex(-65px);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 20px;
}

.single-product:hover .hover-content ul {
  opacity: 1;
  -webkit-transform: translatex(0px);
  -ms-transform: translatex(0px);
  transform: translatex(0px);
}

.hover-content ul li a {
  background: transparent none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 35px;
  display: block;
}

.hover-content ul li a:hover {
  background: #19328e none repeat scroll 0 0;
}

/* Product Owl Theme */
.top-sale-month-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 25px;
  top: -130px;
}

.top-sale-month-area .owl-theme .owl-nav [class*="owl-"] {
  background: transparent none repeat scroll 0 0;
  border-radius: 3px;
  color: #4d76cc;
  cursor: pointer;
  font-size: 39.84pt;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.top-sale-month-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: #444444;
  text-decoration: none;
}

/* ============= 6. Adds Area ============= */
.adds-area .container-fluid,
.instragam-area .container-fluid {
  display: block;
  overflow: hidden;
  padding: 0;
}

.single-adds,
.middle-single {
  position: relative;
  display: block;
  overflow: hidden;
}

.middle-single {
  width: 100%;
}

.adds-content,
.middle-content {
  left: 50px;
  position: absolute;
  top: 42px;
  width: 100%;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  visibility: hidden;
}

.single-adds:hover .adds-content {
  opacity: 1;
  visibility: visible;
}

.middle-single:hover .middle-content {
  opacity: 1;
  visibility: visible;
}

.adds-content>h3 {
  color: #444444;

  font-size: 40pt;
  font-weight: 700;
  line-height: 90px;
}

.single-adds:hover .adds-content>h3 {
  color: #fff;
}

.adds-content h2 {
  color: #19328e;

  font-size: 50pt;
  font-weight: 700;
  margin: 0 0 70px;
}

.adds-content>a {
  background: #19328e none repeat scroll 0 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 45px 10px 30px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.adds-content>a:hover {
  background: #444444 none repeat scroll 0 0;
}

.offer-box {
  background: #e9ebee none repeat scroll 0 0;
  border-radius: 100%;
  display: block;
  height: 200px;
  margin: 60px auto 0;
  overflow: hidden;
  padding: 52px 0;
  width: 200px;
}

.offer-box h3 {
  color: #4d76cc;
  font-size: 44pt;
  font-weight: 700;
  line-height: 55px;
  margin: 0;
}

.offer-box span {
  font-size: 26pt;
  color: #4d76cc;
  font-weight: 700;
  text-transform: lowercase;
}

.adds-middle {
  display: block;
  float: left;
  overflow: hidden;
}

.middle-content>h1 {
  color: #444444;
  font-size: 40pt;
  font-weight: 700;
  margin: 0 0 25px;
  text-transform: uppercase;
}

.middle-single:hover .middle-content>h1,
.middle-single:hover .middle-content>h3 {
  color: #fff;
}

.middle-content>h2 {
  color: #19328e;

  font-size: 50pt;
  font-weight: 700;
}

.middle-content>h3 {
  color: #444444;
  display: block;

  font-size: 40pt;
  font-weight: 700;
  line-height: 85px;
  overflow: hidden;
  text-transform: uppercase;
}

.adds-content a span {
  font-size: 20px;
  line-height: 15px;
  margin-left: 5px;
  margin-top: 0;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.adds-content a:hover span {
  margin-left: 2px;
}

.single-adds,
.middle-single {
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-adds::before,
.middle-single::before {
  background-color: #000;
  bottom: 15px;
  content: "";
  left: 15px;
  opacity: 0;
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.single-adds:hover::before,
.middle-single:hover::before {
  opacity: 0.4;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* ============= 7. Product Tab ============= */
.tab-menu {
  display: block;
  margin-bottom: 86px;
  position: relative;
}

.tab-menu.section-titel::after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 55px;
  width: 565px;
}

.tab-menu.section-titel.style-two::after {
  background: #19328e none repeat scroll 0 0;
}

.tab-menu ul li a {
  font-family: "Exo 2", sans-serif;
  font-size: 26px;
  font-weight: 700;
  margin: 0 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tab-menu ul li.active a {
  color: #4d76cc;
}

.style-two .hover-content ul {
  left: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 30%;
  -webkit-transform: translateX(-65px);
  -ms-transform: translateX(-65px);
  transform: translateX(-65px);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 20px;
}

.style-two .hover-content {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

/* ============= 8. Newsletter ============= */
.newsletter-area .container-fluid {
  padding-left: 150px;
  padding-right: 150px;
}

.newsletter-content span {
  color: #4d76cc;
  float: left;
  font-size: 50pt;
  margin-right: 20px;
}

.text {
  display: block;
  overflow: hidden;
  padding-top: 12px;
}

.newsletter-content .text h3 {
  font-weight: 700;
  margin: 0 0 5px;
}

.newsletter-content .text p {
  margin: 0;
}

.subcribe-newsletter {
  padding-top: 17px;
}

.subcribe-newsletter input {
  background: #fff none repeat scroll 0 0;
  border: 0 solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444444;
  font-size: 12px;
  font-weight: normal;
  height: 60px;
  padding-left: 30px;
  position: relative;
  width: 100%;
}

.subcribe-newsletter button {
  background: #19328e none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-weight: 700;
  height: 60px;
  position: absolute;
  right: 16px;
  text-transform: capitalize;
  width: 249px;
  top: 17px;
}

.subcribe-newsletter button:hover {
  background: #444444;
}

/* Mail Chimp */
.mailchimp-submitting {
  color: #31708f;
}

.mailchimp-success {
  color: #3c763d;
}

.mailchimp-error {
  color: #a94442;
}

/* ============= 9. Instragram Feed ============= */
.instragam-area .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}

.instragam-single a img {
  width: 100%;
}

.instragam-main a {
  display: block;
  position: relative;
}

.instragam-content {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  height: 100%;
  padding-top: 108px;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.instragam-single:hover .instragam-content {
  opacity: 1;
}

.instragam-content a i {
  display: block;
  font-size: 40px;
  overflow: hidden;
  color: #fff;
}

.instragam-content>span {
  color: #4d76cc;
  display: block;

  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}

.instragam-content>h3 {
  font-weight: 800;
  margin-bottom: 112px;
  color: #fff;
}

.instragam-content>a {
  color: #4d76cc;
  font-size: 14px;
}

.instragam-content>a:hover {
  color: #fff;
}

.instragam-content a i:hover {
  color: #4d76cc;
}

/* ============= 10. Blog Area ============= */
.blog-left-single>img {
  float: left;
}

.blog-content {
  background: #e9ebee none repeat scroll 0 0;
  display: block;
  overflow: hidden;
  padding: 50px 0 50px 30px;
}

.date-athr span {
  color: #4d76cc;
  float: left;
  font-size: 18px;
  margin-right: 10px;
}

.date-athr>h6 {
  color: #4d76cc;
  display: block;

  font-weight: normal;
  overflow: hidden;
  padding-top: 4px;
}

.blog-content-text>h4 {
  color: #333333;

  font-size: 20px;
  font-weight: 700;
}

.blog-content-text>a {
  color: #4d76cc;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.blog-content-text>a:hover {
  color: #444444;
}

.blog-content-text>a span {
  margin-left: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.blog-content-text>a:hover span {
  margin-left: 5px;
}

span.date {
  color: #333333;
  display: block;
  font-size: 14px;
  margin: 5px 0 12px;
  overflow: hidden;
  width: 100%;
}

.blog-content-text>h4 {
  color: #333333;

  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
}

.blog-content-text>p {
  margin: 0 0 52px;
}

/* .blog-left-single,.blog-right-single{
  display: block;
  overflow: hidden;
  position: relative;
}
.blog-left-single::after,.blog-right-single::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0%;
  width: 100%;
  opacity:0;
  transition:.5s;
  visibility:hidden;
}
.blog-left-single:hover::after,.blog-right-single:hover::after{opacity:1;visibility:visible;}
.blog-left-single > a,.blog-right-single > a {
  position: absolute;
  background: #19328e none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 40px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  right: 0;
  text-align: center;
  top: 0;
  width: 80px;
  z-index: 999;
  opacity:0;
  transition:.3s;
  visibility:hidden;
}
.blog-right-single > a {top: 0;}
.blog-left-single:hover a,.blog-right-single:hover a{opacity:1;visibility:visible;top:39%;}
.blog-right-single:hover a{top:45%;}*/
.blog-social-icon ul li a {
  background: #19328e none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
  text-align: center;
  width: 30px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.blog-social-icon ul li a:hover {
  background: #444444;
}

.blg-img {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
}

.blg-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.blog-left-single:hover .blg-img::after,
.blog-right-single:hover .blg-img::after {
  opacity: 1;
  visibility: visible;
}

.blg-img>a {
  background: #19328e none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 36px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 80px;
  z-index: 999;
}

.blg-img>a:hover {
  background: #444444 none repeat scroll 0 0;
}

.blog-left-single:hover .blg-img>a,
.blog-right-single:hover .blg-img>a {
  opacity: 1;
  visibility: visible;
  top: 38%;
}

.blog-social-icon {
  padding: 28px 0;
}

.blog-right-single .blog-content-text>p {
  margin: 0px;
}

/* ============= 11. Service Area ============= */
.service-top>h6 {
  color: #4d76cc;

  font-size: 12pt;
  font-weight: normal;
  margin: 0 0 25px;
}

.service-top>h4 {
  font-size: 20pt;
  font-weight: 700;
  margin: 0;
}

.single-service i {
  color: #4d76cc;
  display: block;
  font-size: 30pt;
  margin-bottom: 35px;
}

.single-service h4 {
  color: #777;

  font-size: 20pt;
  font-weight: 600;
  margin: 0 0 20px;
}

.single-service p {
  margin: 0;
}

.single-service.middle-border {
  display: block;
  position: relative;
}

.single-service.middle-border::after {
  background: #19328e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 130px;
  left: -18px;
  position: absolute;
  right: 0;
  width: 1px;
}

.single-service.middle-border::before {
  background: #19328e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 130px;
  position: absolute;
  right: -11px;
  width: 1px;
}

/* ============= 12. Client Area ============= */
.client-area .owl-carousel .owl-item img {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: auto;
}

.client-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 45%;
  width: 100%;
}

.client-area .owl-theme .owl-nav [class*="owl-"] {
  background: transparent none repeat scroll 0 0;
  border-radius: 3px;
  color: #4d76cc;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  margin: 0;
  padding: 4px 7px;
}

.client-area .owl-theme .owl-nav [class*="owl-"]:hover {
  color: #444444;
}

.client-area .owl-prev {
  left: 70px;
  position: absolute;
}

.client-area .owl-next {
  position: absolute;
  right: 70px;
}

.client-slider-single {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 50px 0 56px;
}

.client-content h3 {
  color: #4d76cc;

  font-size: 12pt;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: 35px;
  text-transform: uppercase;
}

.client-content h5 {
  color: #999999;

  font-size: 12pt;
  font-style: italic;
  font-weight: normal;
  margin: 0 auto 20px;
  position: relative;
  text-align: center;
  width: 34%;
}

.client-content h5::after {
  background: #19328e none repeat scroll 0 0;
  bottom: 3px;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  width: 100px;
}

.client-content h5::before {
  background: #19328e none repeat scroll 0 0;
  bottom: 3px;
  content: "";
  height: 1px;
  position: absolute;
  right: 0px;
  width: 100px;
}

.sin-text>p {
  color: #444444;
  font-size: 12pt;
  font-weight: 400;
  margin: 0 auto;
  text-align: center;
  width: 600px;
  margin-bottom: 0;
}

/* ============= 13. Testimonail Area ============= */
.testimonial-area .owl-theme .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #4d76cc;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.testimonial-area .owl-theme .owl-nav i {
  line-height: 48px;
}

.testimonial-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top: 27%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.testimonial-area .owl-prev {
  left: -66px;
  position: absolute;
}

.testimonial-area .owl-next {
  position: absolute;
  right: -66px;
}

.testimonial-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: #19328e none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}

/* ============= 14. On Sale Product ============= */
.on-sale-heading>h3 {
  color: #666666;

  font-size: 20pt;
  font-weight: 700;
  margin: 0 0 45px;
  text-transform: uppercase;
}

.onsale-img {
  display: block;
  float: left;
  margin-right: 20px;
}

.onsale-single,
.onsale-content {
  display: block;
  overflow: hidden;
}

.onsale-content>span {
  color: #666666;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.onsale-content>h6 {
  font-size: 12pt;
  font-weight: 700;
  margin-bottom: 6px;
}

.onsale-content .old-price {
  color: #999999;

  font-size: 17px;
  font-weight: 700;
  margin-right: 25px;
}

/* ============= 15. Fotter Area ============= */
.address-area>p {
  font-size: 12pt;
}

.address-area>a {
  color: #4d76cc;
  display: inline-block;
  font-size: 18pt;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.contact-social ul li a {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #4d76cc;
  display: block;
  font-size: 15pt;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  text-align: center;
  width: 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.contact-social ul li a:hover {
  background: #4d76cc;
  color: #fff;
}

.footer-menu>h4 {
  color: #333333;
  font-family: "Exo 2", sans-serif;
  font-size: 16pt;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 28px;
}

.footer-menu li {
  display: block;
  border-bottom: 1px solid #fff;
}

.footer-menu ul li a {
  color: #333333;
  display: block;
  font-size: 12pt;
  overflow: hidden;
  padding: 8px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer-menu ul li:last-child a {
  padding: 0;
  padding-top: 8px;
}

.footer-menu ul li:last-child {
  border-bottom: 0 none;
}

.contact-details ul li {
  border: medium none;
}

.contact-details ul li i {
  color: #4d76cc;
  font-size: 20px;
  margin-right: 4px;
  width: 24px;
  text-align: center;
}

.contact-details p {
  color: #333;
  font-size: 12pt;
  margin: 0;
}

.footer-menu ul li a:hover {
  color: #4d76cc;
}

.footer-bottom-area p {
  color: #fff;
  font-size: 12pt;
  margin-bottom: 0;
  padding: 17px 0;
}

.footer-bottom-area p a {
  color: #4d76cc;
}

.footer-bottom-area p a:hover {
  color: #fff;
}

.footer-bottom-area img {
  float: right;
  padding: 15px 0;
}

/* ============= 16. Banner Area ============= */
.banner-content h1 {
  font-family: "Exo 2", sans-serif;
  font-size: 35pt;
  margin: 0 0 30px 0;
  color: white;
}

.banner-content ul li {
  font-size: 12pt;
  text-transform: uppercase;
}

.banner-content ul li a {
  color: #fff;
}

.banner-content ul li a span {
  font-size: 18pt;
  height: 0;
  line-height: 0;
  margin-top: 8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 0;
}

/* ============= 17. Shop Grid Page ============= */
.shop-tab-pill {
  display: block;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 15px;
}

.shop-tab-pill ul {
  display: inline-block;
}

.shop-tab-pill ul li a {
  font-size: 18pt;
}

.shop-tab-pill ul li.active a {
  color: #4d76cc;
}

.shop-tab-pill .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background-color: transparent;
  color: #4d76cc;
}

.shop-tab-pill .nav>li>a:focus,
.nav>li>a:hover {
  background-color: transparent;
  text-decoration: none;
}

.shop-tab-pill .nav>li>a {
  display: block;
  padding: 0 12px 0 0;
  position: relative;
}

.nav-menu-grid {
  float: left;
  width: 15%;
}

.sorting {
  float: left;
  width: 25%;
}

.show-more {
  float: left;
  width: 60%;
}

.show-more h6 {
  color: #212121;
  display: inline-block;

  font-size: 14pt;
  margin: 0 50px 0 0;
  text-transform: capitalize;
}

.show-more ul li.shw {
  color: #212121;
  font-size: 14pt;
  font-weight: normal;
  margin: 0 15px 0 0;
}

.show-more ul li.active a,
.page-pagination ul li.active a {
  color: #4d76cc;
  border-bottom: 1px solid #8bc34a;
}

.show-more ul li a {
  color: #212121;

  font-size: 14pt;
  font-weight: normal;
  margin-right: 15px;
}

.sorting a {
  border: 1px solid #dddddd;
  color: #282828;

  font-size: 14pt;
  font-weight: normal;
  padding: 7px 59px 7px 30px;
  text-transform: capitalize;
}

.sorting a span {
  color: #4d76cc;
  font-size: 18pt;
  margin-left: 15px;
  position: absolute;
}

.page-pagination ul li a {
  color: #262626;
  font-size: 14pt;
  margin-right: 15px;
}

.blog-img {
  display: block;
  float: left;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
}

.blog-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.blog-single:hover .blog-img::after {
  opacity: 1;
  visibility: visible;
}

.blog-img>a {
  background: #19328e none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 40px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 80px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}

.blog-single:hover .blog-img a {
  opacity: 1;
  visibility: visible;
  top: 39%;
}

.product-info,
.product-contnt,
.blog-single {
  display: block;
  overflow: hidden;
}

.product-info {
  margin-bottom: 26px;
}

.pro-social-cart {
  display: block;
  margin-top: 25px;
  overflow: hidden;
}

.pro-titel,
.pro-social-cart ul {
  float: left;
}

.pro-rate,
.pro-cart {
  float: right;
}

.pro-titel>span {
  color: #999999;
  display: block;
  font-size: 12pt;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.pro-titel>h4 {
  color: #444444;
  font-size: 20pt;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.pro-text {
  display: block;
  overflow: hidden;
}

.pro-social-cart ul li a {
  color: #4d76cc;
  font-size: 18pt;
  margin-right: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pro-social-cart ul li a:hover {
  color: #444444;
}

.pro-social-cart ul li:last-child a {
  margin-right: 0;
}

.pro-cart>a {
  font-size: 14pt;
  text-transform: uppercase;
  font-weight: 700;
  color: #4d76cc;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pro-cart>a:hover {
  color: #444444;
}

/* Right Side */
.product-filter>h6 {
  color: #282828;

  font-weight: 700;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
  font-size: 14pt;
}

.product-filter>h6::after {
  background: #19328e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 35px;
}

.category h4 {
  color: #282828;

  font-size: 14pt;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.category-list ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.category-list ul li {
  border-bottom: 1px solid #bbbbbb;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 30px;
}

.category-list ul li a {
  color: #777;
  display: block;
  font-size: 14px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.category-list ul li a:hover,
.category-list ul li a:hover i {
  color: #4d76cc;
}

.category-list ul li a i {
  color: #999999;
  font-size: 12pt;
  margin-right: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.category-list ul li a span {
  background: #f0f1f4 none repeat scroll 0 0;
  border-radius: 13px;
  float: right;
  font-size: 12pt;
  height: 28px;
  line-height: 26px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
}

.category-list ul li a:hover span {
  background: #4d76cc;
  color: #fff;
}

.category-list li:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}

/* Color Widget */
ul.color-widget li {
  border-radius: 20px;
  display: inline-block;
  height: 20px;
  margin-right: 35px;
  width: 20px;
}

ul.color-widget li.active {
  border: 1px solid #b7b7b7;
}

.color_spans a span {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e2e2e2;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e2e2e2;
  display: inline-block;
  height: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 15px;
}

ul.color-widget li:last-child {
  margin: 0;
}

ul.color-widget li.white {
  background-color: #ffffff;
}

ul.color-widget li.orange {
  background: #fbaf5d;
}

ul.color-widget li.green {
  background: #00a651;
}

ul.color-widget li.blue {
  background: #00aeef;
}

ul.color-widget li.pink {
  background: #ec008c;
}

/* Size Widget */
ul.size-widget li a {
  border: 1px solid #ddd;
  border-radius: 20px;
  display: block;
  height: 25px;
  line-height: 22px;
  margin-right: 4px;
  text-align: center;
  width: 45px;
}

ul.size-widget li:last-child a {
  margin-right: 0;
}

/* Price Filter Slider */
.price-filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #19328e none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  height: 10px;
  margin-bottom: 30px;
  margin-left: auto;
}

.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #8bc34a;
  border-radius: 50%;
  height: 20px;
  margin-top: -2px;
  width: 20px;
}

.price-filter .ui-slider-range {
  background: #4d76cc;
}

.price-slider-amount {
  display: block;
  overflow: hidden;
}

.price-slider-amount>input[type="text"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: right;
  font-weight: 700;
  height: 40px;
  letter-spacing: 3px;
  margin-left: 28px;
  text-align: center;
  width: 130px;
}

.price-slider-amount>input[type="submit"] {
  background: #19328e none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-weight: bold;
  height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 400ms ease-out 0s;
  -o-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  width: 85px;
}

.price-slider-amount>input[type="submit"]:hover {
  background: #000;
  color: fff;
}

/* Arrival Product Content */
.new-arrival-single {
  display: block;
  overflow: hidden;
}

.arrival-content {
  margin-left: 96px;
}

.new-arrival-single .old-price {
  margin-right: 20px;
}

.arrival-content>h6 {
  font-size: 14px;
  line-height: 22px;
}

.single-recent-post {
  display: block;
  overflow: hidden;
}

.recent-post-thumbnail,
.arrival-thumbnail {
  float: left;
  height: 80px;
  width: 80px;
}

.recent-post-thumbnail>img {
  border: 1px solid #f1f1f1;
  height: auto;
  width: 100%;
}

.recent-post .post-detail {
  margin-left: 95px;
}

.post-title>h5 {
  color: #606060;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

.recent-post .post-date {
  color: #999999;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 10px;
}

.tag-list ul li a {
  border: 1px solid #ebebeb;
  color: #333333;
  display: block;

  font-size: 14px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 8px 15px;
}

.tag-list ul li a:hover {
  background: #ebebeb none repeat scroll 0 0;
}

.widget-newsletter input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
}

.widget-newsletter button {
  background: #6bc513 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 35px;
  margin-top: 12px;
  padding: 0 35px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}

/* ============= 18. Single Product Page ============= */
.breadcrumbs ul li a,
.breadcrumbs ul li span {
  color: #999999;
  font-size: 14pt;
  font-weight: 700;
}

.breadcrumbs li.category3 span {
  color: #444444;
}

/* Zooming Product Css */

.simpleLens-container {
  display: table;
  position: relative;
}

.simpleLens-big-image-container {
  text-align: center;
  position: relative;
}

.simpleLens-big-image {
  max-width: 100%;
}

.simpleLens-lens-image {
  text-align: center;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.simpleLens-mouse-cursor {
  background-color: #ccc;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #999;
  -webkit-box-shadow: 0 0 2px 2px #999;
  box-shadow: 0 0 2px 2px #999;
  cursor: none;
}

.simpleLens-lens-element {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 2px 2px #8e8e8e;
  box-shadow: 0 0 2px 2px #8e8e8e;
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}

.simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
}

/* Pro Image Tab */
.pro-img-tab-content {
  margin-bottom: 30px;
}

.singlepro-left .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 38px;
  width: 100%;
}

.singlepro-left .owl-theme .owl-nav [class*="owl-"] {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 0;
  color: #4d76cc;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 6px 2px;
}

.singlepro-left .owl-prev {
  left: 0;
  position: absolute;
}

.singlepro-left .owl-next {
  position: absolute;
  right: 0;
}

/* Single Product Right Content */
.singlepro-right {
  padding-left: 95px;
}

.input-content label {
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  padding: 8px 0 0;
}

.input-content .inc.qtybutton,
.input-content .dec.qtybutton {
  background: #f6f6f6 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  font-size: 22px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 5%;
}

.input-content input.cart-plus-minus-box {
  -moz-appearance: textfield;
  background: #f6f6f6 none repeat scroll 0 0;
  border: medium none;
  color: #777;
  float: left;
  font-size: 14px;
  height: 40px;
  line-height: 14px;
  padding: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 5%;
  text-align: center;
}

.snglepro-content>span {
  color: #999999;
  font-size: 12pt;
}

.snglepro-content>h3 {
  color: #262626;
  font-size: 36pt;
  font-weight: normal;
  margin: 20px 0 33px;
}

.rating-box>span {
  color: #343434;
  font-size: 14pt;
  margin-left: 20px;
}

.prce-stock {
  display: block;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
  width: 100%;
}

.prce-stock>h4 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 24pt;
  margin: 0;
}

.prce-stock h6 {
  color: #4d76cc;
  display: block;

  font-size: 14pt;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-left: 20px;
}

.pro-info {
  display: block;
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: hidden;
}

.pro-info ul li {
  color: #666666;
  display: block;
  font-size: 14pt;
  margin-bottom: 8px;
}

.input-content label {
  color: #333333;
  float: left;
  font-size: 14pt;
  font-weight: normal;
  margin: 0 20px 0 0;
}

.input-content {
  display: block;
  overflow: hidden;
}

.sngle-pro-socl ul li a {
  color: #4d76cc;
  font-size: 20pt;
  margin-right: 25px;
}

.sngle-pro-socl ul li a:hover {
  color: #303030;
}

/* Product Discription */
.product-unavailable,
.product-contnt .alert {
  background-color: #d9534f;
  text-align: center;
  border-color: #d9534f;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.product-unavailable {
  width: 50%;
}

@media (max-width: 991px) {
  .product-unavailable {
    width: 100%;
  }
}

.pro-disciptin {
  border-top: 1px solid #ddd;
}

.p-details-tab ul li a {
  color: #b5b5b5;
  display: block;
  font-size: 20pt;
  font-weight: 600;
  margin-right: 25px;
  padding: 25px 0;
  text-transform: uppercase;
}

.p-details-tab ul li.active a {
  border-top-color: #4d76cc;
  border-top-style: solid;
  color: #4d76cc;
}

#description>p,
#cutomer>p {
  color: #666666;
  font-size: 14pt;
  line-height: 30px;
  margin: 0;
}

.product-details .tab-content p {
  line-height: 22px;
}

.review-left p {
  margin-bottom: 5px;
}

.product-details p {
  display: inline-block;
}

.review-left a {
  color: #444444;
}

.review-left p span {
  font-weight: 700;
}

.review-rating>p {
  font-size: 11px;
  text-transform: capitalize;
  width: 41px;
  display: inline-block;
  float: left;
  margin-bottom: 5px;
}

.review-right>h3 {
  color: #232323;
  font-size: 13px;
  font-weight: 400;
}

.review-right>h4 {
  color: #232323;
  font-size: 12px;
  font-weight: 500;
}

.p-details-table table {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f2f2f2;
  width: 100%;
}

.p-details-table table thead th {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.p-details-table table th {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.p-details-table table tr td {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.p-details-table table td,
.p-details-table table th {
  padding: 13px 9px;
}

.p-details-table table tbody th {
  font-size: 16px;
  font-weight: 400;
}

.product-tag-name .form-group label {
  display: block;
  overflow: hidden;
}

.form-top label {
  color: #666666;
  font-weight: normal;
  margin: 0 0 5px;
}

.product-details-area .form-control {
  border: 1px solid #e1e1e1;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #666666;
  font-size: 12px;
  min-height: 25px;
  padding: 0 10px;
}

#tags .product-tag-name .form-top .form-control {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 200px;
  height: 40px;
}

.product-tag-name .add-tag-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e6e8e9;
  border-radius: 23px;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  padding: 6px 25px;
  text-transform: uppercase;
  -webkit-transition: background 0.3s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.3s ease 0s, color 0.2s ease 0s;
  transition: background 0.3s ease 0s, color 0.2s ease 0s;
}

.product-tag-name>p {
  font-size: 11px;
  margin: 0;
}

.review-rating {
  display: block;
  overflow: hidden;
  width: 100%;
}

.review-rating .rating i {
  color: #4d76cc;
}

.p-details-table table tr td input {
  height: auto;
}

/* ============= 26. Blog Details Page  ============= */
.blog-details-area .blg-img {
  float: none;
}

.blog-details-area .blog-content-text>p {
  margin: 0 0 15px;
}

.blog-details-area .blog-content {
  padding: 50px 10px 50px 30px;
}

.reply-comment-area {
  margin-top: 35px;
  overflow: hidden;
}

.reply-comment-area h3,
.user-comment-form-area h3 {
  border-top: 1px solid #ddd;

  font-size: 16pt;
  font-weight: 700;
  margin: 0 0 40px;
  padding: 22px 0 0;
}

.single-reply {
  margin: 0 0 20px;
  overflow: hidden;
}

.comment-author {
  float: left;
  width: 8%;
  padding-right: 15px;
}

.comment-author img {
  border-radius: 100%;
}

.comment-info::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.comment-info {
  border: 1px solid #ddd;
  border-radius: 3px;
  float: left;
  padding: 10px;
  position: relative;
  width: 92%;
}

.comment-author-info {
  color: #777;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px;
}

.comment-author-info a {
  color: #555;
  text-decoration: none;
}

.comment-author-info a {
  color: #555;
  text-decoration: none;
}

.comment-info>p {
  padding: 0;
}

.user-comment {
  padding-left: 25px;
}

.user-comment-form-area {
  margin-top: 40px;
  overflow: hidden;
}

.user-comment-form-area p {
  color: #777;
}

.contact .form-group {
  margin-bottom: 30px;
}

/* ============= 28. ScrollUp   ============= */
#scrollUp {
  background: #19328e none repeat scroll 0 0;
  bottom: 15px;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  position: fixed;
  right: 15px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  z-index: 200;
  padding: 4px;
}

#scrollUp:hover {
  background: black;
}