@charset "UTF-8";

/**

	Theme Name: FutureLife

	Theme URI: http://engotheme.com/

	Author: Engo Team

	Author URI: http://engotheme.com/

	Description: Engo ABC HTML Template

	Version: 1.0

	Last change:	2016/02/20 [Initial Release]

	License: GNU General Public License v2 or later

	Tags: two-columns, left-sidebar, fixed-layout, responsive-layout

	Text Domain: Engotheme

 **/

/*------------------------------------------------------------------

[Table of contents]



	1. Import vendor

		1.1. Vendor

			1.1.1. Google fonts

			1.1.2. Icon Fonts

			1.1.3. Vendor library

		1.2. Bootstrap

	2. Reset

		2.1. Reset

		2.2. Default base

			2.2.1.	Button

			2.2.2.	Link

			2.2.3.	Typo

			2.2.4.	Heading

			...

	3. Mixins

	4. Elements

		4.1. Our new

		4.2. News letter

		4.3. Form our

		4.4. Brand

		...

	5. Ecommerce

		5.1. Shop General

		5.2. Item view templates

		5.3. Shop Widget

		5.4. Shop view Pages

		5.5. Shop Single

		5.6. Shop Cart

		5.7. Shop Checkout

		5.8. Shop Wishlist

		5.9. Track Order

	6. Templates Layout

		6.1. General

		6.2. Header

			6.2.1. General

			6.2.2. Header version 1

			6.2.3. Header version 2

			6.2.4. Header version 3

			...

		6.3. Sidebar

		6.4. Contents

			6.4.1. CMS default

			6.4.2. Blog

			...

		6.5. Footers

			6.5.1. General

			6.5.2. Footer Version 1

			6.5.3. Footer Version 2

			...

		6.6. Home pages

			6.6.1. Home page 1

			6.6.2. Home page 2

			...

		6.7. Pages

			6.7.1. About Us

				6.7.1.1. About Us Version 1

				6.7.1.2. About Us Version 2

			6.7.2. Contact Us

			6.7.3. FAQ's

			...

-------------------------------------------------------------------*/

/** 1. Import vendor **/

/** 1.1. Vendor **/

/** 1.1.1.	Google fonts **/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,300);

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,500);

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);

/** 1.1.2.	Icon Fonts **/

@import url("../sass/components/Vendor/font-awesome/font-awesome.min.css");

@import url("../sass/components/Vendor/simple-line-icon/css/simple-line-icons.css");

@import url("../sass/components/Vendor/pe-icon-7-stroke/css/pe-icon-7-stroke.css");

@import url("../sass/components/Vendor/pe-icon-7-stroke/css/helper.css");

/** 1.1.3. Vendor library **/

/* EX: @import url('components/Vendor/owlcarousel/owlcarousel.css'); */

/** 1.3. Animation **/

/* effect-v1 */

.effect-v1 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v1:before {

  border: 1px solid #ffffff;

  bottom: 20px;

  content: "";

  left: 20px;

  position: absolute;

  right: 20px;

  top: 20px;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  z-index: 1;

}



.effect-v1 img {

  -webkit-transform: scale(1.12);

  -ms-transform: scale(1.12);

  -o-transform: scale(1.12);

  transform: scale(1.12);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v1 .action {

  -webkit-transform: scale(1.12);

  -ms-transform: scale(1.12);

  -o-transform: scale(1.12);

  transform: scale(1.12);

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v1:hover:before {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.effect-v1:hover img {

  opacity: 0.5;

  filter: alpha(opacity=50);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.effect-v1:hover .action {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: 1;

  filter: alpha(opacity=100);

}



/* effect-v2*/

.effect-v2 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v2:before {

  border: 1px solid #ffffff;

  bottom: 20px;

  content: "";

  left: 20px;

  position: absolute;

  right: 20px;

  top: 20px;

  -webkit-transform: translate3d(-20px, 0px, 0px);

  transform: translate3d(-20px, 0px, 0px);

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  z-index: 1;

}



.effect-v2 img {

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v2 .action {

  -webkit-transform: translate3d(-10px, 0px, 0px);

  transform: translate3d(-10px, 0px, 0px);

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v2:hover:before {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}



.effect-v2:hover img {

  opacity: 0.7;

  filter: alpha(opacity=70);

  -webkit-transform: scale(1.2, 1);

  -ms-transform: scale(1.2, 1);

  -o-transform: scale(1.2, 1);

  transform: scale(1.2, 1);

}



.effect-v2:hover .action {

  -webkit-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

  opacity: 1;

  filter: alpha(opacity=100);

}



/* effect-v3*/

.effect-v3 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v3:before, .effect-v3:after {

  bottom: 20px;

  content: "";

  left: 20px;

  opacity: 0;

  position: absolute;

  right: 20px;

  top: 20px;

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  z-index: 1;

}



.effect-v3:before {

  border-bottom: 1px solid #ffffff;

  border-top: 1px solid #ffffff;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  -o-transform: scale(0, 1);

  transform: scale(0, 1);

}



.effect-v3:after {

  border-left: 1px solid #ffffff;

  border-right: 1px solid #ffffff;

  -webkit-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

}



.effect-v3 img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

}



.effect-v3 .banner-title {

  -webkit-transform: translate3d(0px, -20px, 0px);

  transform: translate3d(0px, -20px, 0px);

  -webkit-transition: transform 0.35s ease 0s;

  -o-transition: transform 0.35s ease 0s;

  transition: transform 0.35s ease 0s;

}



.effect-v3 .action {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: translate3d(0px, 40px, 0px);

  transform: translate3d(0px, 40px, 0px);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v3:hover:before, .effect-v3:hover:after {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.effect-v3:hover img {

  opacity: 0.5;

  filter: alpha(opacity=50);

}



.effect-v3:hover .banner-title, .effect-v3:hover .action {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}



/* effect-v4*/

.effect-v4 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v4:before {

  border: 2px solid #ffffff;

  bottom: 20px;

  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);

  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);

  content: "";

  left: 20px;

  opacity: 0;

  position: absolute;

  right: 20px;

  top: 20px;

  -webkit-transform: scale(1.4);

  -ms-transform: scale(1.4);

  -o-transform: scale(1.4);

  transform: scale(1.4);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  z-index: 1;

}



.effect-v4 img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

}



.effect-v4 .banner-title {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition: transform 0.35s ease 0s;

  -o-transition: transform 0.35s ease 0s;

  transition: transform 0.35s ease 0s;

}



.effect-v4 .action {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v4:hover:before {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.effect-v4:hover img {

  opacity: 0.5;

  filter: alpha(opacity=50);

}



.effect-v4:hover .banner-title {

  -webkit-transform: scale(0.95);

  -ms-transform: scale(0.95);

  -o-transform: scale(0.95);

  transform: scale(0.95);

}



.effect-v4:hover .action {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



/* effect-v5*/

.effect-v5 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v5 img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;

  -o-transition: opacity 1s ease 0s, transform 1s ease 0s;

  transition: opacity 1s ease 0s, transform 1s ease 0s;

}



.effect-v5 .action {

  transform: translate3d(-150%, 0px, 0px);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.effect-v5 .action:first-child {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}



.effect-v5 .action:nth-of-type(2) {

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



.effect-v5 .action:nth-of-type(3) {

  -webkit-transition-delay: 0.05s;

  transition-delay: 0.05s;

}



.effect-v5:hover img {

  opacity: 0.5;

  filter: alpha(opacity=50);

  transform: scale3d(1.1, 1.1, 1);

}



.effect-v5:hover .action {

  opacity: 1;

  filter: alpha(opacity=100);

  transform: scale3d(1.1, 1.1, 1);

  transform: translate3d(0px, 0px, 0px);

}



.effect-v5:hover .action:first-child {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}



.effect-v5:hover .action:nth-of-type(2) {

  -webkit-transition-delay: 0.05s;

  transition-delay: 0.05s;

}



.effect-v5:hover .action:nth-of-type(3) {

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



/* effect-v6*/

.effect-v6 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v6 img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

}



.effect-v6 .action {

  transform: translate3d(0px, -100px, 0px);

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  opacity: 0;

}



.effect-v6:hover img {

  opacity: 0.5;

  filter: alpha(opacity=50);

}



.effect-v6:hover .action {

  opacity: 1;

  transform: translate3d(0px, 0px, 0px);

}



/* effect-v7*/

.effect-v7 {

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v7:before {

  bottom: 0;

  content: "";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;

  -o-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;

  transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;

  z-index: 1;

  border: 200px double transparent;

  opacity: 1;

  filter: alpha(opacity=100);

  visibility: visible;

}



.effect-v7:hover:before {

  opacity: 0;

  filter: alpha(opacity=0);

  border: 0 double rgba(255, 255, 255, 0.7);

  visibility: hidden;

}



/* effect-v8*/

.effect-v8 {

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v8:before {

  border-bottom: 50px solid rgba(255, 255, 255, 0.4);

  border-top: 50px solid rgba(255, 255, 255, 0.4);

  content: "";

  height: 100%;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  top: 0;

  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transform-origin: 50% 50% 0;

  width: 100%;

}



.effect-v8:hover:before {

  opacity: 1;

  filter: alpha(opacity=100);

  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);

  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);

  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);

  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);

  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);

}



/* effect-v9*/

.effect-v9 {

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v9:before {

  border: 50px solid transparent;

  border-top-right-radius: 50px;

  border-top-left-radius: 50px;

  border-bottom-right-radius: 50px;

  border-bottom-left-radius: 50px;

  box-sizing: border-box;

  cursor: pointer;

  display: inline-block;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  position: absolute;

  top: 0;

  content: "";

  opacity: 1;

  filter: alpha(opacity=100);

  width: 100px;

  height: 100px;

  -webkit-transform: scale(7);

  -ms-transform: scale(7);

  -o-transform: scale(7);

  transform: scale(7);

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  visibility: visible;

  z-index: 1;

}



.effect-v9:hover:before {

  border: 0 solid rgba(0, 0, 0, 0.7);

  opacity: 0;

  filter: alpha(opacity=0);

  visibility: hidden;

}



/* effect-v10*/

.effect-v10 {

  overflow: hidden;

  position: relative;

  /* style for hover */

}



.effect-v10:before {

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

  display: block;

  width: 100%;

  height: 100%;

  left: -100%;

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  top: 0;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  content: "";

  z-index: 1;

}



.effect-v10:hover:before {

  left: 0;

  opacity: 1;

  filter: alpha(opacity=100);

}



/** 2. Reset **/

/** 2.1. Reset **/

body {

  margin: 0;

  padding: 0;

  font-family: 'Oswald', sans-serif;

  font-size: 14px;

  display: inline-block;

  width: 100%;

  color: #161616;

  position: relative;

  font-weight: 400;

}



body.ver-1 {

  background: url("../images/Futurelife-bg-body.png") repeat scroll 0 0;

}



input[type=text]::-ms-clear {

  display: none;

  width: 0;

  height: 0;

}



input[type=text]::-ms-reveal {

  display: none;

  width: 0;

  height: 0;

}



a, p, strong, ul, h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

}



h1 {

  font-size: 24px;

}



h3 {

  font-size: 18px;

}



h4 {

  font-size: 16px;

}



li {

  list-style: none;

  outline: none;

}



a:focus, input:focus {

  outline: none;

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



body {

  overflow-x: hidden;

  position: relative;

  right: 0;

  left: 0px;

}



.pushmenu {

  /*this is the nav*/

  background: #fff;

  text-align: center;

  width: 364px;

  height: 100%;

  top: 0;

  z-index: 1000;

  position: fixed;

  padding: 0px 25px;

}



@media (min-width: 1500px) {

  .pushmenu {

    width: 445px;

    padding: 0 70px;

  }

}



.pushmenu-left {

  right: -364px;

}



@media (min-width: 1500px) {

  .pushmenu-left {

    right: 445px;

  }

}



.pushmenu-left.pushmenu-open {

  right: 0;

}



.pushmenu-push-toright {

  right: 364px;

  left: inherit;

}



@media (min-width: 1500px) {

  .pushmenu-push-toright {

    right: 445px;

  }

}



/*Transition*/

.pushmenu, body {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.pushmenu-push-toright .wrappage {

  position: relative;

}



.pushmenu-push-toright .wrappage:after {

  position: absolute;

  background: rgba(29, 29, 31, 0.6) none repeat scroll 0 0;

  content: "";

  height: 100%;

  width: 100%;

  left: 0px;

  top: 0px;

  z-index: 9999;

  cursor: pointer;

}



.center {

  text-align: center;

}



/** 2.2. Default base **/

/** 2.2.1.	Button **/

.dropdown-menu {

  background-color: #333333;

  border-radius: 0px;

  box-shadow: none;

  margin-top: 10px;

  padding: 0px;

  transform: translate(0px, 20px);

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.dropdown-menu.hover {

  transform: translate(0px, 0px);

}



.dropdown-menu li {

  border-bottom: 1px solid #444;

}



.dropdown-menu li:last-child {

  border-bottom: none;

}



.dropdown-menu li a {

  color: #888888;

  font-size: 11px;

  line-height: 40px;

  display: inline-block;

  text-transform: uppercase;

  width: 100%;

  padding: 5px 20px;

}



.dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus {

  background: #333333;

  color: #ddd;

}



.box {

  display: inline-block;

  width: 100%;

}



.box-shadow {

  box-shadow: 0px 0px 26.73px 0.27px rgba(86, 86, 86, 0.08);

}



.width-100 {

  width: 100%;

}



.center {

  text-align: center;

}



.border-bottom-home1 {

  height: 6px;

  width: 100%;

  background: url(../images/Hermes-home1-border-bottom.png) repeat-x;

}



.tooltip.right {

  max-width: 200px;

}



.box {

  display: inline-block;

  width: 100%;

}



.dropcap {

  display: inline-block;

  width: 56px;

  height: 56px;

  text-align: center;

  float: left;

  background: #000;

  color: #fff;

  margin-right: 10px;

  margin-top: 7px;

  line-height: 56px;

  font: 500 30px "Poppins";

}



.title-text {

  display: inline-block;

  width: 100%;

  text-align: center;

  margin: 30px 0px;

  position: relative;

}



.title-text h3 {

  font-size: 14px;

  color: #000;

  text-transform: uppercase;

  line-height: 30px;

  display: inline-block;

  padding-bottom: 10px;

  position: relative;

  letter-spacing: 2px;

  font-weight: 700;

}



.title-text h3:after {

  position: absolute;

  content: "";

  height: 2px;

  width: 50px;

  left: 50%;

  bottom: 0px;

  margin-left: -25px;

  background: #000;

}



.title-text p {

  font-size: 14px;

  color: #888888;

  line-height: 25px;

  font-family: "TXGR";

  margin-top: 10px;

}



.title-text.title-text-v2 {

  text-align: left;

  margin: 30px 0px;

}



.title-text.title-text-v2:before {

  position: static;

}



.title-text.title-text-v2 h3 {

  font: 400 36px/40px "Roboto Slab";

  padding: 0;

  color: #2b2b2b;

}



.title-text.title-text-v2.title-text-v3 {

  position: relative;

}



.title-text.title-text-v2.title-text-v3 h3 {

  font-size: 36px;

  color: #555555;

  position: relative;

}



.title-text.title-text-v2.title-text-v3 h3:after {

  position: absolute;

  content: "";

  top: -50px;

  background: #6dd6d6;

  height: 5px;

  width: 30px;

  left: 0px;

}



.title-text.title-text-v2.title-text-v3 p {

  font-family: "Lora";

  font-style: italic;

  color: #888888;

  width: 100%;

  margin-top: 30px;

}



.title-text.title-text-v2.title-text-v3 ul.tabs {

  position: absolute;

  top: 0px;

  right: 0px;

}



.title-text.title-text-v2.title-text-v3 ul.tabs li {

  font-family: "Lora";

  font-style: italic;

  font-weight: 700;

  font-size: 18px;

  text-transform: capitalize;

  color: #888888;

}



.title-text.title-text-v2.title-text-v3 ul.tabs li.active, .title-text.title-text-v2.title-text-v3 ul.tabs li:hover {

  color: #6dd6d6;

  border-bottom: 1px solid #6dd6d6;

}



.title-text.title-about {

  margin-top: 0px;

}



.title-text.title-about h3 {

  background: none;

}



.title-text.title-about:before {

  position: static;

}



.title-text.border-color-red h3:after {

  background: #e95252;

}



.title-text-v2 {

  text-align: center;

}



.title-text-v2 h3 {

  font: 400 36px/40px "Roboto Slab";

  color: #2b2b2b;

  text-transform: capitalize;

  margin-bottom: 20px;

}



.title-text-v2 .link {

  font: 400 12px/20px "Roboto Slab";

  color: #999;

  margin-bottom: 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.border-title {

  width: 100%;

  display: inline-block;

  height: 1px;

  background: #ececec;

  margin-bottom: 30px;

}



h3.title-v2 {

  margin-bottom: 30px;

  text-align: left;

  font: 700 16px/20px "Roboto";

  color: #2b2b2b;

}



.align-center {

  text-align: center;

}



h3.title-v3 {

  font: 700 14px/20px "Oswald";

  letter-spacing: 3px;

  color: #000;

  text-transform: uppercase;

  width: 100%;

  border-bottom: 2px solid #000;

  padding-bottom: 5px;

  margin-bottom: 25px;

}



.title-brand {

  color: #80b435;

  font: 700 30px "Roboto Slab";

  margin-bottom: 15px;

}



.tile-lookbook-v2 {

  display: inline-block;

  width: 100%;

  text-align: center;

  padding-top: 60px;

  padding-bottom: 20px;

}



.tile-lookbook-v2 span.icons {

  font-size: 80px;

  color: #000;

}



.tile-lookbook-v2 p {

  font: 400 24px "Playfair Display";

  color: #000;

  line-height: 30px;

  padding: 20px;

  max-width: 1120px;

  margin: 0 auto;

}



.tile-lookbook-v2 p b {

  font-weight: 700;

}



.tile-lookbook-v2 p span {

  font-style: italic;

}



.tile-lookbook-v2 h3 {

  font-size: 14px;

  font-weight: 700;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 3px;

  line-height: 30px;

  position: relative;

  padding-top: 20px;

  margin-top: 10px;

}



.tile-lookbook-v2 h3:after {

  position: absolute;

  content: "";

  left: 50%;

  width: 60px;

  height: 2px;

  background: #e8e8e8;

  margin-left: -30px;

  top: 0px;

}



.title-product {

  display: inline-block;

  width: 100%;

  text-align: center;

}



.title-product h3 {

  font-weight: 700;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 2px;

  display: inline-block;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 30px;

}



.title-product h3:after {

  position: absolute;

  content: "";

  left: 50%;

  height: 2px;

  width: 50px;

  background: #000;

  margin-left: -25px;

  bottom: 0px;

}



.slider-product.tabs-title-v2 {

  text-align: center;

  position: relative;

}



.slider-product.tabs-title-v2:before {

  content: "";

  background: #e8e8e8;

  width: 100%;

  left: 0px;

  top: 50px;

  height: 1px;

  position: absolute;

}



.slider-product.tabs-title-v2 .tabs {

  border: none;

  position: relative;

  width: auto;

  margin: 0 auto 30px;

  background: #fff;

}



.slider-product.tabs-title-v2 .tabs li:hover:before, .slider-product.tabs-title-v2 .tabs li.active:before {

  bottom: -8px;

  background: #e95252;

}



ul.tabs.tabs-title.tabs-title-por li {

  padding: 0 30px;

}



.button-v2 {

  padding: 7px 10px;

  border-radius: 0px;

  border: 2px solid #fff;

  color: #fff;

  display: inline-block;

  text-transform: uppercase;

  font-family: "Oswald";

  letter-spacing: 2px;

  font-size: 10px;

}



.button-v2.hover-black {

  padding: 7px 10px;

}



.button-v2.color-black {

  color: #000;

  border-color: #000;

}



.hover-images {

  overflow: hidden;

  display: inline-block;

}



.hover-images img {

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.hover-images:hover img {

  transform: scale(1.05);

}



.title-v2 {

  width: 100%;

  text-align: center;

}



.title-v2 h3 {

  display: inline-block;

  font-size: 28px;

  font-family: "NexaBold";

  color: #333333;

  font-weight: 400;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 5px;

  margin-bottom: 20px;

}



.title-v2 h3:after {

  position: absolute;

  content: "";

  width: 66px;

  height: 2px;

  background: #666;

  bottom: 0px;

  left: 50%;

  margin-left: -33px;

}



.link-icon-black {

  width: 10px;

  height: 10px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  background: url(../images/Uno-button-icon.png) no-repeat scroll center top;

  display: inline-block;

  margin-left: 5px;

}



.link-icon-white {

  width: 10px;

  height: 10px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  background: url(../images/Uno-button-icon.png) no-repeat scroll center bottom;

  display: inline-block;

  margin-left: 5px;

}



.link-icon-gray {

  width: 10px;

  height: 10px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  background: url(../images/Uno-button-icon.png) no-repeat scroll center -41px;

  display: inline-block;

  margin-left: 5px;

}



.hover-black {

  padding: 0 20px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.hover-black:hover {

  color: #fff;

  background: #000;

  border-color: #000;

}



.hover-black:hover .link-icon-black {

  background-position: center bottom;

}



.hover-black:hover .link-icon-gray {

  background-position: center bottom;

}



.hover-white {

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.hover-white:hover {

  color: #000;

  background: #fff;

  border-color: #000;

}



.hover-white:hover .link-icon-white {

  background-position: center top;

}



.title-page h3 {

  font-size: 80px;

  display: inline-block;

  width: 100%;

  font-family: "Playfair Display";

  color: #000;

  text-align: center;

  position: relative;

  line-height: 55px;

  padding-bottom: 30px;

  margin-bottom: 30px;

}



.title-page h3:after {

  position: absolute;

  content: "";

  left: 50%;

  bottom: 0px;

  width: 225px;

  height: 7px;

  background: url(../images/title-page-border.jpg) no-repeat;

  margin-left: -112px;

}



.title-page.size-50 h3 {

  font-size: 50px;

  margin: 10px;

}



.title-page.size-50 p {

  text-align: center;

  font: 300 12px/20px "Oswald";

  color: #a5a5a5;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 30px;

}



ul.tabs.title span {

  font-size: 30px;

  color: #222;

}



ul.tabs.title li {

  font-size: 30px;

  color: #222;

}



ul.tabs.title li.active, ul.tabs.title li:hover {

  color: #808f66;

}



ul.tabs.title p {

  font-family: "TXGR";

  font-size: 13px;

  color: #888888;

}



ul.bastian {

  display: inline-block;

  width: 100%;

  margin-bottom: 100px;

}



ul.bastian li {

  float: left;

  width: 33.33%;

  text-align: center;

  display: inline-block;

  padding: 15px 0px;

  border: 1px solid #000;

}



ul.bastian li:first-child {

  border-right: none;

}



ul.bastian li:last-child {

  border-left: none;

}



ul.bastian li p {

  font: 300 12px/20px "Oswald";

  color: #7c7c7c;

  text-transform: uppercase;

  letter-spacing: 2px;

}



ul.bastian li p span {

  font-weight: 700;

  color: #000;

}



.content-text h3 {

  font: 400 25px/30px "Playfair Display";

  color: #000;

  text-transform: capitalize;

  padding-bottom: 15px;

  margin-bottom: 20px;

  position: relative;

}



.content-text h3:after {

  position: absolute;

  content: "";

  left: 0px;

  width: 50px;

  height: 1px;

  background: #000;

  bottom: 0px;

}



.content-text p {

  font: 400 13px/20px "Poppins";

  color: #858585;

}



.content-text.center {

  text-align: center;

}



.content-text.center h3:after {

  left: 50%;

  margin-left: -25px;

}



.breadcrumb {

  background: transparent;

  padding-left: 0px;

  padding-right: 0px;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 3px solid #2e2e2e;

}



.breadcrumb li {

  font-size: 12px;

  display: inline-block;

  font-family: "Poppins";

  font-weight: 400;

  padding-right: 20px;

  position: relative;

}



.breadcrumb li:last-child:after {

  content: "";

}



.breadcrumb li:after {

  position: absolute;

  content: "";

  right: 8px;

  font-family: "FontAwesome";

  font-size: 12px;

  top: -1px;

  color: #fff;

}



.breadcrumb li.active {

  color: #717171;

}



.breadcrumb li a {

  color: #fff;

}



.return-home a:first-child {

  margin-right: 20px;

}



.banner-grid {

  padding: 0px;

}



.banner-grid img {

  width: 100%;

}



.bg-white {

  background-color: #fff;

}



.link-button {

  background: #000;

  color: #fff;

  font-weight: 700;

  border: 2px solid #000;

  font-size: 12px;

  text-transform: uppercase;

  font-style: normal;

  padding: 0px 40px;

  line-height: 40px;

  border-radius: 0px;

  letter-spacing: 3px;

}



.link-button.color-red {

  background: #e95252;

  border: 2px solid #e95252;

  color: #fff;

}



.link-button.color-red:hover {

  border-color: #e95252;

  color: #e95252;

}



.link-button:hover {

  background: #80b435;

  color: #fff;

}



.link-button.lh-55 {

  line-height: 55px;

}



.link-button.link-button-fb {

  background: #2c5990;

  color: #fff;

  font-size: 13px;

  border-color: #2c5990;

  border-radius: 25px;

  line-height: 55px;

}



.link-button.link-button-fb i.fa {

  font-size: 17px;

  line-height: 20px;

  margin-right: 10px;

  vertical-align: middle;

}



.link-button.link-button-gg {

  background: #ea3032;

  color: #fff;

  border-color: #ea3032;

  border-radius: 25px;

  line-height: 55px;

}



.link-button.link-button-gg i.fa {

  font-size: 17px;

  vertical-align: middle;

  margin-right: 10px;

  line-height: 20px;

}



.link-v1 {

  font: 700 16px/38px "Roboto Slab";

  color: #333;

  width: 180px;

  text-align: center;

  display: inline-block;

  border: 1px solid #e4e4e4;

  text-transform: uppercase;

  color: #333;

  transition: all 0.3s ease 0s;

}



.link-v1.color-brand {

  color: #80b435;

  border-color: #80b435;

}



.link-v1:hover, .link-v1:focus {

  background: #80b435;

  color: #fff;

  border-color: #80b435;

}



.link-v1.lh-50 {

  line-height: 48px;

  width: auto;

  padding: 0 25px;

}



.link-v1.rt {

  background: #80b435;

  color: #fff;

  border-color: #80b435;

}



.link-v1.rt:hover, .link-v1.rt:focus {

  color: #333;

  border-color: #e4e4e4;

  background: #fff;

}



.link-v1.full {

  width: 100%;

}



.link-v1.bg-brand {

  background: #80b435;

  color: #fff;

  border-color: #80b435;

}



.link-v1.bg-brand:hover {

  color: #80b435;

  background: #fff;

}



.link-v1.font-300 {

  font-weight: 300;

}



.link-footer {

  text-transform: uppercase;

  font: 700 10px/20px "Roboto Slab";

  margin-top: 30px;

  display: inline-block;

}



.link-footer i {

  font-size: 10px;

  margin-left: 5px;

}



.margin-right-20 {

  margin-right: 20px;

}



.link-ver1 {

  display: inline-block;

  height: 60px;

  min-width: 60px;

  padding: 0 20px;

  text-align: center;

  background: transparent;

  border: 2px solid #d6d6d6;

  color: #333;

  font-weight: 700;

  text-transform: uppercase;

}



.link-ver1 span {

  font: 700 18px/56px "Roboto Condensed";

}



.link-ver1 i {

  font-size: 24px;

  line-height: 56px;

  color: #333;

  font-weight: 400;

}



.link-ver1:hover {

  border-color: #80b435;

  color: #80b435;

}



.link-ver1:hover i {

  color: #80b435;

}



.link-ver1.rt {

  border-color: #80b435;

  color: #80b435;

}



.link-ver1.rt:hover {

  color: #333;

  border-color: #d6d6d6;

}



.acc-login .form-group .btn:nth-child(2n+1) {

  width: 48%;

  margin-right: 2%;

  float: left;

  padding: 5px;

}



.acc-login .form-group .btn:nth-child(2n) {

  margin-left: 2%;

  width: 48%;

  float: left;

  padding: 5px;

}



.margin-top-30 {

  margin-top: 30px;

}



.color-red {

  color: #ff1313;

}



.button1 {

  font-family: "Oswald";

  font-weight: 700;

  color: #000;

  font-size: 10px;

  letter-spacing: 2px;

  text-transform: uppercase;

  background: none;

}



.button2 {

  width: 140px;

  height: 40px;

  line-height: 36px;

  border: 2px solid #80b435;

  color: #80b435;

  background: transparent;

  text-align: center;

  text-transform: uppercase;

  font-size: 13px;

  display: inline-block;

}



.hover-control-wrap .owl-carousel:hover .owl-prev {

  opacity: 0;

  transform: translate3d(-60px, 0px, 0px);

}



.hover-control-wrap .owl-carousel:hover .owl-next {

  opacity: 0;

  transform: translate3d(60px, 0px, 0px);

}



.hover-control-wrap:hover .owl-carousel .owl-prev, .hover-control-wrap:hover .owl-carousel .owl-next {

  opacity: 100;

  transform: translate3d(0px, 0px, 0px);

}



.color-brand {

  color: #80b435;

}



.hover-effect-images, .hover-effect-images-ver2 {

  display: inline-block;

  width: 100%;

  overflow: hidden;

  position: relative;

}



.hover-effect-images img, .hover-effect-images-ver2 img {

  -webkit-transition: all 900ms ease 0s;

  -o-transition: all 900ms ease 0s;

  transition: all 900ms ease 0s;

}



.hover-effect-images:before, .hover-effect-images-ver2:before {

  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;

  bottom: 0px;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 99;

  -webkit-transition: all 900ms ease 0s;

  -o-transition: all 900ms ease 0s;

  transition: all 900ms ease 0s;

}



.hover-effect-images:hover img, .hover-effect-images-ver2:hover img {

  transform: scale(1.1);

}



.hover-effect-images:hover:before, .hover-effect-images-ver2:hover:before {

  left: 50%;

  opacity: 1;

  right: 50%;

}



.hover-effect-images-ver2:after {

  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;

  bottom: 0px;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 99;

  -webkit-transition: all 900ms ease 0s;

  -o-transition: all 900ms ease 0s;

  transition: all 900ms ease 0s;

}



.hover-effect-images-ver2:hover:after {

  top: 50%;

  bottom: 50%;

  opacity: 1;

}



/** 3. Mixins **/

/** Loadding **/

@-webkit-keyframes engoloaddingmini {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes engoloaddingmini {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/****/

/** elements mixins **/

/**

* Transition-timing-function property@mixin 

*/

/*background RGBA

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

/*inline-block

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

/****/

/****/

/** Responsive mixin **/

/** 4. Elements **/

/** 4.1. Accordions **/

.shipping-container {

  margin-bottom: 60px;

}



.shipping-container .shipping-content {

  border: 1px solid #ececec;

  display: inline-block;

  width: 100%;

  padding: 10px 0px;

}



.shipping-container .col-md-4 {

  text-align: center;

  border-right: 1px solid #ececec;

  padding: 10px 0px;

}



.shipping-container .col-md-4 h3 {

  display: inline-block;

  font-family: "Oswald";

  font-weight: 700;

  font-size: 12px;

  letter-spacing: 3px;

  vertical-align: 3px;

  color: #000;

}



.shipping-container .col-md-4 i {

  margin-right: 10px;

  font-size: 18px;

}



.shipping-container .col-md-4:last-child {

  border-right: none;

}



.shipping-v2 {

  background: url(../images/shipping-v2.jpg) no-repeat;

  overflow: hidden;

  padding: 35px 0px;

  text-align: center;

}



@media (max-width: 1200px) {

  .shipping-v2 {

    margin-bottom: 40px;

  }

}



.shipping-v2.home3-shiping {

  background: none;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

}



@media (min-width: 1200px) {

  .shipping-v2.home3-shiping {

    margin-top: -110px;

    z-index: 999;

    position: relative;

    background: #fff;

  }

}



.shipping-v2.home3-shiping h3 {

  color: #231f20;

}



.shipping-v2.home3-shiping .col-md-3:after {

  background: #eaeaea;

}



.shipping-v2.home3-shiping.home2-shipping {

  box-shadow: none;

  margin-top: 30px;

  padding: 0px;

  background: none;

}



.shipping-v2.home3-shiping.home2-shipping .col-md-3:after {

  width: 0px;

}



.shipping-v2.home3-shiping.home2-shipping .border {

  border: 1px solid #e5e5e5;

  padding: 35px 0px;

}



.shipping-v2.home3-shiping.home4-shipping {

  box-shadow: none;

  margin-top: 0px;

  padding: 0px;

  background: none;

}



.shipping-v2 i {

  font-size: 40px;

  color: #80b435;

  margin-bottom: 5px;

}



.shipping-v2 h3 {

  font-size: 14px;

  text-transform: uppercase;

  color: #fff;

  font-weight: 700;

  line-height: 20px;

  font-family: "Roboto Slab";

  margin-top: 10px;

}



.shipping-v2 p {

  font-family: "Roboto Slab";

  font-size: 11px;

  font-weight: 400;

  color: #979797;

  line-height: 15px;

}



.shipping-v2 .col-md-3 {

  position: relative;

}



.shipping-v2 .col-md-3:after {

  position: absolute;

  content: "";

  right: 0px;

  top: 0px;

  width: 1px;

  height: 98px;

  background: #404040;

}



.shipping-v2 .col-md-3:last-child:after {

  position: static;

  width: 0px;

}



/** 4.2. Call to action **/

.blog-post-container {

  display: inline-block;

  margin: 10px 0 50px;

  width: 100%;

}



.blog-post-container .blog-post-image img {

  max-width: 100%;

}



.blog-post-container .post-date {

  font-family: "Lora";

  color: #aaa;

  line-height: 20px;

  font-style: italic;

  margin: 15px 0px;

}



.blog-post-container .post-date i {

  font-size: 15px;

  line-height: 20px;

  margin-right: 5px;

  color: #aaa;

}



.blog-post-container h3 {

  color: #555;

  text-transform: uppercase;

  line-height: 20px;

  margin-bottom: 10px;

  min-height: 50px;

}



.blog-post-container .post-tags a {

  display: inline-block;

  color: #aaa;

  font-family: "Lora";

  font-style: italic;

  line-height: 20px;

  margin-bottom: 10px;

}



.blog-post-container .post-tags a.like {

  margin-right: 20px;

  position: relative;

}



.blog-post-container .post-tags a.like::after {

  position: absolute;

  content: "";

  background-color: #aaa;

  height: 12px;

  width: 1px;

  right: -12px;

  top: 3px;

}



.blog-post-container .post-tags a i {

  margin-right: 5px;

}



.blog-post-container .read-more a {

  display: inline-block;

  padding: 10px 30px;

  border-radius: 10px;

  background-color: #eee;

  color: #666;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 13px;

  line-height: 20px;

}



.blog-post-container .read-more a:hover {

  background-color: #80b435;

  color: #fff;

}



/** 4.3. Our New **/

.slider-product {

  display: inline-block;

  width: 100%;

}



.slider-product .tabs {

  display: inline-block;

  width: 100%;

  text-align: center;

  border-bottom: 1px solid #e9e9e9;

  margin-bottom: 30px;

}



.slider-product .tabs li {

  display: inline-block;

  cursor: pointer;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  color: #bdbdbd;

  margin: 0 15px 15px;

  letter-spacing: 3px;

  padding: 0 15px;

  padding-top: 0px;

  position: relative;

}



.slider-product .tabs li:after {

  position: absolute;

  content: "";

  right: -22px;

  top: 6px;

  width: 7px;

  height: 7px;

  background: url(../images/uno-slider-tab-icon.png) no-repeat;

}



.slider-product .tabs li:hover, .slider-product .tabs li.active {

  color: #000;

}



.slider-product .tabs li:hover:before, .slider-product .tabs li.active:before {

  position: absolute;

  content: "";

  bottom: -16px;

  left: 15px;

  right: 15px;

  height: 2px;

  background: #000;

}



.slider-product .tabs li:last-child:after {

  width: 0px;

  height: 0px;

}



.slider-product.slider-product-home-8 {

  background: url(../images/bg-home8-slider.jpg);

}



.tab-container .owl-stage-outer {

  padding: 20px 0px;

}



.hover-shadow.owl-carousel .owl-stage-outer {

  width: calc(100% + 30px);

  padding-left: 15px;

  margin-left: -15px;

}



.tp-banner-container {

  overflow: hidden;

}



.tp-banner-container li img {

  max-width: 100%;

}



.title-text ul.tabs {

  float: right;

  display: inline-block;

}



.title-text ul.tabs li {

  display: inline-block;

  cursor: pointer;

  margin: 0 10px;

  text-transform: uppercase;

  font-weight: 700;

  color: #555555;

  padding-bottom: 5px;

}



.title-text ul.tabs li:last-child {

  margin-right: 0px;

}



.title-text ul.tabs li.active {

  color: #80b435;

  border-bottom: 3px solid #80b435;

}



.related-products .product-details {

  background: #f5f5f5;

  padding: 60px;

  position: relative;

}



.related-products .product-details:after {

  position: absolute;

  content: "";

  width: 30px;

  height: 118px;

  background: url(../images/Uno-icon-related-product.png) no-repeat;

  top: -2px;

  right: 45px;

}



.related-products .product-details h4 {

  font-family: "Oswald";

  font-size: 14px;

  margin-top: 10px;

  color: #000;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 2px;

  padding-bottom: 15px;

  margin-bottom: 30px;

  position: relative;

}



.related-products .product-details h4:after {

  position: absolute;

  width: 50px;

  height: 3px;

  background: #000;

  left: 0px;

  bottom: 0px;

  content: "";

}



.related-products .product-details h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  line-height: 30px;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 20px;

}



.related-products .product-details .category {

  font-family: "Oswald";

  font-size: 12px;

  color: #9d9d9d;

  text-transform: uppercase;

  line-height: 20px;

  margin-bottom: 10px;

  letter-spacing: 2px;

  font-weight: 300;

}



.related-products .product-details .price {

  font-family: "Poppins";

  font-size: 40px;

  font-weight: 300;

  color: #000;

  margin: 25px 0 16px;

}



.related-products .product-details .product-content {

  color: #858585;

  font-size: 13px;

  font-family: "Poppins";

  line-height: 25px;

  margin-bottom: 50px;

}



.related-products .product-details a {

  font-family: "Oswald";

  font-weight: 700;

  letter-spacing: 3px;

  font-size: 10px;

  color: #000;

  text-transform: uppercase;

  display: inline-block;

  height: 32px;

  line-height: 28px;

  padding: 0px 10px;

  margin-bottom: 0px;

  border: 2px solid #000;

}



.related-products .slider-text {

  height: 46px;

  width: 100%;

  background: #e9e9e9;

}



.related-products .slider-text h3 {

  font-family: "Oswald";

  font-weight: 700;

  font-size: 12px;

  color: #000;

  letter-spacing: 2px;

  text-transform: uppercase;

  text-align: center;

  line-height: 46px;

}



.related-products .slider-product.owl-loaded .products .owl-prev, .related-products .slider-product.owl-loaded .products .owl-next {

  margin: 0px;

  margin-top: -5px;

  background: #000;

  opacity: 1;

  transform: translate3d(0px, 0px, 0px);

  position: relative;

  width: 50%;

  height: 40px;

  box-shadow: 0 0 0 30px #2c2c2c inset;

}



.related-products .slider-product.owl-loaded .products .owl-prev:hover, .related-products .slider-product.owl-loaded .products .owl-next:hover {

  box-shadow: 0 0 0 1px #000 inset;

}



.related-products .slider-product.owl-loaded .products .owl-prev i, .related-products .slider-product.owl-loaded .products .owl-next i {

  color: #fff;

  margin-top: 8px;

}



.related-products .slider-product.owl-loaded .products .owl-prev {

  left: 0px;

  border-right: 1px solid #353535;

}



.related-products .slider-product.owl-loaded .products .owl-next {

  right: 0px;

  float: right;

}



.related-products .product-images {

  overflow: hidden;

}



.related-products .product-images img {

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.related-products .product-images:hover img {

  transform: scale(1.05);

}



.featured-product .col-md-5 .product {

  width: 50%;

  float: left;

}



.featured-product .col-md-5 .product:nth-child(2n+1) {

  padding-right: 15px;

}



.featured-product .col-md-5 .product:nth-child(2n) {

  padding-left: 15px;

}



.featured-product .col-md-7 .products {

  background: #efefef;

}



.featured-product .col-md-7 .products .product-title {

  font-family: "Playfair Display";

  font-size: 40px;

  color: #000;

  margin-bottom: 15px;

  margin-top: 28px;

}



.featured-product .col-md-7 .products .cat {

  font-size: 12px;

  color: #9d9d9d;

  font-weight: 300;

  letter-spacing: 2px;

  margin-bottom: 15px;

}



.featured-product .col-md-7 .products .product-price {

  font-family: "Poppins";

  font-size: 20px;

  color: #000;

  margin-bottom: 20px;

}



.featured-product .dots-show .owl-dots {

  bottom: 200px;

}



.tab-content {

  height: 0px;

}



.tab-content .product {

  display: none;

}



.tab-content.active, .ordering span.tab-content:hover {

  height: auto;

}



.tab-content.active .product, .ordering span.tab-content:hover .product {

  display: inline-block;

}



.hoz-tab-container .tab-content {

  display: none;

}



.hoz-tab-container .tab-content.active, .hoz-tab-container .ordering span.tab-content:hover, .ordering .hoz-tab-container span.tab-content:hover {

  display: block;

}



.slider-one-item-home3 {

  margin-bottom: 30px;

}



.slider-one-item-home3 .product {

  position: relative;

}



.slider-one-item-home3 .product .text {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 550px;

  height: 350px;

  margin-left: -225px;

  margin-top: -175px;

  background: rgba(255, 255, 255, 0.8);

  text-align: center;

}



.slider-one-item-home3 .product .text h4 {

  font-weight: 300;

  letter-spacing: 2px;

  color: #9a9a9a;

  font-style: 12px;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 20px;

  margin-top: 50px;

}



.slider-one-item-home3 .product .text h4:after {

  position: absolute;

  content: "";

  width: 55px;

  height: 1px;

  background: #000;

  margin-left: -23px;

  left: 50%;

  bottom: 0px;

}



.slider-one-item-home3 .product .text h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  color: #000;

  line-height: 35px;

  margin-bottom: 25px;

}



.slider-one-item-home3 .product .text p {

  font-family: "Poppins";

  font-size: 13px;

  color: #858585;

  line-height: 20px;

  max-width: 390px;

  padding: 0 20px;

  margin: 0 auto;

}



.slider-one-item-home3 .product .text button {

  border: none;

  color: #fff;

  font-size: 12px;

  background: #000;

  padding: 0px 65px;

  height: 46px;

  line-height: 42px;

  margin-top: 25px;

  border: 2px solid #000;

}



.slider-one-item-ver2 .slider-dot-images h3 {

  color: #2b2b2b;

}



.slider-one-item-ver2 .slider-dot-images p {

  color: #2b2b2b;

}



ul.tabs.tabs-title {

  width: 100%;

  display: inline-block;

  text-align: center;

  margin-bottom: 30px;

}



ul.tabs.tabs-title.tabs-title-v2 {

  background: #131313;

  margin-bottom: 0px;

  padding: 30px 0px 40px;

}



ul.tabs.tabs-title.tabs-title-v2 li {

  color: #fff;

}



ul.tabs.tabs-title li {

  display: inline-block;

  text-align: center;

  text-transform: uppercase;

  padding: 0 17px;

  cursor: pointer;

  font: 400 16px "Roboto Slab";

  color: #2b2b2b;

}



@media (max-width: 460px) {

  ul.tabs.tabs-title li {

    padding: 0 10px;

    font-size: 16px;

    margin-bottom: 5px;

  }

}



ul.tabs.tabs-title li.active, ul.tabs.tabs-title li:hover {

  color: #80b435;

}



ul.tabs.tabs-title li.active span, ul.tabs.tabs-title li:hover span {

  color: #80b435;

  border-bottom: 1px solid #e95252;

}



ul.tabs.tabs-title li.active span.count, ul.tabs.tabs-title li:hover span.count {

  border: none;

}



ul.tabs.tabs-title li span.count {

  color: #e95252;

  font-family: "Poppins";

  font-size: 12px;

  font-weight: 400;

  vertical-align: 10px;

}



.slider-product-2-item, .slider-product-3-item {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.slider-product-2-item .col-md-3, .slider-product-2-item .col-md-9, .slider-product-3-item .col-md-3, .slider-product-3-item .col-md-9 {

  padding: 0px !important;

}



.wrap-slider-slick-home8 {

  display: inline-block;

  width: 100%;

  background: url(../images/home8-slider-slick.jpg) no-repeat;

}



.slider-slick-home8 .slick-slide {

  opacity: 1;

}



.slider-slick-home8 .slick-slide .product-images {

  display: inline-block;

  position: relative;

}



.slider-slick-home8 .slick-slide .product-images:after {

  position: absolute;

  content: "";

  background: rgba(255, 255, 255, 0.7);

  height: 100%;

  width: 100%;

  left: 0px;

  top: 0px;

}



.slider-slick-home8 .slick-slide.slick-center .product-images:after {

  width: 0px;

}



.slider-slick-home8 .slick-slide h3 {

  font: 400 40px "Playfair Display";

  color: #000;

  text-transform: capitalize;

  line-height: 40px;

  margin-bottom: 10px;

}



.slider-slick-home8 .slick-slide p {

  font: 400 20px "Poppins";

  line-height: 20px;

  margin-bottom: 20px;

}



.slider-slick-home8 .slick-slide .text {

  padding-top: 30px;

}



.slider-slick-home8 .slick-next {

  right: 500px;

}



.slider-slick-home8 .slick-prev {

  left: 500px;

}



.tab-product-all-v3 .product-title {

  position: absolute;

  width: 100%;

  top: 30%;

  left: 0px;

  text-align: center;

  color: #fff;

  position: absolute;

  font: 400 14px "Poppins";

  z-index: 9;

  transition: all 0.3s ease 0s;

  opacity: 0;

  transform: translate(0px, 0px);

}



.tab-product-all-v3 .quick-view {

  transform: translate(0px, 0px);

  position: absolute;

  top: 30%;

  left: 0px;

  width: 100%;

  text-align: center;

  transition: all 0.3s ease 0s;

  opacity: 0;

}



.tab-product-all-v3 .quick-view i {

  color: #fff;

  font-size: 18px;

}



.tab-product-all-v3 .product-price {

  z-index: 9;

}



.tab-product-all-v3 .product {

  position: relative;

}



.tab-product-all-v3 .product:hover .product-price {

  color: #fff !important;

}



.tab-product-all-v3 .product:hover .product-images img {

  opacity: 0.5;

}



.tab-product-all-v3 .product:hover .product-title {

  opacity: 1;

  transform: translate(0px, 80px);

}



.tab-product-all-v3 .product:hover .quick-view {

  transform: translate(0px, 30px);

  opacity: 1;

}



.tab-product-all-v3 .product:hover .quick-view:after {

  position: absolute;

  content: "";

  left: 50%;

  width: 40px;

  margin-left: -20px;

  bottom: -10px;

  height: 2px;

  background: #fe5252;

}



.tab-product-all-v3 .product .product-images {

  background: #000;

}



.tab-product-all-v3 .product .product-images img {

  transition: all 0.3s ease 0s;

}



@media (max-width: 767px) {

  .slider-full-screen2 {

    margin-top: 15px;

  }

}



.slider-full-screen2 .bx-wrapper {

  background: url(../images/bg-bx-slider-home2.jpg) no-repeat;

  background-size: 100% auto;

}



.slider-full-screen2 .bx-wrapper .bx-controls-direction a {

  width: 50%;

  margin-top: 0px;

  top: inherit;

  bottom: -35px;

  height: 38px;

  transition: all 0.3s ease 0s;

}



.slider-full-screen2 .bx-wrapper .bx-controls-direction a:after {

  position: absolute;

  font-size: 16px;

  left: 50%;

  top: 15px;

  background: url(../images/icon-bx-slider.png) no-repeat scroll center 0;

  height: 20px;

  width: 20px;

  content: "";

  margin-left: -10px;

}



.slider-full-screen2 .bx-wrapper .bx-controls-direction a.bx-prev:after {

  background-position: center bottom 14px;

}



.slider-full-screen2 .bx-wrapper .bx-prev {

  right: 0px;

  left: inherit;

  background: #000;

  box-shadow: 0 0 0 30px #2c2c2c inset;

}



.slider-full-screen2 .bx-wrapper .bx-prev:hover {

  box-shadow: 0 0 0 1px #000 inset;

}



.slider-full-screen2 .bx-wrapper .bx-next {

  left: 0px;

  right: inherit;

  background: #2c2c2c;

  box-shadow: 0 0 0 30px #000 inset;

  border-right: 1px solid #353535;

}



.slider-full-screen2 .bx-wrapper .bx-next:hover {

  box-shadow: 0 0 0 1px #2c2c2c inset;

}



.slider-full-screen2 .slide {

  display: inline-block;

  width: 100%;

  float: left;

  overflow: hidden;

}



.slider-full-screen2 .slide:after, .slider-full-screen2 .slide:before {

  position: absolute;

  content: "";

  background: #4a4a49;

  height: 1px;

  width: 100%;

  left: 50%;

  bottom: 0px;

}



.slider-full-screen2 .slide:before {

  bottom: 50%;

  width: 30px;

  background: #fff;

}



.slider-full-screen2 .slide .text, .slider-full-screen2 .slide .images {

  display: inline-block;

  float: left;

  width: 50%;

}



.slider-full-screen2 .slide .images img {

  width: 100%;

}



.slider-full-screen2 .slide .text {

  position: absolute;

  top: 50%;

  margin-top: -10px;

  padding-left: 50px;

}



.slider-full-screen2 .slide .text h3 {

  color: #fff;

  font: 300 14px/20px "Oswald";

  text-transform: uppercase;

  letter-spacing: 3px;

}



.slider-full-screen2 .slider-one-item .product .text {

  position: absolute;

  left: 100px;

  top: 40%;

  text-align: left;

  max-width: 580px;

}



.slider-full-screen2 .slider-one-item .product .text h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  line-height: 30px;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 20px;

}



.slider-full-screen2 .slider-one-item .product .text .price {

  font-family: "Poppins";

  font-size: 40px;

  font-weight: 300;

  color: #000;

  margin: 25px 0 16px;

}



.slider-full-screen2 .slider-one-item .product .text .product-content {

  color: #858585;

  font-size: 13px;

  font-family: "Poppins";

  line-height: 25px;

  margin-bottom: 20px;

}



.slider-full-screen2 .slider-one-item .product .text a {

  font-family: "Oswald";

  font-weight: 700;

  letter-spacing: 3px;

  font-size: 10px;

  color: #000;

  text-transform: uppercase;

  display: inline-block;

  height: 32px;

  line-height: 28px;

  padding: 0px 10px;

  margin-bottom: 0px;

  border: 2px solid #000;

}



.slider-full-screen2 .slider-one-item .owl-dots {

  text-align: left;

  padding-left: 100px;

  bottom: 150px;

}



.upsell-product.products.owl-carousel .owl-nav .owl-prev, .upsell-product.products.owl-carousel .owl-nav .owl-next {

  opacity: 1;

  transform: translate(0, 0);

  width: 80px;

  height: 30px;

  border: 1px solid #cdcdcd;

  top: -20px;

  left: calc(50% + 5px);

}



.upsell-product.products.owl-carousel .owl-nav .owl-prev i, .upsell-product.products.owl-carousel .owl-nav .owl-next i {

  margin-top: 0px;

  line-height: 26px;

}



.upsell-product.products.owl-carousel .owl-nav .owl-prev:hover, .upsell-product.products.owl-carousel .owl-nav .owl-next:hover {

  border-color: #80b435;

}



.upsell-product.products.owl-carousel .owl-nav .owl-prev:hover i, .upsell-product.products.owl-carousel .owl-nav .owl-next:hover i {

  color: #80b435;

}



.upsell-product.products.owl-carousel .owl-nav .owl-prev {

  left: calc(50% - 85px);

}



.upsell-product.products .item-inner {

  padding-top: 20px;

  padding-bottom: 40px;

}



.home7-control.owl-carousel .owl-nav .owl-prev, .home7-control.owl-carousel .owl-nav .owl-next {

  margin: 0px;

  background: rgba(0, 0, 0, 0.3);

  height: 50px;

  width: 50px;

  transform: translateY(-50%);

}



.home7-control.owl-carousel .owl-nav .owl-prev:hover, .home7-control.owl-carousel .owl-nav .owl-next:hover {

  background: black;

}



.home7-control.owl-carousel .owl-nav .owl-prev i, .home7-control.owl-carousel .owl-nav .owl-next i {

  color: #fff;

  margin-top: 13px;

}



.slider-user {

  padding-top: 80px;

  padding-bottom: 50px;

  background-attachment: fixed;

}



.slider-user .slider-dot-images p, .slider-user .slider-dot-images h3 {

  color: #fff;

}



.slider-user .slider-dot-images h3 {

  font-weight: 700;

}



.slider-dot-images {

  margin-top: 80px;

  padding: 0 20px;

  margin-bottom: 30px;

}



.slider-dot-images .slider-nav {

  max-width: 450px;

  margin-top: 80px;

}



.slider-dot-images .slider-nav img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}



.slider-dot-images .slider-nav .slick-slide {

  transform: scale(0.8);

  transition: all 0.5s ease 0s;

  opacity: 0.3;

  cursor: pointer;

}



.slider-dot-images .slider-nav .slick-slide.slick-current, .slider-dot-images .slider-nav .slick-slide:hover {

  transform: scale(1);

  opacity: 1;

}



.slider-dot-images .owl-dots {

  text-align: center;

}



.slider-dot-images .owl-dots .owl-dot {

  display: inline-block;

  background-size: 100% auto;

  width: 75px;

  height: 75px;

  text-align: center;

  border-radius: 50%;

  opacity: 0.3;

  transform: scale(0.85);

  transition: all 0.5s ease 0s;

}



.slider-dot-images .owl-dots .owl-dot.active, .slider-dot-images .owl-dots .ordering span.owl-dot:hover, .ordering .slider-dot-images .owl-dots span.owl-dot:hover, .slider-dot-images .owl-dots .owl-dot:hover {

  opacity: 1;

  transform: scale(1);

}



@media (max-width: 420px) {

  .slider-dot-images .owl-dots .owl-dot {

    width: 60px;

    height: 60px;

  }

}



@media (max-width: 320px) {

  .slider-dot-images .owl-dots .owl-dot {

    width: 50px;

    height: 50px;

  }

}



.slider-dot-images p {

  max-width: 810px;

  font: 400 16px/25px "Roboto Slab";

  color: #fff;

  margin: auto;

  margin-bottom: 30px;

  padding-bottom: 30px;

  margin-top: 20px;

  position: relative;

}



.slider-dot-images p:after {

  position: absolute;

  margin: auto;

  bottom: 0px;

  left: 0px;

  right: 0px;

  height: 1px;

  width: 90px;

  background: #c1c1c1;

  content: "";

}



.slider-dot-images h3 {

  font: 700 24px/30px "Roboto Condensed";

  color: #ffffff;

  letter-spacing: 2px;

}



.slider-dot-images a {

  color: #80b435;

  font: 300 14px "Roboto";

}



.slider-one-item-ver2 .slider-dot-images .slider-nav {

  margin-top: 0px;

}



.brand-content {

  height: 170px;

}



.brand-content .items {

  padding: 15px 0px;

}



.featured-products {

  width: 100%;

  display: inline-block;

  margin-bottom: 30px;

}



@media (min-width: 1200px) {

  .featured-products.home_2 .products .product {

    width: 20%;

  }

}



.featured-products .products .product {

  float: left;

  padding: 0 10px;

  position: relative;

  border-bottom: 1px solid #e8e8e8;

  padding-top: 30px;

  padding-bottom: 10px;

}



.featured-products .products .product:after {

  position: absolute;

  content: "";

  top: 30px;

  bottom: 30px;

  width: 1px;

  background: #e8e8e8;

  right: 0px;

}



@media (min-width: 1200px) {

  .featured-products .products .product {

    width: 16.6666%;

  }

  .featured-products .products .product:nth-last-child(1), .featured-products .products .product:nth-last-child(2), .featured-products .products .product:nth-last-child(3), .featured-products .products .product:nth-last-child(4), .featured-products .products .product:nth-last-child(5), .featured-products .products .product:nth-last-child(6) {

    border-bottom: none;

  }

  .featured-products .products .product:nth-child(6n):after {

    width: 0px;

  }

}



@media (max-width: 1119px) and (min-width: 768px) {

  .featured-products .products .product {

    width: 33.33%;

  }

}



@media (min-width: 481px) and (max-width: 767px) {

  .featured-products .products .product {

    width: 50%;

  }

  .featured-products .products .product:nth-last-child(1), .featured-products .products .product:nth-last-child(2), .featured-products .products .product:nth-last-child(3), .featured-products .products .product:nth-last-child(4) {

    border-bottom: none;

  }

  .featured-products .products .product:nth-child(4n):after {

    width: 0px;

  }

}



@media (max-width: 480px) {

  .featured-products .products .product {

    width: 50%;

  }

  .featured-products .products .product:nth-last-child(1), .featured-products .products .product:nth-last-child(2) {

    border-bottom: none;

  }

  .featured-products .products .product:nth-child(2n):after {

    width: 0px;

  }

}



@media (max-width: 980px) and (min-width: 768px) {

  .featured-products .products.ver2 .product p.product-title {

    margin-top: -60px;

    font: 400 16px/20px "Roboto Slab";

  }

}



.featured-products.new-arrivals .products .product {

  border: none;

  text-align: left;

}



.rtl .featured-products.new-arrivals .products .product {

  text-align: right;

}



.featured-products.new-arrivals .products .product:after {

  width: 0px;

}



.featured-products.new-arrivals .products .product .product-title {

  padding-left: 20px;

  padding-right: 20px;

}



.featured-products.new-arrivals .products .product .product-price-old {

  padding-left: 20px;

}



@media (max-width: 480px) {

  .featured-products.new-arrivals .products .product {

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

  }

  .featured-products.new-arrivals .products .product .product-title {

    padding-left: 10px;

  }

  .featured-products.new-arrivals .products .product .product-price-old {

    padding-left: 10px;

  }

}



.owl-nav-ver1 .owl-carousel .owl-nav .owl-prev, .owl-nav-ver1 .owl-carousel .owl-nav .owl-next {

  background: #959595;

  height: 50px;

  width: 40px;

}



.owl-nav-ver1 .owl-carousel .owl-nav .owl-prev:hover, .owl-nav-ver1 .owl-carousel .owl-nav .owl-next:hover {

  background: #80b435;

}



.owl-nav-ver1 .owl-carousel .owl-nav .owl-prev i, .owl-nav-ver1 .owl-carousel .owl-nav .owl-next i {

  color: #fff;

  font-size: 36px;

  margin: 0px;

  line-height: 50px;

}



/** 4.4. Banner Center **/

.banner-private {

  position: relative;

}



.banner-private img {

  width: 100%;

}



.banner-private .text {

  position: absolute;

  bottom: 50px;

  left: 50px;

  color: #333;

}



.banner-private .text h2 {

  text-transform: uppercase;

}



.banner-private .text p {

  font-weight: 300;

}



.banner-private .text img {

  width: auto;

}



.banner-private.center .text {

  text-align: center;

  right: 35px;

  bottom: 65%;

  transform: translateY(50%);

}



.banner-private.center .text img {

  margin: auto;

  margin-bottom: 15px;

  opacity: 1;

}



.banner-private.center .text h2 {

  font: 400 60px/60px "Playfair Display";

  color: #333;

  text-transform: capitalize;

  margin-bottom: 15px;

  padding-bottom: 15px;

  position: relative;

}



.banner-private.center .text p {

  font: 300 18px/25px "Roboto Condensed";

  color: #565656;

}



.banner-home2 img {

  width: 100%;

}



.banner-home2 .col-md-5 {

  position: relative;

}



.banner-home2 .col-md-5 a:first-child {

  margin-bottom: 37px;

}



.banner-home2 .col-md-5 .hover-effect-border {

  display: inline-block;

  position: relative;

}



@media (min-width: 768px) and (max-width: 1024px) {

  .banner-home2 .col-md-5 .hover-effect-border {

    width: 100%;

  }

}



.banner-home2 .col-md-5 .hover-effect-border .text {

  position: absolute;

  width: 100%;

  text-align: center;

  left: 0px;

  top: 20%;

}



.banner-home2 .col-md-5 .hover-effect-border .text h4 {

  font-weight: 300;

  letter-spacing: 2px;

  color: #9a9a9a;

  font-style: 12px;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 20px;

}



.banner-home2 .col-md-5 .hover-effect-border .text h4:after {

  position: absolute;

  content: "";

  width: 55px;

  height: 1px;

  background: #000;

  margin-left: -23px;

  left: 50%;

  bottom: 0px;

}



.banner-home2 .col-md-5 .hover-effect-border .text h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  color: #000;

  line-height: 35px;

  margin-bottom: 25px;

}



.banner-home2 .col-md-5 .hover-effect-border .text p {

  font-family: "Poppins";

  font-size: 13px;

  color: #858585;

  line-height: 20px;

  max-width: 390px;

  padding: 0 20px;

  margin: 0 auto;

}



.banner-home2 .col-md-5 .hover-effect-border .text button {

  border: none;

  color: #fff;

  font-size: 12px;

  background: #000;

  padding: 0px 65px;

  height: 46px;

  line-height: 42px;

  margin-top: 25px;

  border: 2px solid #000;

}



.banner-header {

  position: relative;

}



.banner-header img {

  width: 100%;

}



.banner-header .text {

  position: absolute;

  width: 100%;

  height: 170px;

  top: 50%;

  margin-top: -85px;

  border: 4px solid #fff;

  text-align: center;

  color: #fff;

  padding: 35px;

}



.banner-header .text h3 {

  display: inline-block;

  width: 100%;

  text-transform: uppercase;

  font-size: 65px;

  font-family: "Playfair Display";

  line-height: 50px;

  letter-spacing: 15px;

  padding-bottom: 15px;

}



.banner-header .text p {

  font-size: 18px;

  text-transform: capitalize;

  font-weight: 400;

  padding-top: 10px;

  font-family: "Roboto Condensed";

  color: #80b435;

}



.banner-header .text p i {

  font-size: 14px;

  margin: 0 20px;

  color: #fff;

}



.banner-header .text p a {

  color: #fff;

}



.banner-header .text p a:hover {

  color: #80b435;

}



.banner-header.banner-lbook3 img {

  width: 100%;

}



.banner-header.banner-lbook3 .text {

  border: none;

}



.banner-header.banner-lbook3 .text img {

  width: auto;

}



.banner-header.banner-lbook3 .text h3 {

  display: inline-block;

  width: 100%;

  text-transform: capitalize;

  font-size: 65px;

  font-family: "Roboto Slab";

  line-height: 65px;

  letter-spacing: 5px;

  padding-bottom: 15px;

}



.banner-header.banner-lbook3 .text p {

  font-size: 18px;

  text-transform: capitalize;

  font-weight: 400;

  padding-top: 10px;

  font-family: "Roboto Slab";

  color: #80b435;

}



.banner-header.banner-lbook3 .text p i {

  font-size: 14px;

  margin: 0 20px;

  color: #fff;

}



.banner-header.banner-lbook3 .text p a {

  color: #fff;

}



.banner-header.banner-lbook3 .text p a:hover {

  color: #80b435;

}



.banner-header.banner-lbook3.single-post .text {

  width: 100%;

  left: 0px;

  margin-left: 0px;

}



.banner-header.banner-lbook3.single-post .text h3 {

  font: 400 50px/50px "Playfair Display";

}



.banner-header.banner-lbook3.single-post .text p {

  font: 400 13px/20px "Poppins";

  color: #a3a3a3;

}



.banner-header.banner-lbook3.single-post .text p.cat {

  font: 300 12px/20px "Oswald";

  letter-spacing: 2px;

  color: #9a9a9a;

}



.banner-top-home3 .items {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.banner-top-home3 .items .text {

  background: rgba(255, 255, 255, 0.3);

  padding: 30px 0px 0px 0px;

  position: absolute;

  top: 0px;

  right: 30px;

  left: 30px;

  bottom: 0px;

  margin: auto;

  text-align: center;

  height: 170px;

}



.banner-top-home3 .items .text h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  text-transform: capitalize;

  color: #fff;

  line-height: 40px;

  position: relative;

  margin-bottom: 50px;

}



.banner-top-home3 .items .text h3:after {

  position: absolute;

  left: 50%;

  bottom: -25px;

  width: 66px;

  margin-left: -33px;

  height: 3px;

  content: "";

  background-color: #fff;

}



.banner-top-home3 .items .text p {

  font-weight: 300;

  color: #fff;

  letter-spacing: 4px;

  text-transform: uppercase;

  line-height: 30px;

}



.banner-top-home3 .items a {

  font-size: 12px;

  font-weight: 700;

  color: #fff;

  border-bottom: 1px solid #fff;

  text-transform: uppercase;

  letter-spacing: 3px;

  padding-bottom: 4px;

  display: inline-block;

  text-align: center;

  margin: 30px 0px;

}



.banner-home4-top {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.banner-home4-top .col-md-6 {

  padding: 0px;

  position: relative;

}



.banner-home4-top .col-md-6 .col-md-12 {

  padding: 0px;

  position: relative;

}



.banner-home4-top img {

  width: 100%;

}



.banner-home4-top .text {

  position: absolute;

  left: 40px;

  bottom: 40px;

}



.banner-home4-top .text h3 {

  font-family: "Playfair Display";

  font-size: 35px;

  color: #000;

  line-height: 30px;

  font-weight: 400;

  margin-bottom: 10px;

}



.banner-home4-top .text p {

  font-weight: 300;

  padding-left: 3px;

  font-size: 12px;

  color: #828282;

  text-transform: uppercase;

  letter-spacing: 2px;

  padding-bottom: 30px;

  position: relative;

}



.banner-home4-top .text p:after {

  position: absolute;

  content: "";

  bottom: 0px;

  left: 3px;

  width: 50px;

  background: #e95252;

  height: 3px;

}



.banner-home4 .catbox-container .items {

  width: 100%;

}



.banner-home4 .catbox-container .items:first-child {

  margin-bottom: 28px;

}



.banner-home4 .hover-images {

  position: relative;

}



.banner-home4 .hover-images img {

  max-width: 100%;

}



.banner-home4 .hover-images .text {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 50%;

  margin: auto;

}



.banner-home4 .hover-images .text h4 {

  background: #80b435;

  color: #fff;

  text-transform: uppercase;

}



@media (max-width: 1200px) and (min-width: 768px) {

  .banner-home4 .row {

    margin-left: -7px;

    margin-right: -7px;

  }

  .banner-home4 .col-sm-4 {

    padding: 0px 7px;

  }

  .banner-home4 .col-sm-4 .items:first-child {

    margin-bottom: 14px;

  }

}



@media (min-width: 441px) and (max-width: 767px) {

  .banner-home4 .row {

    margin-left: -7px;

    margin-right: -7px;

  }

  .banner-home4 .col-sm-4 {

    width: 50%;

    float: left;

    padding-left: 7px;

    padding-right: 7px;

  }

  .banner-home4 .col-sm-4 .items:first-child {

    margin-bottom: 14px;

  }

  .banner-home4 .col-sm-4:last-child {

    width: 100%;

  }

  .banner-home4 .col-sm-4:last-child .items {

    width: 50%;

    padding-left: 7px;

  }

  .banner-home4 .col-sm-4:last-child .items:first-child {

    padding-right: 7px;

    padding-left: 0px;

  }

}



@media (max-width: 440px) {

  .banner-home4 .catbox-container .items:first-child {

    margin-bottom: 0px;

  }

}



.blog-post-container-v2.blog-post-container {

  margin: 0px;

}



.blog-post-container-v2.blog-post-container .blog-post-item {

  margin: 0px;

}



.blog-post-container-v2.blog-post-container .blog-post-item .blog-post-content {

  left: -1px;

  right: -1px;

  bottom: 4px;

  background: rgba(0, 0, 0, 0.3);

}



.blog-post-container-v2.blog-post-container .blog-post-item .blog-post-content .cat {

  color: #fff;

  margin: 15px 0px !important;

}



.blog-post-container-v2.blog-post-container .blog-post-item .blog-post-content .cat:after {

  background: #6f6f6f;

  bottom: -10px;

}



.blog-post-container-v2.blog-post-container .blog-post-item .blog-post-content .blog-title {

  color: #fff;

  margin-bottom: 35px;

}



.blog-post-container-v2.blog-post-container .blog-post-item .blog-post-content:before {

  border: none;

  position: static;

}



.banner-private-v2 {

  position: relative;

}



.banner-private-v2 .text {

  position: absolute;

  width: 100%;

  text-align: center;

  left: 0px;

  top: 20%;

}



.banner-private-v2 .text h4 {

  font-weight: 300;

  letter-spacing: 2px;

  color: #9a9a9a;

  font-style: 12px;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 20px;

}



.banner-private-v2 .text h4:after {

  position: absolute;

  content: "";

  width: 55px;

  height: 1px;

  background: #000;

  margin-left: -23px;

  left: 50%;

  bottom: 0px;

}



.banner-private-v2 .text h3 {

  font-family: "Playfair Display";

  font-size: 40px;

  color: #000;

  line-height: 35px;

  margin-bottom: 25px;

}



.banner-private-v2 .text p {

  font-family: "Poppins";

  font-size: 13px;

  color: #858585;

  line-height: 20px;

  max-width: 390px;

  padding: 0 20px;

  margin: 0 auto;

}



.banner-private-v2 .text button {

  border: none;

  color: #fff;

  font-size: 12px;

  background: #000;

  padding: 0px 65px;

  height: 46px;

  line-height: 42px;

  margin-top: 25px;

  border: 2px solid #000;

}



.banner-hom7-center .banner-private-v2 {

  text-align: center;

}



.banner-hom7-center .banner-private-v2 .text {

  width: 555px;

  height: 350px;

  background: rgba(255, 255, 255, 0.8);

  top: 50%;

  left: 50%;

  margin-top: -175px;

  margin-left: -273px;

}



.banner-hom7-center .banner-private-v2 .text h4 {

  margin-top: 60px;

}



.banner-home7-center1 .text, .banner-home7-center2 .text {

  text-align: center;

  left: 0px;

  width: 100%;

  bottom: inherit;

  top: 25%;

  position: absolute;

}



.banner-home7-center1 .text span, .banner-home7-center2 .text span {

  font-size: 80px;

  position: relative;

  padding-bottom: 25px;

  margin-bottom: 25px;

  display: inline-block;

}



.banner-home7-center1 .text span:after, .banner-home7-center2 .text span:after {

  position: absolute;

  content: "";

  left: 50%;

  bottom: 0px;

  width: 60px;

  height: 2px;

  margin-left: -30px;

  background: #fff;

}



.banner-home7-center1 .text h3, .banner-home7-center2 .text h3 {

  font-size: 16px;

  text-transform: uppercase;

  letter-spacing: 3px;

  max-width: 265px;

  line-height: 25px;

  margin: 0 auto;

}



.banner-home7-center2 .text {

  text-align: center;

}



.banner-home7-center2 .text span, .banner-home7-center2 .text h3 {

  color: #000;

  max-width: 100%;

}



.banner-home7-center2 .text span {

  font-size: 80px;

}



.banner-home7-center2 .text span:after {

  background: #000;

}



.banner-home3-colection-top {

  position: relative;

}



.banner-home3-colection-top img {

  width: 100%;

}



.banner-home3-colection-top a.button {

  position: absolute;

  color: #fff;

  left: 50%;

  bottom: 20%;

  font-size: 13px;

  letter-spacing: 4px;

  margin-left: -90px;

}



.banner-home3-colection-top a.button:hover {

  background: none !important;

}



.banner-home3 {

  margin-bottom: 50px;

}



@media (min-width: 1200px) {

  .banner-home3 {

    margin-bottom: 130px;

  }

}



.banner-home3 .container {

  position: relative;

}



.banner-home3 .text {

  position: absolute;

  left: 0px;

  right: 0px;

  top: 50%;

  margin: auto;

  text-align: center;

  transform: translate(0, -50%);

}



.banner-home3 .text img {

  margin-bottom: 20px;

}



.banner-home3 .text h4 {

  font: 300 24px/30px "Roboto Slab";

  color: #fff;

  position: relative;

  margin-bottom: 35px;

  padding-bottom: 25px;

  text-transform: uppercase;

}



.banner-home3 .text h4:after {

  position: absolute;

  content: "";

  left: 0px;

  right: 0px;

  bottom: 0px;

  height: 1px;

  background-color: #fff;

  width: 110px;

  margin: auto;

}



.banner-home3 .text h3 {

  font: 700 60px/70px "Roboto Slab";

  color: #fff;

  letter-spacing: 3px;

}



.banner-home3 .text p {

  font: 300 24px/30px "Roboto Slab";

  color: #fff;

}



@media (max-width: 1200px) {

  .banner-home3 .text h3 {

    font: 700 45px/50px "Roboto Slab";

  }

  .banner-home3 .text h4 {

    margin-bottom: 15px;

    padding-bottom: 15px;

  }

  .banner-home3 .text p {

    font: 300 18px/30px "Roboto Slab";

  }

}



@media (max-width: 440px) {

  .banner-home3 .text img {

    max-width: 25px;

    margin-bottom: 5px;

  }

  .banner-home3 .text h3 {

    font: 700 20px/25px "Roboto Slab";

  }

  .banner-home3 .text h4 {

    font: 300 14px/16px "Roboto Slab";

    margin-bottom: 5px;

    padding-bottom: 5px;

  }

  .banner-home3 .text p {

    font: 300 12px/16px "Roboto Slab";

  }

}



.banner-home3 .icon-banner {

  position: absolute;

  bottom: -50px;

  left: -128px;

}



@media (max-width: 1200px) {

  .banner-home3 .icon-banner {

    left: -20px;

  }

  .banner-home3 .icon-banner img {

    max-width: 200px;

  }

}



@media (max-width: 767px) {

  .banner-home3 .icon-banner {

    display: none;

  }

}



.banner-home3-lookbook1 .text {

  width: 100%;

  left: 0px;

  text-align: center;

  bottom: 70px;

}



.banner-home3-lookbook1 .text h3 {

  font: 400 60px "Oswald";

  letter-spacing: 20px;

  position: relative;

  display: inline-block;

}



.banner-home3-lookbook1 .text h3:after {

  position: absolute;

  content: "";

  background: #fff;

  height: 3px;

  right: 15px;

  left: 2px;

  bottom: 0px;

}



.banner-home3-lookbook1 .text p {

  font: 400 16px "Oswald";

  letter-spacing: 5px;

  padding-top: 10px;

  position: relative;

}



.banner-home3-lookbook1 .text p:after {

  position: absolute;

  content: "";

  left: 50%;

  width: 1px;

  height: 500px;

  top: 50px;

  background: #fff;

}



.banner-home3-lookbook1.banner-home3-top-50 .text {

  bottom: 40%;

}



.banner-home3-lookbook2 .text {

  width: 100%;

  left: 0px;

  text-align: center;

  top: 30%;

  bottom: inherit;

}



.banner-home3-lookbook2 .text .icons {

  font-size: 80px;

  padding-bottom: 50px;

  display: inline-block;

}



.banner-home3-lookbook2 .text h3 {

  font: 300 35px/40px "Oswald";

  letter-spacing: 10px;

  padding-bottom: 50px;

}



.banner-home3-lookbook2 .text a {

  font: 700 10px "Oswald";

  letter-spacing: 3px;

}



.banner-home3-lookbook2 .text a:hover {

  background: none;

}



.banner-video {

  position: relative;

}



.banner-video img {

  width: 100%;

}



.banner-video .text {

  position: absolute;

  left: 0px;

  width: 100%;

  top: 40%;

  color: #fff;

  text-align: center;

}



.banner-video .text .icons {

  height: 154px;

  width: 154px;

  background: url(../images/icon-video.png) no-repeat;

  display: inline-block;

}



.banner-video .text h3 {

  font: 400 30px/30px "Oswald";

  text-transform: uppercase;

  letter-spacing: 15px;

  margin-top: 50px;

}



.banner-home-collec1.related-products {

  padding: 0px;

}



.banner-home-collec1.related-products .product-details {

  padding: 0px;

}



.banner-home-collec1.related-products .product-details:after {

  background: none;

  height: 0px;

  width: 0px;

}



.banner-home-collec1.related-products .product-details img {

  width: 100%;

}



.banner-home-collec1.related-products .product-details .text {

  position: absolute;

  top: 30%;

  left: 150px;

  max-width: 520px;

}



.banner-home-collec1.related-products .product-details h4 {

  font-weight: 300;

  color: #9d9d9d;

}



.banner-product-details3 {

  position: relative;

  margin-bottom: 30px;

}



.banner-product-details3 img {

  width: 100%;

}



.banner-product-details3 h3 {

  position: absolute;

  width: 100%;

  text-align: center;

  font: 400 50px/50px "Oswald";

  color: #fff;

  top: 50%;

  left: 0px;

  margin-top: -25px;

  letter-spacing: 10px;

}



.banner-header a.action {

  display: inline-block;

  width: 19px;

  height: 59px;

  position: absolute;

  bottom: 80px;

  left: 50%;

  margin-left: -10px;

  background: url(../images/down-white.png) no-repeat;

}



.banner-por-single {

  text-align: center;

}



.banner-por-single img {

  display: inline-block;

}



.special {

  padding: 40px 0px 55px;

}



@media (min-width: 1200px) {

  .special .col-md-7 {

    padding-right: 30px;

  }

  .rtl .special .col-md-7 {

    padding-left: 30px;

    padding-right: inherit;

  }

}



.special .col-md-5, .special .col-md-7 {

  padding: 0px;

}



.special .images-logo {

  position: relative;

  z-index: 999;

}



@media (min-width: 1200px) {

  .special .images-logo {

    transform: translate(0px, 80px);

  }

}



@media (min-width: 1200px) {

  .special.special-v2 .images-logo {

    transform: translate(0px, 0px);

  }

}



.special.home3-special img {

  max-width: 570px;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

}



@media (max-width: 980px) {

  .special.home3-special img {

    max-width: 350px;

  }

}



@media (max-width: 639px) {

  .special.home3-special img {

    max-width: 100%;

  }

}



.special.home3-special .special-content h5 {

  padding-bottom: 0px;

}



.special.home3-special .special-content h5:after {

  width: 0px;

}



.special.home3-special .special-content .time {

  background: #333;

  display: inline-block;

  width: auto;

  padding: 50px 60px;

  margin-left: -80px;

  margin-bottom: 50px;

}



.rtl .special.home3-special .special-content .time {

  margin-right: -80px;

  margin-left: inherit;

}



.special.home3-special .special-content .time .distance {

  background: none;

  margin: 0px;

  border-right: 1px solid #fff;

  border-radius: 0px;

  width: 120px;

}



.special.home3-special .special-content .time .distance .number {

  font-size: 48px;

  line-height: 50px;

  font-weight: 300;

}



.special.home3-special .special-content .time .distance:last-child {

  border-right: none;

}



.special.home3-special .special-content .time .distance .text {

  color: #fff;

}



@media (max-width: 1024px) {

  .special.home3-special .special-content .time {

    padding: 20px 30px;

  }

  .special.home3-special .special-content .time .distance {

    width: 80px;

    text-align: center;

  }

  .special.home3-special .special-content .time .distance .number {

    font-size: 30px;

    line-height: 30px;

  }

  .special.home3-special .special-content .time .distance .text {

    line-height: 14px;

  }

}



@media (max-width: 980px) and (min-width: 768px) {

  .special.home3-special .special-content .time {

    margin-bottom: 25px;

  }

}



.special.home3-special .special-content a {

  display: inline-block;

  width: 80px;

  height: 80px;

  margin-right: 10px;

  background: #333;

  text-align: center;

  border: 1px solid #333;

  transition: all 0.3s ease 0s;

}



.special.home3-special .special-content a:hover {

  background: #fff;

}



.special.home3-special .special-content a:hover i {

  color: #333;

}



.special.home3-special .special-content a i {

  color: #fff;

  line-height: 78px;

  font-size: 36px;

}



.special.home3-special .special-content a:last-child {

  margin-right: 0px;

}



.special.special-v2 {

  padding-top: 75px;

}



.special.special-v2 .special-content {

  text-align: center;

  max-width: 500px;

  padding-top: 0px;

}



.special.special-v2 .special-content p {

  font: 300 24px/30px "Roboto Slab";

  color: #2b2b2b;

}



.special.special-v2 .special-content h3 {

  font: 700 60px/70px "Roboto Slab";

}



.special.special-v2 .special-content h5 {

  font: 300 24px/30px "Roboto Slab";

  letter-spacing: 4px;

  position: relative;

}



.special.special-v2 .special-content h5:after {

  position: absolute;

  content: "";

  height: 1px;

  width: 110px;

  background: #b9b9b8;

  margin: auto;

  left: 0px;

  bottom: -24px;

  right: 0px;

}



.special.special-v2 .special-content .time {

  margin: auto;

  background: none;

  text-align: center;

}



.special.special-v2 .special-content .time .distance {

  width: 80px;

  height: 80px;

}



.special.special-v2 .special-content .time .distance:after {

  width: 0px;

}



.special.special-v2 .special-content .time .distance .number {

  font: 300 32px/35px "Roboto Slab";

}



.special.special-v2 .special-content .time .distance .text {

  font: 400 12px/15px "Roboto Slab";

}



.special.special-v2 .special-content .link-v1 {

  margin: auto;

  float: inherit;

}



@media (max-width: 1200px) and (min-width: 980px) {

  .special.home_v1 .col-md-5, .special.home_v1 .col-md-7 {

    width: 50%;

    float: left;

  }

  .special.home_v1 .special-content {

    padding-top: 0px;

  }

  .special.home_v1 .special-content .time .distance {

    width: 100px;

    height: 80px;

  }

  .special.home_v1 .special-content .time .distance .number {

    font: 300 32px/35px "Roboto Slab";

  }

}



.special-content {

  font-family: "Playfair Display";

  text-align: left;

  padding-top: 70px;

}



.rtl .special-content {

  text-align: right;

}



.special-content h4 {

  font-size: 30px;

  text-transform: capitalize;

  line-height: 30px;

  margin-bottom: 10px;

}



.special-content h3 {

  font: 300 42px/50px "Roboto Slab";

  color: #80b435;

  text-transform: uppercase;

  vertical-align: bottom;

  display: inline-block;

  margin-left: 10px;

}



.special-content .icon-big {

  vertical-align: 5px;

}



.special-content h5 {

  text-transform: uppercase;

  margin-bottom: 20px;

  font: 300 20px/30px "Roboto";

  letter-spacing: 3px;

  color: #2b2b2b;

}



.special-content .link-v1 {

  margin-left: 430px;

  margin-top: -20px;

  float: left;

}



@media (max-width: 980px) and (min-width: 768px) {

  .special-content {

    padding-top: 20px;

  }

  .special-content h3 {

    margin-bottom: 10px;

    font-size: 35px;

    line-height: 35px;

  }

  .special-content h5 {

    font-size: 15px;

    line-height: 20px;

  }

  .special-content h4 {

    font-size: 20px;

    line-height: 20px;

  }

}



.special-content .time {

  text-align: left;

  background-color: #fff;

  max-width: 740px;

  display: block;

  text-align: center;

  margin-left: -120px;

  padding: 40px 0px;

}



.rtl .special-content .time {

  text-align: right;

}



.special-content .time .distance {

  background: #fff;

  padding: 10px;

  border-radius: 5px;

  width: 155px;

  height: 100px;

  margin: 0 5px;

  text-align: center;

  position: relative;

}



.special-content .time .distance:after {

  position: absolute;

  width: 1px;

  height: 60px;

  background-color: #e5e5e5;

  right: 0px;

  top: 16px;

  content: '';

}



.special-content .time .distance:first-child {

  margin-left: 0px;

}



.special-content .time .distance:last-child {

  margin-right: 0px;

}



.special-content .time .distance:last-child:after {

  width: 0px;

}



.special-content .time .distance .number {

  font: 400 48px/50px "Roboto Slab";

  color: #80b435;

  display: block;

}



.special-content .time .distance .number b {

  font-weight: 300 !important;

}



.special-content .time .distance .text {

  font: 400 14px/15px "Roboto Slab";

  color: #333;

  display: block;

  text-transform: uppercase;

}



.instagram .item {

  display: inline-block;

  float: left;

  width: 12.5%;

}



.instagram .item img {

  width: 100%;

}



@media (max-width: 980px) {

  .instagram .item {

    width: 25%;

  }

}



@media (max-width: 639px) {

  .instagram .item {

    width: 50%;

  }

}



.home3-latest-news h2 {

  font: 400 40px "Playfair Display";

  color: #2b2b2b;

  padding-bottom: 10px;

  margin-bottom: 10px;

  position: relative;

}



.home3-latest-news h2:after {

  position: absolute;

  content: "";

  left: 0px;

  width: 100px;

  bottom: 0px;

  height: 2px;

  background: #80b435;

}



.home3-latest-news .item {

  padding: 30px 0px;

  border-bottom: 1px solid #cdcdcd;

}



.home3-latest-news .item:last-child {

  border: none;

}



.home3-latest-news .item .date {

  text-align: center;

  color: #333;

  margin-right: 20px;

}



.rtl .home3-latest-news .item .date {

  margin-left: 20px;

  margin-right: inherit;

}



.home3-latest-news .item .date .day {

  font: 400 60px "Roboto";

}



.home3-latest-news .item .date .month {

  font: 400 14px "Roboto";

}



.home3-latest-news .item .text .title {

  color: #333;

  font: 400 20px "Playfair Display";

  margin-bottom: 10px;

  display: block;

}



.home3-latest-news .item .text .title:hover {

  color: #80b435;

}



.home3-latest-news .item .text p {

  font: 300 14px/20px "Roboto";

}



.home3-latest-news .item .text .read-more {

  color: #80b435;

  font: 300 14px/20px "Roboto";

}



@media (max-width: 767px) {

  .home1-banner1 .hover-images {

    width: 100%;

  }

  .home1-banner1 .hover-images img {

    width: 100%;

  }

}



.bg-slider-one-item {

  background: url("../images/banner/2.jpg") no-repeat;

  position: relative;

}



.bg-slider-one-item:after {

  position: absolute;

  bottom: 180px;

  left: 0px;

  background-color: #fff;

  content: '';

  opacity: 0.5;

  width: 100%;

  height: 1px;

}



.bg-slider-one-item.bg-home2-slider {

  padding: 30px 0px;

  background: url("../images/banner/7.jpg") no-repeat;

}



.bg-slider-one-item.bg-home2-slider:after {

  height: 0px;

}



.bg-slider-one-item.bg-home2-slider .title-text-v2 h3 {

  color: #fff;

}



.bg-slider-one-item.bg-home2-slider .brand-content {

  margin-top: 30px;

}



@media (max-width: 1200px) and (min-width: 768px) {

  .choose-us img {

    margin: auto;

  }

}



.choose-us .title-choose {

  text-align: center;

  margin-bottom: 50px;

}



.choose-us .title-choose h4 {

  font: 400 30px/35px "Roboto Slab";

  text-transform: capitalize;

  color: #80b435;

}



.choose-us .title-choose h3 {

  font: 400 48px/50px "Roboto Slab";

  color: #2b2b2b;

  text-transform: capitalize;

  margin-bottom: 20px;

}



@media (max-width: 420px) {

  .choose-us .title-choose h3 {

    font-size: 22px;

    line-height: 30px;

  }

}



.choose-us .title-choose p {

  max-width: 760px;

  font: 400 16px/25px "Roboto Slab";

  color: #666;

  margin: 0 auto;

}



.choose-us .title-choose.about h3 {

  font-weight: 700;

  margin-top: 20px;

}



.choose-us .title-choose.about .border-choose {

  margin-top: 30px;

}



.choose-us .title-choose.color-brand {

  margin-bottom: 80px;

}



.choose-us .title-choose.color-brand h3 {

  color: #80b435;

  text-transform: uppercase;

  font: 700 48px "Roboto Slab";

  margin-bottom: 10px;

}



.choose-us .title-choose.color-brand .border-choose {

  margin-top: 0px;

}



.choose-us .right-items h3 {

  margin-left: 0px;

  margin-right: 10px;

}



.choose-us .text {

  margin-bottom: 80px;

}



.choose-us .text h3 {

  display: inline-block;

  margin-left: 10px;

  color: #80b435;

  font: 400 24px/30px "Roboto Slab";

  margin-bottom: 20px;

}



.choose-us .text p {

  display: block;

  color: #666;

  font: 400 14px/20px "Roboto Slab";

}



.choose-us .border-choose {

  background: url("../images/bg-border-choose.png") repeat-x scroll center;

  margin: auto;

  max-width: 480px;

  text-align: center;

  margin-top: 30px;

}



.choose-us .border-choose .images {

  display: inline-block;

  width: 70px;

  text-align: center;

  background: #fff;

}



.choose-us.about-choose .items {

  width: 100%;

  display: inline-block;

  margin-top: 8px;

}



.choose-us.about-choose .items .icon {

  float: right;

  margin-left: 18px;

  display: inline-block;

  width: auto;

}



.choose-us.about-choose .items .text p {

  padding-right: 82px;

  color: #666;

}



.choose-us.about-choose .items .text h3 {

  margin-bottom: 10px;

  color: #2b2b2b;

}



@media (min-width: 768px) and (max-width: 980px) {

  .choose-us.about-choose .items .text h3 {

    font: 400 16px/30px "Roboto Slab";

  }

}



@media (min-width: 981px) and (max-width: 1199px) {

  .choose-us.about-choose .items .text h3 {

    font: 400 16px/30px "Roboto Slab";

  }

}



@media (max-width: 1200px) {

  .choose-us.about-choose .items .icon {

    float: left;

    margin-left: 0px;

    margin-right: 18px;

  }

  .choose-us.about-choose .items .text {

    text-align: left;

  }

  .choose-us.about-choose .items .text h3 {

    margin-left: 0px;

  }

  .choose-us.about-choose .items .text p {

    padding-right: 0px;

    padding-left: 82px;

  }

}



.choose-us.about-choose .align-left .icon {

  float: left;

  margin-left: 0px;

  margin-right: 18px;

}



.choose-us.about-choose .align-left .text p {

  padding-right: 0px;

  padding-left: 82px;

}



.choose-us.about-choose .align-left .text h3 {

  margin-left: 0px;

}



@media (max-width: 440px) {

  .choose-us.about-choose .col-md-4 {

    padding: 0px;

  }

}



.choose-us.choose-us-home2 .title-choose {

  margin-bottom: 10px;

  margin-top: 30px;

}



.choose-us.choose-us-home2 .title-choose h3 {

  font: 700 48px/50px "Roboto Slab";

  color: #2b2b2b;

  text-transform: inherit;

}



.choose-us.choose-us-home2 .title-choose h3 span {

  font-weight: 300;

}



.choose-us.choose-us-home2 .col-md-8 {

  padding: 0px;

}



@media (max-width: 420px) {

  .choose-us.choose-us-home2 .title-choose h3 {

    font-size: 32px;

  }

}



.banner-home2 {

  position: relative;

  z-index: 999;

  margin-top: -165px;

  margin-bottom: 40px;

}



.banner-home2 img {

  border-radius: 5px;

}



@media (max-width: 767px) {

  .banner-home2 {

    margin-top: -30px;

    z-index: 1;

  }

  .banner-home2 .col-md-4 {

    width: 33.33%;

    float: left;

  }

}



@media (max-width: 440px) {

  .banner-home2 .col-md-4 {

    width: 100%;

    margin-bottom: 20px;

  }

}



/** 4.5. Banner bottom **/

.instafeed {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.instafeed img {

  width: 100%;

}



.instafeed .items {

  width: 20%;

  float: left;

  position: relative;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  overflow: hidden;

}



.instafeed .items:before {

  width: 100%;

  height: 100%;

  position: absolute;

  content: "";

  background: url(../images/bg-instafeed.jpg) no-repeat;

  background-size: 100% 0px;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.instafeed .items:hover:before {

  background-size: 100% 100%;

}



.instafeed .items:hover .text {

  transform: translate(0, 100px);

}



.instafeed .items .text {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  text-align: center;

  color: #fff;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  transform: translate(0, -150px);

}



.instafeed .items .text img {

  width: auto;

  margin-bottom: 20px;

}



.instafeed .items .text h3 {

  font-size: 16px;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 400;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

  line-height: 20px;

}



.instafeed .items .text h3:after {

  position: absolute;

  content: "";

  width: 66px;

  margin-left: -33px;

  height: 2px;

  background: #fff;

  bottom: 0px;

  left: 50%;

}



.instafeed .items .text p {

  font-weight: 300;

  text-transform: uppercase;

  font-size: 12px;

  line-height: 20px;

}



/** 4.6. News letter **/

.newsletter {

  margin-bottom: 75px;

}



.newsletter .col-md-5 .col-md-6:first-child {

  background: #1c1c1c;

  padding: 10px;

}



.newsletter .col-md-5 .col-md-6:first-child .border-free-shipping {

  border: 1px solid #353535;

  display: inline-block;

  width: 100%;

  padding: 26px;

}



.newsletter .col-md-5 .col-md-6:first-child h3 {

  font-family: "Oswald";

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  letter-spacing: 2px;

  line-height: 30px;

}



.newsletter .col-md-5 .col-md-6:first-child a {

  color: #4c4c4c;

  font-family: "Oswald";

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 2px;

  font-size: 10px;

  display: inline-block;

  margin-top: 25px;

  border: 2px solid #4c4c4c;

  height: 32px;

  line-height: 28px;

  padding: 0px 10px;

}



.newsletter .col-md-5 .col-md-6:last-child {

  background: #f4f4f4;

  text-align: center;

  padding: 61px 0px;

}



.newsletter .col-md-5 .col-md-6:last-child i.icon {

  font-size: 100px;

}



.newsletter-content {

  display: inline-block;

  width: 100%;

  background: url(../images/uno-bg-newsletter.jpg) no-repeat;

  text-align: center;

  border: 2px solid #000;

  position: relative;

  height: 224px;

}



.newsletter-content .icon {

  font-size: 25px;

  color: #000;

  margin-top: 25px;

  display: inline-block;

  margin-bottom: 20px;

}



.newsletter-content h3 {

  font-family: "Oswald";

  letter-spacing: 2px;

  text-transform: uppercase;

  font-size: 18px;

  color: #000;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

}



.newsletter-content h3:after {

  position: absolute;

  content: "";

  left: 50%;

  bottom: 0px;

  height: 1px;

  background: #000;

  width: 30px;

  margin-left: -15px;

}



.newsletter-content p {

  font-family: "Oswald";

  font-size: 12px;

  text-transform: uppercase;

  color: #9a9a9a;

  letter-spacing: 2px;

}



.newsletter-content form {

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  height: 66px;

  border-top: 1px solid #e9e9e9;

}



.newsletter-content form input {

  position: absolute;

  left: 0px;

  bottom: 0px;

  height: 66px;

  border: none;

  width: 100%;

  background: transparent;

  padding: 0px 160px 0px 40px;

  font-family: "Poppins";

  color: #8d8c8c;

}



.newsletter-content form button {

  position: absolute;

  right: 0px;

  bottom: 0px;

  width: 160px;

  border: none;

  border-left: 1px solid #e9e9e9;

  height: 66px;

  background: transparent;

}



.newsletter-v2 {

  padding: 30px 0px;

}



.newsletter-v2 .col-md-6 {

  padding: 0px;

  text-align: center;

}



.newsletter-v2 .col-md-6 i.icon-envelope-letter {

  font-size: 40px;

  color: #000;

  display: inline-block;

  width: auto;

  margin-right: 120px;

  position: relative;

}



.newsletter-v2 .col-md-6 i.icon-envelope-letter:after {

  position: absolute;

  left: 58px;

  top: 50%;

  width: 80px;

  height: 2px;

  background: #000;

  content: "";

}



.newsletter-v2 .col-md-6 .text {

  display: inline-block;

  text-align: left;

}



.newsletter-v2 .col-md-6 .text h3 {

  font-size: 16px;

  text-transform: uppercase;

  letter-spacing: 3px;

  line-height: 25px;

}



.newsletter-v2 .col-md-6 .text p {

  font-size: 12px;

  font-weight: 300;

  color: #9a9a9a;

  letter-spacing: 3px;

}



.newsletter-v2 .col-md-6:last-child {

  text-align: left;

}



.newsletter-v2 .col-md-6:last-child form {

  display: inline-block;

  position: relative;

}



.newsletter-v2 .col-md-6:last-child form input {

  width: 548px;

  height: 48px;

  background: #fff;

  border: 2px solid #000;

  padding: 0px 150px 0px 20px;

  font-family: "Poppins";

  color: #8d8c8c;

  font-size: 12px;

}



@media (max-width: 767px) {

  .newsletter-v2 .col-md-6:last-child form input {

    width: 100%;

  }

}



.newsletter-v2 .col-md-6:last-child form button {

  position: absolute;

  height: 44px;

  width: 120px;

  right: 2px;

  top: 2px;

  box-shadow: none;

  border: none;

  background: #000;

  color: #fff;

  border-left: 2px solid #000;

}



.newsletter-v2 .col-md-6:last-child form button:hover {

  border-left: 2px solid #000;

}



.special img {

  max-width: 100%;

}



.newsletter-home4 {

  display: inline-block;

  width: 100%;

  margin-bottom: 60px;

  height: 215px;

  background: url(../images/newsletter-home4-2.jpg) no-repeat;

}



@media (max-width: 980px) {

  .newsletter-home4 {

    background-size: auto 100%;

    background-position: center;

    height: auto;

  }

}



.newsletter-home4 .wrap-center .items {

  display: table;

  width: 100%;

  height: 215px;

}



.newsletter-home4 .wrap-center .items .text, .newsletter-home4 .wrap-center .items .wrap-form {

  display: table-cell;

  vertical-align: middle;

  width: 50%;

}



.newsletter-home4 .wrap-center .items .wrap-form {

  padding-left: 20px;

  padding-right: 20px;

}



@media (max-width: 980px) {

  .newsletter-home4 .wrap-center .items {

    height: auto;

    display: inline-block;

  }

  .newsletter-home4 .wrap-center .items .text, .newsletter-home4 .wrap-center .items .wrap-form {

    display: inline-block;

    width: 100%;

  }

}



.newsletter-home4 img {

  width: 100%;

}



@media (max-width: 980px) {

  .newsletter-home4 .col-md-6 {

    width: 100%;

    margin-bottom: 30px;

  }

}



.newsletter-home4 .wrap-center .items .text {

  width: 100%;

  float: left;

  position: relative;

  top: inherit;

  left: inherit;

}



.newsletter-home4 .wrap-center .items .text i {

  font-size: 22px;

  margin-bottom: 20px;

  display: inline-block;

}



.newsletter-home4 .wrap-center .items .text h3 {

  font-size: 36px;

  font-family: "Playfair Display";

  font-weight: 400;

  margin-top: 50px;

  text-transform: capitalize;

}



.newsletter-home4 .wrap-center .items .text h3:after {

  height: 2px;

  width: 80px;

  margin-left: -40px;

}



.newsletter-home4 .wrap-center .items .text p {

  max-width: 400px;

  margin: auto;

  margin-top: 20px;

  font: 300 12px/20px "Roboto Condensed";

}



.newsletter-home4 .wrap-center .items form {

  width: 100%;

  height: 60px;

  float: left;

  padding: 0px;

  margin-top: 15px;

}



.newsletter-home4 .wrap-center .items form input {

  width: 100%;

  height: 100%;

  background: none;

  border: 1px solid #fff;

  box-shadow: none;

  padding: 0px 100px 0px 20px;

  font-family: "Roboto Condensed";

  font-size: 16px;

  font-weight: 300;

  color: #fff;

}



@media (max-width: 479px) {

  .newsletter-home4 .wrap-center .items form input {

    padding-right: 60px;

  }

}



.newsletter-home4 .wrap-center .items form button {

  position: absolute;

  top: 0px;

  right: 0px;

  box-shadow: none;

  border: none;

  background: none;

  border-left: 1px solid #fff;

  height: 100%;

  padding: 0 40px;

  color: #fff;

  font: 400 16px 'Roboto Condensed';

  text-transform: uppercase;

  letter-spacing: 0px;

}



.newsletter-home4 .wrap-center .items form button i {

  margin-left: 5px;

}



.newsletter-home4 .wrap-center .items form button:hover {

  border-color: #b7b7b7 !important;

}



@media (max-width: 479px) {

  .newsletter-home4 .wrap-center .items form button {

    font-size: 0px;

  }

  .newsletter-home4 .wrap-center .items form button i {

    font-size: 14px;

  }

}



.newsletter-home4 .items {

  position: relative;

}



.newsletter-home4 .items .text {

  position: absolute;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #fff;

  top: 40%;

  left: 0px;

}



.newsletter-home4 .items .text h3 {

  font-family: "Playfair Display";

  font-size: 34.87px;

  position: relative;

  padding-bottom: 10px;

  margin-bottom: 10px;

}



.newsletter-home4 .items .text h3:after {

  position: absolute;

  content: "";

  left: 50%;

  bottom: 0px;

  width: 50px;

  height: 2px;

  background: #fff;

  margin-left: -25px;

}



.newsletter-home4 .items .text p {

  font-weight: 300;

  font-size: 12px;

  letter-spacing: 3px;

  text-transform: uppercase;

}



.newsletter-home6 {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.newsletter-home6 .newsletter-content {

  border: none;

  background: url(../images/newsletter-home6.jpg) no-repeat;

  height: 390px;

}



.newsletter-home6 .newsletter-content .icon, .newsletter-home6 .newsletter-content h3, .newsletter-home6 .newsletter-content p {

  color: #fff;

}



.newsletter-home6 .newsletter-content p {

  font-weight: 300;

}



.newsletter-home6 .newsletter-content h3:after {

  background: #fff;

}



.newsletter-home6 .newsletter-content form, .newsletter-home6 .newsletter-content input, .newsletter-home6 .newsletter-content button {

  position: relative;

  max-width: 555px;

}



.newsletter-home6 .newsletter-content .icon {

  margin-top: 50px;

}



.newsletter-home6 .newsletter-content form {

  margin: 0 auto;

  border-top: none;

  border-bottom: 2px solid #5e5e5e;

  margin-top: 20px;

}



.newsletter-home6 .newsletter-content input {

  padding: 0px 20px;

  text-align: center;

}



.newsletter-home6 .newsletter-content button {

  border: none;

  height: 40px;

  line-height: 40px;

  margin-top: 30px;

  background: #000;

  color: #fff;

}



.newsletter-home6.newsletter-home-8 {

  background: url(../images/newsletter-home8-bg.jpg) no-repeat;

  margin-bottom: 0px;

}



.newsletter-home6.newsletter-home-8 .newsletter-content {

  background: none;

}



.newsletter-bottom {

  position: relative;

}



.newsletter-bottom .text {

  position: absolute;

  left: 0px;

  right: 0px;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

}



.newsletter-bottom h3 {

  font: 400 30px/30px "Playfair Display";

  color: #fff;

  text-transform: capitalize;

  margin-bottom: 10px;

}



.newsletter-bottom p {

  font: 300 16px "Roboto";

  color: #80b435;

  margin-bottom: 25px;

}



.newsletter-bottom form {

  width: 90%;

  max-width: 700px;

  position: relative;

  margin: auto;

}



.newsletter-bottom form input {

  font: 300 16px/40px "Roboto";

  color: #333;

  width: 100%;

  padding: 0 80px 0px 20px;

}



.newsletter-bottom form button {

  position: absolute;

  right: 0px;

  top: 0px;

  border: none;

  background: none;

  color: #80b435;

  font: 700 18px/40px "Roboto";

  text-transform: uppercase;

  letter-spacing: 0px;

}



.best-selling {

  display: inline-block;

  width: 100%;

}



.best-selling .col-md-4 {

  padding: 0px;

  border-left: 1px solid #e6e6e6;

  position: relative;

}



.best-selling .col-md-4 .button {

  display: inline-block;

  width: 100%;

  text-align: center;

  height: 65px;

  line-height: 65px;

  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #e6e6e6;

}



.best-selling .col-md-4 .title-text {

  margin: 0px;

  padding: 20px 0px;

  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #e6e6e6;

}



.best-selling .col-md-4 .title-text h3 {

  font-size: 16px;

}



.best-selling .col-md-4:last-child {

  border-right: 1px solid #e6e6e6;

}



.best-selling .col-md-4 .products {

  display: inline-block;

  width: 100%;

  padding: 30px 0px;

}



.best-selling .col-md-4 .product {

  text-align: left;

  margin: 30px 0px;

  width: 100%;

  float: left;

}



.best-selling .col-md-4 .product .product-title {

  font-family: "Poppins";

  font-size: 18px;

  color: #000;

}



.best-selling .col-md-4 .product .product-price {

  font-family: "Poppins";

  font-size: 18px;

  color: #979797;

  margin-bottom: 0px;

}



.best-selling .col-md-4 .product .wrap-star {

  margin-bottom: 30px;

}



.best-selling .col-md-4 .product .wrap-star a i {

  color: #e2e2e2;

  font-size: 12px;

}



.best-selling .col-md-4 .product .wrap-star a.active i {

  color: #eb5050;

}



.best-selling .col-md-4 .product .action {

  position: relative;

  left: 0px;

}



.best-selling .col-md-4 .product .action a {

  display: inline-block;

  text-align: center;

  opacity: 1;

  transform: translate(0px, 0px);

}



.best-selling .col-md-4 .product .action a i {

  background: #f1f1f1;

}



.best-selling .col-md-4 .product .action a:hover:after {

  width: auto;

}



.best-selling .col-md-4 .product .action a:after {

  content: "";

}



.best-selling .col-md-4 .product-images {

  max-width: 210px;

  float: left;

  margin-left: 70px;

  margin-right: 40px;

}



@media (width: 1024px) {

  .newsletter .col-md-5 .col-md-6:first-child .border-free-shipping {

    padding: 41px;

  }

}



.popup-content {

  position: fixed;

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

  z-index: 10000;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  text-align: center;

}



.popup-content-wrapper {

  background: #fff;

  background-size: 100% auto;

  max-width: 770px;

  margin: 200px auto 0px;

  width: 90%;

  position: relative;

  padding: 0px;

}



.popup-content-wrapper .popup-container {

  overflow: hidden;

  position: relative;

}



.popup-content-wrapper .popup-container .images {

  float: left;

  padding: 0px;

}



.popup-content-wrapper .popup-container .text {

  float: left;

  padding-left: 30px;

  padding-right: 30px;

  position: absolute;

  left: 0px;

  right: 0px;

  transform: translate(0, -50%);

  top: 50%;

}



.popup-content-wrapper .popup-container .logo {

  margin-bottom: 30px;

}



.popup-content-wrapper .close-popup {

  display: inline-block;

  position: absolute;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  top: 10px;

  right: 10px;

  margin: 0 auto;

  z-index: 9;

  background: url(../images/close-newsletter.png) no-repeat;

}



.popup-content-wrapper .col-md-offset-6 {

  text-align: left;

}



.popup-content-wrapper .abs-req {

  display: none;

}



.popup-content-wrapper h3 {

  font: 400 16px/20px "Roboto Condensed";

  letter-spacing: 4px;

  text-transform: uppercase;

  color: #333;

  margin-top: 130px;

  padding-bottom: 15px;

  margin-bottom: 25px;

  position: relative;

}



.popup-content-wrapper h3:after {

  position: absolute;

  content: "";

  width: 68px;

  height: 3px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  margin: 0 auto;

  background: #80b435;

}



.popup-content-wrapper h4 {

  font: 400 35px/40px "Playfair Display";

  color: #000;

  margin-bottom: 15px;

}



.popup-content-wrapper p {

  font: 400 16px/25px "Roboto Slab";

  color: #717171;

  max-width: 560px;

  margin: auto;

}



.popup-content-wrapper .popup-content-text {

  font-size: 13px;

  line-height: 20px;

  color: #666;

  margin-bottom: 30px;

}



.popup-content-wrapper input[type="text"] {

  width: 100%;

  max-width: 340px;

  background: #fff;

  line-height: 30px;

  padding: 12px 15px;

  font-size: 14px;

  font-weight: 400;

  color: #666;

  font-family: "Roboto Slab";

  text-align: center;

  border: none;

  margin-bottom: 10px;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

}



.popup-content-wrapper button {

  background: #80b435;

  border: 2px solid #80b435;

  color: #fff;

  font-size: 15px;

  height: 46px;

  line-height: 42px;

  margin-top: 25px;

  padding: 0px 30px;

  font-family: "Roboto Slab";

  font-weight: 400;

  letter-spacing: 0px;

}



.popup-content-wrapper .not-again {

  margin-top: 20px;

}



.popup-content-wrapper .not-again span {

  color: #333;

  margin-left: 10px;

  text-transform: uppercase;

  font: 700 10px/15px "Oswald";

  letter-spacing: 2px;

  text-decoration: underline;

  cursor: pointer;

}



.popup-content-wrapper.popup-content-wrapper-v2 {

  width: 650px;

  height: 650px;

  border-radius: 100%;

}



.popup-content-wrapper.popup-content-wrapper-v2 .popup-container {

  max-width: 500px;

  margin: 0 auto;

}



.popup-content-wrapper.popup-content-wrapper-v2 .close-popup {

  left: inherit;

  right: 10px;

  height: 46px;

  width: 46px;

  background: url(../images/icon-close.png);

  border-radius: 100%;

  border: none;

  font-size: 0px;

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

}



.popup-content-wrapper.popup-content-wrapper-v2 h4 {

  font: 700 14px/20px "Oswald";

  color: #000;

  letter-spacing: 1px;

}



.popup-content-wrapper.popup-content-wrapper-v2 h3 {

  margin-top: 20px;

  font-size: 20px;

  font-weight: 400;

  font-family: "Playfair Display";

  letter-spacing: 0px;

}



.popup-content-wrapper.popup-content-wrapper-v2 h2 {

  font: 400 35px/40px "Playfair Display";

  color: #000;

  text-transform: uppercase;

  margin-top: 85px;

}



.popup-content-wrapper.popup-content-wrapper-v2 h1 {

  font-family: "Playfair Display";

  font-style: italic;

  font-size: 120px;

  color: #000;

  line-height: 80px;

}



.popup-content-wrapper.popup-content-wrapper-v2 h1 span {

  font-size: 80px;

}



.popup-content-wrapper.popup-content-wrapper-v2 p {

  font: 400 10px/10px "Oswald";

  color: #a5a5a5;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.popup-content-wrapper.popup-content-wrapper-v2 input[type="text"] {

  background: #fff;

  border: 1px solid #000;

}



.home3-newsletter-content {

  border: 9px solid #80b435;

  padding: 70px;

}



.home3-newsletter-content h3 {

  font: 400 36px "Playfair Display";

  color: #333;

  padding-bottom: 15px;

  margin-bottom: 15px;

  position: relative;

}



.home3-newsletter-content h3:after {

  position: absolute;

  content: "";

  left: 0px;

  bottom: 0px;

  width: 50px;

  height: 1px;

  background: #000;

  left: 0px;

  right: 0px;

  margin: auto;

}



.home3-newsletter-content p {

  font: 300 14px/20px "Roboto Condensed";

  text-transform: uppercase;

  letter-spacing: 1px;

  margin-bottom: 30px;

}



.home3-newsletter-content form input {

  width: 100%;

  text-align: center;

  font: 300 16px/40px "Roboto Condensed";

  height: 40px;

  padding: 0px;

  border: 1px solid #000;

  color: #a4a4a4;

  margin-bottom: 30px;

}



.home3-newsletter .item .text .read-more:hover {

  color: #333;

}



.quickview-wrapper {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

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

  z-index: 10000;

  text-align: center;

}



.quickview-wrapper .quick-modal {

  max-width: 1140px;

  width: 90%;

  margin: 100px auto 0px;

  background: #fff;

  padding: 20px;

  text-align: left;

  position: relative;

}



.quickview-wrapper .product-details-content .product-name h1 {

  font: 400 36px/40px "Roboto Slab";

  margin-bottom: 0px;

}



.quickview-wrapper .product-details-content .rating i {

  font-size: 14px;

}



.quickview-wrapper .product-details-content .box-detalis-v2 .options {

  padding: 0px;

}



.quickview-wrapper .product-details-content .box-detalis-v2 .wrap-price {

  padding-top: 20px;

  border-top: 1px solid #ebebeb;

}



.quickview-wrapper .product-details-content .box-detalis-v2 p.price {

  color: #80b435;

  display: inline-block;

  vertical-align: bottom;

  font: 400 36px/36px "Roboto Condensed";

  margin: 0px;

}



.quickview-wrapper .product-details-content .box-detalis-v2 p.price-old {

  display: inline-block;

  text-transform: line-through;

  color: #979797;

  vertical-align: bottom;

  font: 400 30px/36px "Roboto Condensed";

  margin: 0px;

  margin-right: 20px;

}



.quickview-wrapper .product .action {

  transform: translate(0px, 0px);

  opacity: 1;

  border-radius: 0px;

  box-shadow: none;

}



.quickview-wrapper #quickview-content .product {

  float: left;

  width: 100%;

}



.quickview-wrapper #quickview-content  .product-images {

  float: left;

  width: 40%;

  padding-right: 15px;

}



.quickview-wrapper #quickview-content .product .product-images img {

  width: 100%;

}



.quickview-wrapper #quickview-content .product .product-info {

  float: left;

  width: 60%;

  padding-left: 30px;

}



.quickview-wrapper .closeqv {

  background: #fff;

  border: 2px solid #e6e6e6;

  height: 40px;

  width: 40px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  top: 20px;

  right: 20px;

  cursor: pointer;

}



.quickview-wrapper .closeqv i {

  color: #e6e6e6;

  line-height: 36px;

}



.quickview-wrapper #quickview-content {

  overflow: hidden;

}



.quickview-wrapper .quick-desc {

  font: 400 14px/25px "TXGR";

  color: #333;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #ebebeb;

}



.quickview-wrapper .single_variation_wrap {

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #ebebeb;

}



.quickview-wrapper .social-sharing .widget-title {

  font-size: 12px;

  display: inline-block;

  margin-bottom: 0px;

  padding-bottom: 10px;

  margin-right: 10px;

}



.quickview-wrapper .social-sharing .social-icons {

  display: inline-block;

}



.quickview-wrapper .social-sharing .social-icons li {

  display: inline-block;

  margin: 0px 8px;

}



.quickview-wrapper .social-sharing .social-icons li i {

  font-size: 16px;

}



.quickview-wrapper .quick-thumbnails ul {

  display: inline-block;

  width: 100%;

  margin-top: 10px;

}



.quickview-wrapper .quick-thumbnails ul li {

  float: left;

  width: 25%;

}



.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+1) {

  padding-right: 6px;

}



.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+2) {

  padding-left: 2px;

  padding-right: 4px;

}



.quickview-wrapper .quick-thumbnails ul li:nth-child(4n+3) {

  padding-left: 4px;

  padding-right: 2px;

}



.quickview-wrapper .quick-thumbnails ul li:nth-child(4n) {

  padding-left: 6px;

}



.quickview-wrapper .product-details-content .options .add-cart {

  margin: 0px 10px;

}



.quickview-wrapper .product-details-content .options p {

  font: 400 14px/25px "Roboto Slab";

  color: #6d6d6d;

  margin-top: 20px;

}



.quickview-wrapper .product-details-content .options .infomation p {

  color: #80b435;

  margin-bottom: 0px;

  font: 400 16px/25px "Roboto Condensed";

  margin-bottom: 10px;

}



.quickview-wrapper .product-details-content .options .infomation p span {

  color: #000;

}



.quickview-wrapper .product-details-content .options form {

  display: inline-block;

}



.quickview-wrapper .product-details-content .options input {

  width: 41px;

  height: 58px;

  border: none;

  border-right: 1px solid #d6d6d6;

}



.quickview-wrapper .product-details-content .options .quantity {

  height: 60px;

  vertical-align: top;

  border: 1px solid #d6d6d6;

}



.quickview-wrapper .product-details-content .options .quantity .plus i {

  background: url(../images/icon-quanty-v2.png) no-repeat center 8px;

  border-color: #d6d6d6;

}



.quickview-wrapper .product-details-content .options .quantity .minus i {

  background: url(../images/icon-quanty-v2.png) no-repeat center bottom 12px;

}



.quickview-wrapper .product-details-content .options .action a, .quickview-wrapper .product-details-content .options .action form {

  vertical-align: top;

}



/** 4.7. Brand **/

.brand-content {

  display: inline-block;

  padding-bottom: 10px;

  margin-top: 60px;

}



.brand-content .owl-item {

  border-left: none;

  padding: 2px;

}



.brand-content.owl-carousel .owl-item img {

  width: auto;

}



.brand-content.no-border {

  border: none;

}



.brand-content.no-border .owl-item {

  border: none;

}



/** 4.8. Iconbox **/

.feature-box .fbox-icon {

  float: left;

  margin: 10px 20px 0 0;

}



.rtl .feature-box .fbox-icon {

  float: right;

}



.rtl .feature-box .fbox-icon {

  margin: 10px 0 0 20px;

}



.feature-box .fbox-body {

  overflow: hidden;

}



.feature-box .fbox-body .fbox-icon {

  margin-top: 0;

}



.feature-box small {

  font-size: 13px;

  margin-bottom: 15px;

  display: inline-block;

}



.feature-box h4 {

  margin-bottom: 7px;

  text-transform: uppercase;

}



.feature-box .fbox-title {

  margin: 10px 0;

  font-weight: 600;

  text-transform: none;

}



.feature-box.light-style {

  color: #dfdfdf;

}



.feature-box.light-style a {

  color: #fff;

}



.feature-box.light-style a:hover {

  color: #000;

}



.feature-box.light-style .fbox-title,

.feature-box.light-style h4 {

  color: #fff;

}



.feature-box.feature-box-right {

  text-align: right;

}



.rtl .feature-box.feature-box-right {

  text-align: left;

}



.feature-box.feature-box-right .fbox-icon {

  float: right;

  margin: 10px 0 0 20px;

}



.rtl .feature-box.feature-box-right .fbox-icon {

  float: left;

}



.rtl .feature-box.feature-box-right .fbox-icon {

  margin: 10px 20px 0 0;

}



.feature-box.feature-box-center {

  text-align: center;

}



.feature-box.feature-box-center .fbox-icon {

  float: none;

}



[class*="feature-box-"] .fbox-icon {

  float: none;

  margin: 0;

}



[class*="feature-box-"] h4 {

  padding: 10px 0 20px;

  position: relative;

  font-weight: 700;

  text-transform: capitalize;

}



[class*="feature-box-"] p {

  color: #888888;

  line-height: 22px;

  font-family: "Poppins";

}



.feature-box-v2 .fbox-icon {

  float: left;

  margin-right: 30px;

}



.feature-box-v2 .fbox-icon .icons {

  width: 70px;

  height: 70px;

  line-height: 70px;

  font-size: 24px;

}



.feature-box-v2 .fbox-body {

  font-size: 18px;

}



.feature-box-v3 .fbox-icon .icons {

  width: 70px;

  height: 70px;

  line-height: 70px;

  font-size: 40px;

  color: #80b435;

}



.feature-box-v3 .fbox-icon .icons.icons-plain {

  width: auto;

  height: auto;

  line-height: 100%;

}



.feature-box-v3.feature-box-right .fbox-icon {

  float: none;

  margin: 0;

}



.feature-box-v3.feature-box-right h4:before {

  left: inherit;

  right: 0;

}



.feature-box-v3.about-icon .icons {

  font-size: 80px;

}



.feature-box-v3.about-icon .fbox-icon {

  margin-bottom: 40px;

}



.feature-box-v3.about-icon h4 {

  text-transform: uppercase;

  font-size: 15px;

}



.feature-box-v4 {

  position: relative;

  border: 1px solid #333;

  padding: 35px 30px 20px;

  text-align: center;

}



.feature-box-v4 .fbox-icon {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  top: -36px;

  margin: 0 auto;

}



.feature-box-v4 .fbox-icon .icons {

  font-size: 24px;

  width: 70px;

  height: 70px;

  line-height: 70px;

  background-color: #fff;

  border: 1px solid #333;

  color: #333;

}



.feature-box-v4 .fbox-icon.fbox-bg .icons {

  background-color: #80b435;

  border: 1px solid #80b435;

  color: #fff;

}



.feature-box-v4 h4 {

  padding: 10px 0 20px;

}



.feature-box-v4 h4:before {

  width: 0px;

  height: 0px;

  background-color: transparent;

}



.feature-box-v4[class*="bg-"] {

  border: none;

}



.feature-box-v5 {

  padding: 20px 30px;

  border: 1px solid #ddd;

  border-bottom: 3px solid #80b435;

}



.feature-box-v5 .fbox-icon .icons {

  font-size: 40px;

  width: 70px;

  height: 70px;

  line-height: 70px;

  color: #333;

}



/** 4.9. Iconbox **/

.contact-form .col-md-6:first-child {

  padding-right: 10px;

}



.contact-form h3 {

  font-size: 18px;

  font-style: normal;

  color: #555555;

  text-transform: uppercase;

  font-weight: 700;

  position: relative;

}



.contact-form h3::after {

  position: absolute;

  content: "";

  width: 30px;

  height: 3px;

  left: 0px;

  bottom: -25px;

  background: #ba933e;

}



.contact-form.post-comment {

  padding: 0px;

  background: none;

}



.contact-form.contact-form-bg {

  background: #f4f4f4;

}



.form-horizontal .col-md-6:nth-child(2n+1) {

  padding-left: 0px;

  padding-right: 10px;

}



.form-horizontal .col-md-6:nth-child(2n) {

  padding-right: 0px !important;

  padding-left: 10px;

}



.form-horizontal label.control-label {

  font-size: 15px;

  color: #333;

  font-weight: 400;

  margin-bottom: 10px;

  display: block;

  text-align: left;

  font-family: "TXGB";

}



.form-horizontal .form-group {

  margin-left: 0px;

  margin-right: 0px;

  padding: 0px;

}



.form-horizontal .form-group.col-md-6 {

  padding-right: 10px;

}



.form-horizontal .form-group.col-md-6:last-child {

  padding-right: 0px;

  padding-left: 10px;

}



.form-control {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 0;

  color: #888888;

  padding: 9px 20px;

  line-height: 1.625;

  height: 47px;

  display: block;

  width: 100%;

  font: 400 16px "Roboto Slab";

  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}



.form-control:focus {

  border-color: #ddd;

  box-shadow: none;

  outline: none;

}



.form-control.col-md-4 {

  width: 31.33%;

  margin-right: 3%;

}



.form-control.col-md-4:last-child {

  margin-right: 0px;

}



#googleMap {

  height: 100%;

}



.contact-content {

  display: inline-block;

  width: 100%;

}



.contact-us {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.contact-us .col-md-6:last-child {

  padding-right: 0px;

  padding-left: 30px;

}



.contact-us .contact-form {

  padding: 50px 70px 30px;

  background: #1c1c1c;

  text-align: center;

  position: relative;

}



.contact-us .contact-form:before {

  position: absolute;

  content: '';

  border: 2px solid #353535;

  left: 10px;

  right: 10px;

  top: 10px;

  bottom: 10px;

}



.contact-us .contact-form h3 {

  font-size: 18px;

  font-style: normal;

  color: #555555;

  text-transform: uppercase;

  font-weight: 700;

  position: relative;

}



.contact-us .contact-form h3::after {

  position: absolute;

  content: "";

  width: 55px;

  height: 1px;

  left: 50%;

  bottom: -15px;

  background: #fff;

  margin-left: -23px;

}



.contact-us .contact-form .form-control {

  background: transparent;

  color: #636363;

  font-family: "Poppins";

  font-size: 13px;

  border: none;

  border-bottom: 2px solid #252525;

  box-shadow: none;

  padding-left: 0px;

  padding-right: 0px;

}



.contact-us .contact-form .btn {

  border: 2px solid #fff;

  border-radius: 0px;

  color: #fff;

  padding: 7px 15px;

}



.contact-us .contact-form .icon {

  font-size: 25px;

  color: #fff;

  display: inline-block;

  margin-bottom: 20px;

}



.contact-us .contact-form h3 {

  color: #fff;

  letter-spacing: 2px;

  font-size: 18px;

  font-weight: 400;

}



.contact-us .contact-form p {

  color: #636363;

  letter-spacing: 2px;

  font-weight: 300;

  font-size: 12px;

  position: relative;

  margin-bottom: 100px;

}



.contact-us .contact-form p:after {

  position: absolute;

  content: "";

  left: -58px;

  right: -58px;

  height: 2px;

  bottom: -40px;

  background: #252525;

}



@media (max-width: 980px) {

  .wrappage .page-contact .head .item {

    width: 100%;

  }

}



/** 4.10. Interactive **/

.interactive-banner {

  color: #fff;

  position: relative;

  overflow: hidden;

}



.interactive-banner .interactive-banner-profile {

  position: absolute;

  z-index: 2;

  margin: auto;

  content: "";

}



.interactive-banner .interactive-banner-profile h2 {

  text-transform: uppercase;

  margin: 10px 0 15px;

}



.interactive-banner .interactive-banner-profile small {

  text-transform: uppercase;

}



.interactive-banner .mask-link {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  z-index: 1;

}



.interactive-banner .banner-title h2, .interactive-banner .banner-title h3, .interactive-banner .banner-title h4, .interactive-banner .banner-title h5, .interactive-banner .banner-title h6 {

  color: #fff;

}



.interactive-banner .action .icons:hover {

  background-color: #5cb85c;

  border: #5cb85c;

}



.interactive-banner.left .interactive-banner-profile {

  left: 20px;

}



.interactive-banner.right .interactive-banner-profile {

  right: 20px;

}



.interactive-banner.center .interactive-banner-profile {

  right: 0;

  left: 0;

}



.interactive-banner-v1 .interactive-banner-profile {

  width: 100%;

  height: 20px;

  bottom: 0;

  top: 0;

}



.interactive-banner-v2 .interactive-banner-profile {

  top: 40px;

  width: 100%;

  height: 20px;

}



.interactive-banner-v2 .interactive-banner-profile .action {

  padding: 5px 15px;

  margin-bottom: 3px;

  background-color: #fff;

  color: #333;

}



.interactive-banner-v2.left .interactive-banner-profile {

  left: 60px;

}



.interactive-banner-v2.right .interactive-banner-profile {

  right: 60px;

}



.interactive-banner-v2.center .interactive-banner-profile {

  right: 0;

  left: 0;

}



.interactive-banner-v3 .interactive-banner-profile {

  padding: 40px 60px;

  width: 100%;

  height: 100%;

  top: 0;

}



.interactive-banner-v3 .interactive-banner-profile .action {

  bottom: 60px;

  left: 60px;

  right: 60px;

  content: "";

  position: absolute;

}



.interactive-banner-v3 .interactive-banner-profile .action:after {

  content: "";

  position: absolute;

  border: 5px solid #fff;

  bottom: -30px;

  left: -30px;

  right: -30px;

  height: calc(100% + 60px);

  width: calc(100% + 60px);

  z-index: -1;

}



.interactive-banner-v4 .interactive-banner-profile {

  width: 100%;

  bottom: 0;

  left: 0;

  padding: 0 30px;

  position: absolute;

  content: "";

  transform: translate3d(0px, 60px, 0px);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}



.interactive-banner-v4 .interactive-banner-profile .action {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

  position: relative;

  background-color: #5cb85c;

  margin: 0 -30px;

  padding: 20px 30px;

}



.interactive-banner-v4 .interactive-banner-profile img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

}



.interactive-banner-v4:hover .interactive-banner-profile {

  transform: translate3d(0px, 0px, 0px);

}



.interactive-banner-v4:hover .interactive-banner-profile .action {

  opacity: 1;

  filter: alpha(opacity=100);

}



.interactive-banner-v4:hover .interactive-banner-profile img {

  opacity: 0.5;

  filter: alpha(opacity=50);

}



.interactive-banner-v5 .interactive-banner-profile {

  width: 55%;

  height: 120px;

  bottom: 0;

  top: 0;

}



.interactive-banner-v5 a.links {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -30px;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  transform: translate3d(0px, -60px, 0px);

}



.interactive-banner-v5:hover a.links {

  opacity: 1;

  filter: alpha(opacity=100);

  transform: translate3d(0px, 0px, 0px);

}



/** 4.11. About-team **/

.effect-v6 {

  background-color: #000;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

  /* style for hover */

}



.effect-v6 img {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity 0.35s ease 0s;

  -o-transition: opacity 0.35s ease 0s;

  transition: opacity 0.35s ease 0s;

  width: 100%;

}



.effect-v6 .action {

  transform: translate3d(0px, -100px, 0px);

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  opacity: 0;

  position: absolute;

  top: 50%;

  width: 100%;

  text-align: center;

}



.effect-v6 .action i.icons {

  color: #555555;

  font-size: 22px;

  margin: 0 10px;

}



.effect-v6 .action i.icons:hover {

  color: #80b435 !important;

  background: none !important;

}



.effect-v6:hover {

  border-color: #80b435;

}



.effect-v6:hover img {

  opacity: 0.3;

  filter: alpha(opacity=30);

}



.effect-v6:hover .action {

  opacity: 1;

  transform: translate3d(0px, 0px, 0px);

}



.about-icon .feature-box p {

  font-family: "TXGR";

  font-style: normal;

}



.about-content {

  background-color: #eee;

}



.about-content .banner-title {

  text-align: center;

}



.about-content .banner-title h3 {

  font-size: 18px;

  text-transform: uppercase;

  line-height: 30px;

  font-family: "TXGR";

}



.about-content .banner-title p {

  font-family: "Lora";

  font-style: italic;

  color: #555555;

  line-height: 20px;

}



.about-content .effect-v6 {

  border-radius: 50%;

  background: #fff;

  border: 4px solid #80b435;

}



.about-content .effect-v6 img {

  border-radius: 50%;

}



.our-skills h3 {

  font-family: "TXGR";

  color: #555555;

  text-transform: uppercase;

  font-size: 14px;

  margin-bottom: 10px;

}



.our-skills .progress-bar-success {

  background: #80b435;

}



.our-skills .progress-bar {

  box-shadow: none;

  position: relative;

}



.our-skills .progress-bar span {

  position: absolute;

  top: -30px;

  right: -15px;

  color: #555555;

  font-family: "texgyreadventorbold";

  font-size: 14px;

}



.our-skills .progress {

  border-radius: 0;

  height: 8px;

  box-shadow: none;

  overflow: visible;

}



.head-about h3 {

  font: 400 30px/35px "Roboto Slab";

  color: #2b2b2b;

  margin-bottom: 25px;

}



.head-about p {

  font: 400 16px/23px "Roboto Slab";

  color: #666;

  margin-bottom: 20px;

}



.head-about .col-md-6 img.img-responsive {

  position: relative;

  z-index: 3;

}



.head-about .col-md-6.pd-left-10 {

  padding-left: 10px;

  padding-right: 45px;

  position: relative;

}



@media (max-width: 440px) {

  .head-about .col-md-6.pd-left-10 {

    padding-right: 10px;

  }

}



.head-about .col-md-6.pd-left-10 h3 {

  position: relative;

  background-color: #fff;

  z-index: 3;

  display: inline-block;

  padding-right: 45px;

}



.head-about .col-md-6.pd-left-10:before {

  position: absolute;

  content: "";

  left: -110px;

  right: 15px;

  bottom: -80px;

  top: 16px;

  border: 1px solid #80b435;

  display: inline-block;

}



.head-about .col-md-6.pd-left-10:after {

  position: absolute;

  content: '';

  left: -80px;

  height: 1px;

  width: 90px;

  background: #fff;

  top: 16px;

}



@media (max-width: 1200px) {

  .head-about .col-md-6 {

    text-align: center;

  }

  .head-about .col-md-6 img {

    margin: auto;

  }

  .head-about .col-md-6 h3 {

    margin-top: 30px;

  }

  .head-about .col-md-6.pd-left-10:before {

    border: none;

  }

}



.head-about .slider-about {

  padding: 0px 40px;

}



.about-choose {

  background: #f7f7f7;

}



.about-choose h3 {

  font: 400 48px/50px "Playfair Display";

  color: #80b435;

  margin-bottom: 30px;

}



.about-choose .choose-us .border-choose .images {

  background: #f7f7f7;

}



.about-choose .border p {

  font: 400 18px/25px "Playfair Display";

  color: #565656;

  margin: auto;

  margin-bottom: 30px;

  padding: 0 40px;

  position: relative;

  padding-bottom: 30px;

}



.about-choose .border p:before {

  position: absolute;

  left: 100px;

  right: 100px;

  height: 1px;

  bottom: 0px;

  background: #e6e6e6;

  content: '';

}



.about-choose .fbox-icon {

  font-size: 48px;

  margin-top: 0px;

}



.about-choose .feature-box .fbox-title {

  font: 700 16px/20px "Roboto Condensed";

  color: #333;

  text-transform: uppercase;

  letter-spacing: 0px;

}



.our-team .head {

  margin-bottom: 40px;

}



.our-team .head h3 {

  font: 400 48px/50px "Playfair Display";

  color: #80b435;

  margin: 10px 0px;

}



.our-team .head p {

  font: 400 14px/30px "Roboto Slab";

  color: #565656;

  text-transform: capitalize;

}



.our-team .interactive-banner {

  display: inline-block;

  width: auto;

  border-radius: 50%;

  max-width: 100%;

  transition: all 0.3s ease 0s;

}



.our-team .interactive-banner:hover {

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

}



.our-team .interactive-banner img {

  margin: auto;

  border-radius: 50%;

}



.our-team .banner-title h3 {

  font: 700 24px/30px "Roboto Slab";

  text-transform: uppercase;

  margin: 10px 0px;

}



.our-team .banner-title p {

  font: 400 16px/25px "Roboto Slab";

  color: #666;

  margin-bottom: 10px;

  margin-top: 20px;

  padding-top: 20px;

  position: relative;

}



.our-team .banner-title p:after {

  position: absolute;

  content: '';

  width: 110px;

  height: 1px;

  left: 0px;

  right: 0px;

  top: 0px;

  background: #eee;

  margin: auto;

}



.our-team .banner-title .action a {

  display: inline-block;

  margin: 0px 8px;

  transition: all 0.3s ease 0s;

}



.our-team .banner-title .action a:hover i {

  color: #80b435;

}



.our-team .banner-title .action i {

  font-size: 16px;

  color: #333;

}



@media (max-width: 767px) {

  .about-us {

    margin-bottom: 20px;

  }

  .about-us .col-md-4:nth-child(2) .feature-box {

    margin: 40px 0px 60px;

  }

}



/** 4.12. Blog **/

.blog-post-container h3 {

  font-size: 14px;

  margin-bottom: 3px;

}



.blog-post-container .read-more {

  margin-top: 20px;

}



.blog-post-container .post-by {

  font-size: 14px;

  text-transform: capitalize;

  color: #a7a7a7;

  display: inline-block;

  width: 100%;

  margin: 12px 0px;

  font-family: "Roboto";

  font-weight: 300;

}



.blog-post-container .post-by span:last-child {

  margin-left: 10px;

  padding-left: 10px;

}



@media (max-width: 1200px) {

  .blog-post-container .row {

    margin: 0px;

  }

}



.blog-post-container.blog-post-columns-2 .blog-post-item {

  width: 50%;

  box-shadow: 0px 0px 26.73px 0.27px rgba(86, 86, 86, 0.08);

}



.blog-post-container.blog-post-columns-2 .blog-post-item:nth-child(2n+1) {

  padding-right: 10px;

}



.blog-post-container.blog-post-columns-2 .blog-post-item:nth-child(2n) {

  padding-left: 10px;

}



@media (max-width: 467px) {

  .blog-post-container.blog-post-columns-2 .blog-post-item {

    width: 100%;

  }

  .blog-post-container.blog-post-columns-2 .blog-post-item:nth-child(2n+1), .blog-post-container.blog-post-columns-2 .blog-post-item:nth-child(2n) {

    padding: 0px;

  }

}



.blog-post-container.blog-post-columns-3 .blog-post-item {

  margin-bottom: 30px;

  width: 33.33%;

  box-shadow: 0px 0px 26.73px 0.27px rgba(86, 86, 86, 0.08);

}



.blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n+1) {

  padding-right: 20px;

}



.blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n+2) {

  padding-right: 10px;

  padding-left: 10px;

}



.blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n) {

  padding-left: 20px;

}



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

  .blog-post-container.blog-post-columns-3 .blog-post-item {

    width: 50%;

  }

  .blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(2n+1) {

    padding-right: 10px;

    padding-left: 0px;

  }

  .blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(2n) {

    padding-left: 10px;

    padding-right: 0px;

  }

}



@media (max-width: 479px) {

  .blog-post-container.blog-post-columns-3 .blog-post-item {

    width: 100%;

  }

  .blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n+2), .blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n+1), .blog-post-container.blog-post-columns-3 .blog-post-item:nth-child(3n) {

    padding: 0px;

  }

}



.blog-post-container.blog-list-width .blog-post-item {

  width: 100%;

  position: relative;

}



.blog-post-container.blog-list-width .blog-post-item .blog-post-image {

  width: 35%;

  display: inline-block;

  float: left;

}



.blog-post-container.blog-list-width .blog-post-item .text {

  width: calc(65% + 85px);

  display: inline-block;

  right: 0px;

  margin: auto;

  top: 50%;

  transform: translateY(-50%);

  position: absolute;

  padding-left: 50px;

  padding-bottom: 30px;

  box-shadow: 0px 0px 26.73px 0.27px rgba(86, 86, 86, 0.08);

}



.blog-post-container.blog-list-width .blog-post-item .text h3 a {

  font-size: 24px;

}



@media (max-width: 980px) {

  .blog-post-container.blog-list-width .blog-post-item .blog-post-image, .blog-post-container.blog-list-width .blog-post-item .text {

    width: 50%;

    position: relative;

    transform: translateY(0px);

  }

  .blog-post-container.blog-list-width .blog-post-item .text {

    padding: 25px 20px;

  }

}



@media (max-width: 767px) {

  .blog-post-container.blog-list-width .blog-post-item .blog-post-image, .blog-post-container.blog-list-width .blog-post-item .text {

    width: 50%;

  }

  .blog-post-container.blog-list-width .blog-post-item .text {

    padding-top: 10px;

    padding-bottom: 10px;

    box-shadow: none;

  }

  .blog-post-container.blog-list-width .blog-post-item .text h3 a {

    font-size: 18px;

  }

}



@media (max-width: 420px) {

  .blog-post-container.blog-list-width .blog-post-item .blog-post-image, .blog-post-container.blog-list-width .blog-post-item .text {

    width: 100%;

  }

}



.blog-post-container.blog-list-width .blog-post-item.right .blog-post-image {

  float: right;

}



.blog-post-container.blog-list-width .blog-post-item.right .text {

  right: initial;

  left: 0px;

}



.blog-post-container.comments {

  padding: 30px 0px;

}



.blog-post-container.comments h3.title {

  font: 700 16px/20px "Roboto";

  color: #000;

}



.blog-post-container.comments .media-object {

  width: 60px;

}



.blog-post-container .blog-post-item {

  float: left;

  margin-bottom: 50px;

}



.blog-post-container .blog-post-item h3 {

  min-height: auto;

  margin-top: 10px;

}



.blog-post-container .blog-post-item h3 a {

  color: #2b2b2b;

  font: 400 20px "Roboto Slab";

  text-transform: initial;

}



.blog-post-container .blog-post-item h3 a:hover {

  color: #80b435;

}



.blog-post-container .blog-post-item .post-date {

  margin: 5px 0px;

  font: 300 14px "Roboto";

}



.blog-post-container .blog-post-item .content {

  font-family: "Roboto Slab";

  line-height: 22px;

  color: #555555;

  margin-top: 10px;

  font-size: 14px;

  margin-bottom: 20px;

}



.blog-post-container .blog-post-item .text {

  width: calc(100% - 20px);

  margin: auto;

  margin-top: -100px;

  padding: 30px 20px;

  background: #fff;

  position: relative;

}



.blog-post-container .blog-post-item .blog-post-image {

  background: none;

  border-radius: 0;

  height: auto;

  border: none;

  position: relative;

  width: 100%;

}



.blog-post-container .blog-post-item .blog-post-image:hover {

  border: none;

}



.blog-post-container .blog-post-item .blog-post-image .action {

  position: absolute;

  text-align: center;

  left: 0px;

  top: 50%;

  margin-top: -33px;

}



.blog-post-container .blog-post-item .blog-post-image .action .icons {

  -webkit-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  font-size: 24px;

  color: #fff;

  box-shadow: 0 0 0 30px #80b435 inset;

  padding: 20px;

  border-radius: 50%;

}



.blog-post-container .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #80b435 inset;

  color: #80b435;

}



.blog-post-container .blog-post-item .blog-post-image img {

  width: 100%;

  border-radius: 0;

}



.blog-post-container .blog-post-item .posted {

  font-family: "TXGR";

  color: #666;

  margin-top: 25px;

}



.blog-post-container .blog-post-item .posted i {

  font-size: 14px;

  color: #888888;

}



.blog-post-container .contact-content {

  font-family: "TXGR";

}



.blog-post-container .contact-content h4 {

  color: #333333;

  margin: 20px 0px;

  font-size: 14px;

}



.blog-post-container .contact-content label.control-label {

  font-size: 14px;

}



.blog-post-container .blog-colum-left {

  padding-right: 0px;

}



.blog-post-container .blog-colum-left .image img {

  max-width: 100%;

}



.blog-post-container .blog-colum-left {

  padding-left: 0px;

}



.blog-post-container .pagination-container {

  text-align: center;

}



.blog-post-container .pagination-container nav.pagination a, .blog-post-container .pagination-container nav.pagination span {

  font-weight: 700;

  font-size: 12px;

  font-style: normal;

}



.blog-post-container .pagination-container nav.pagination a.next, .blog-post-container .pagination-container nav.pagination a.prev {

  width: auto;

  padding: 0 15px;

}



.blog-post-container .share-tags {

  display: inline-block;

  width: 100%;

  border-top: 1px solid #d7d7d7;

  border-bottom: 1px solid #d7d7d7;

  padding: 20px 0px;

}



.blog-post-container .share-tags span {

  font-size: 13px;

  color: #555555;

  text-transform: uppercase;

  font-weight: 700;

  margin-right: 15px;

}



.blog-post-container .share-tags i {

  color: #555555;

  margin: 0px 5px;

}



.blog-post-container .share-tags i:hover {

  color: #80b435;

}



.blog-post-container .share-tags .share {

  float: left;

}



.blog-post-container .share-tags .tags {

  float: right;

}



.blog-post-container .share-tags a {

  font-family: "TXGR";

  margin: 0 5px;

  color: #555555;

}



.blog-post-container .share-tags a.active {

  color: #80b435;

  text-decoration: underline;

}



.blog-post-container .profile {

  border-bottom: 1px solid #d7d7d7;

  display: inline-block;

  width: 100%;

}



.blog-post-container .profile .avatar {

  width: 125px;

  height: 125px;

  border: 3px solid #80b435;

  border-radius: 50%;

  float: left;

  margin-right: 20px;

}



.blog-post-container .profile .avatar img {

  width: 100%;

  border-radius: 50%;

}



.blog-post-container .profile .text {

  font-family: "TXGR";

}



.blog-post-container .profile .text h3 {

  text-transform: capitalize;

  color: #333333;

  font-size: 16px;

}



.blog-post-container .profile .text p {

  font-size: 14px;

  color: #666;

}



.banner-page-top {

  position: relative;

  display: inline-block;

  width: 100%;

}



.banner-page-top.banner-page-top-ver2 .text h3 {

  font-size: 50px;

}



.banner-page-top .text {

  height: 100px;

  width: 100%;

  text-align: center;

  top: 50%;

  margin-top: -50px;

  position: absolute;

}



.banner-page-top .text h4 {

  font-size: 36px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 20px;

  position: relative;

}



.banner-page-top .text h4 span {

  position: relative;

}



.banner-page-top .text h4 span:after {

  content: "";

  height: 4px;

  width: 14px;

  position: absolute;

  top: 50%;

  left: -20px;

  background: #fff;

}



.banner-page-top .text h4 span:before {

  content: "";

  height: 4px;

  width: 14px;

  position: absolute;

  top: 50%;

  right: -20px;

  background: #fff;

}



.banner-page-top .text h3 {

  font-size: 40px;

  color: #fff;

  text-transform: uppercase;

}



.banner-page-top .text p {

  font-family: "TXGR";

  color: #80b435;

  margin-top: 15px;

}



.banner-page-top img {

  width: 100%;

}



.page-blog .blog-post-container .blog-post-item h3 {

  margin-top: 0px;

}



.page-blog .blog-post-container .blog-post-item p.content {

  margin-top: 10px;

}



.page-blog .blog-post-container .blog-post-item .post-by {

  margin: 15px 0px;

}



.blog-slider .blog-post-item {

  position: relative;

  margin-bottom: 80px;

}



.blog-slider .blog-post-item .blog-post-content {

  position: absolute;

  left: 20px;

  right: 20px;

  background: #fff;

  bottom: -60px;

  text-align: center;

}



.blog-slider .blog-post-item .blog-post-content:before {

  position: absolute;

  content: "";

  left: 10px;

  top: 10px;

  right: 10px;

  bottom: 10px;

  border: 2px solid #e9e9e9;

}



.blog-slider .blog-post-item .blog-post-content .cat {

  font-size: 12px;

  font-weight: 300;

  color: #9a9a9a;

  display: inline-block;

  width: 100%;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin: 30px 0px;

  position: relative;

}



.blog-slider .blog-post-item .blog-post-content .cat:after {

  position: absolute;

  content: "";

  width: 38px;

  height: 1px;

  background: #000;

  margin-left: -19px;

  left: 50%;

  bottom: -15px;

}



.blog-slider .blog-post-item .blog-post-content .blog-title {

  font-family: "Playfair Display";

  color: #000;

  font-size: 25px;

  font-weight: 400;

  line-height: 25px;

  display: inline-block;

  width: 100%;

  position: relative;

}



.blog-slider .blog-post-item .blog-post-content .comment {

  font-family: "Poppins";

  color: #8d8c8c;

  font-size: 13px;

  line-height: 20px;

  margin-top: 15px;

  padding-bottom: 30px;

}



.blog-home1 .blog-content .text p.date {

  font: 500 14px/20px "Roboto";

  color: #242626;

  margin-top: 10px;

}



.blog-home1 .blog-content .text p.by {

  font: 500 12px/15px "Roboto";

  color: #898989;

}



.blog-home1 .blog-content .text p.by span {

  color: #242626;

  font-weight: 700;

}



.blog-home1 .blog-content .text h3 {

  color: #242626;

  font: 400 25px/30px "Roboto Slab";

  margin: 10px 0px;

}



.blog-home1 .blog-content .text h3:hover {

  color: #80b435;

}



.blog-home1 .blog-content .text-v2 h3 {

  font: 700 18px/20px "Roboto Slab";

  color: #000;

  margin-top: 22px;

}



.blog-home1 .blog-content .text-v2 h3:hover {

  color: #80b435;

}



.blog-home1 .blog-content .text-v2 p.by {

  font: 300 14px/20px "Roboto Slab";

  color: #bbb;

  margin: 20px 0px 30px;

}



.blog-home1 .blog-content .text-v2 p.des {

  font: 400 16px/30px "Roboto Slab";

  color: #666;

}



.blog-post-container.blog-post-container-v3 .blog-post-item .blog-post-content {

  position: relative;

  background: #fff;

  left: 0px;

  right: 0px;

  top: 0px;

}



.blog-post-container.blog-post-container-v3 .blog-post-item .blog-post-content:before {

  position: static;

  border: none;

  height: 0px;

  width: 0px;

}



.blog-post-container.blog-post-container-v3 .blog-post-item .blog-post-image {

  border-radius: 50%;

}



.blog-post-container-v4 .blog-post-item {

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid #ececec;

  overflow: hidden;

  position: relative;

}



.blog-post-container-v4 .blog-post-item:after {

  position: absolute;

  content: "";

  left: 50%;

  right: 50%;

  bottom: 0px;

  height: 1px;

  background: #000;

  transition: all 0.3s ease 0s;

}



.blog-post-container-v4 .blog-post-item:hover:after {

  left: 0px;

  right: 0px;

}



.blog-post-container-v4 .blog-post-item:hover .blog-post-image, .blog-post-container-v4 .blog-post-item:hover .blog-post-content {

  transform: translate(0px, 0px);

  opacity: 1;

}



.blog-post-container-v4 .blog-post-item:hover .read-more i {

  color: #000;

}



.blog-post-container-v4 .blog-post-image {

  display: inline-block;

  margin-right: 10px;

  transform: translate(-180px, 0px);

  transition: all 0.5s ease 0s;

  opacity: 0;

}



.blog-post-container-v4 .blog-post-image img {

  max-width: 155px;

}



.blog-post-container-v4 .blog-post-content {

  transform: translate(-167px, 0px);

  transition: all 0.4s ease 0s;

}



.blog-post-container-v4 .blog-post-content, .blog-post-container-v4 .read-more {

  display: inline-block;

  vertical-align: -15px;

}



.blog-post-container-v4 .blog-title {

  font: 400 25px/30px "Playfair Display";

  color: #000;

  margin-bottom: 5px;

}



.blog-post-container-v4 .post-tag {

  font: 400 13px/20px "Poppins";

  text-transform: uppercase;

  display: inline-block;

  margin-top: 8px;

  width: 100%;

}



.blog-post-container-v4 .post-tag a {

  color: #000;

  font-weight: 600;

  margin-right: 15px;

}



.blog-post-container-v4 .post-tag span {

  color: #8d8c8c;

  text-transform: capitalize;

  margin-right: 5px;

}



.blog-post-container-v4 .read-more {

  float: right;

  margin-top: 25px;

}



.blog-post-container-v4 .read-more i {

  font-size: 30px;

  color: #cecece;

}



.blog-classic .wrap-sidebar {

  border: 1px solid #f2f2f2;

  display: inline-block;

  width: 100%;

  padding: 30px;

}



.blog-classic #primary.col-md-9 {

  float: left;

  padding-left: 0px;

  padding-right: 15px;

  width: 66.66667%;

}



.blog-classic #secondary.col-md-3 {

  float: right;

  padding-right: 0px;

  padding-left: 15px;

  width: 33.3333%;

}



.blog-classic .blog-post-container {

  margin-top: 0px;

  margin-bottom: 0px;

}



.blog-classic .blog-post-container .blog-post-item {

  padding-bottom: 40px;

  border-bottom: 1px solid #ececec;

  display: inline-block;

  width: 100%;

}



.blog-classic .blog-post-container .blog-post-images {

  overflow: hidden;

}



.blog-classic .blog-post-container .cat a {

  font: 300 12px/20px "Oswald";

  letter-spacing: 2px;

  color: #9a9a9a;

  text-transform: uppercase;

  margin-top: 20px;

  display: inline-block;

}



.blog-classic .blog-post-container .cat a:hover {

  color: #e95252;

}



.blog-classic .blog-post-container h3 a {

  font: 400 35px/35px "Playfair Display";

  color: #000;

  text-transform: capitalize;

}



.blog-classic .blog-post-container h3 a:hover {

  color: #e95252;

}



.blog-classic .blog-post-container .post-by {

  margin: 15px 0 20px;

  position: relative;

}



.blog-classic .blog-post-container .post-by:after {

  position: absolute;

  content: "";

  height: 1px;

  width: 70px;

  bottom: -15px;

  left: 0px;

  background: #000;

}



.blog-classic .blog-post-container .post-by p {

  display: inline-block;

  text-transform: capitalize;

  font: 400 13px/20px "Poppins";

  color: #000;

}



.blog-classic .blog-post-container .post-by p.by-user {

  margin-right: 10px;

  padding-right: 10px;

  border-right: 1px solid #eee;

}



.blog-classic .blog-post-container .post-by p.by-user span {

  color: #858585;

}



.blog-classic .blog-post-container .post-by p.by-user a {

  color: #000;

}



.blog-classic .blog-post-container .post-by p.by-user a:hover {

  color: #e95252;

}



.blog-classic .blog-post-container .content p {

  font: 400 13px/25px "Poppins";

  color: #858585;

  margin-bottom: 30px;

}



.blog-classic .blog-post-container a.button {

  background: #000;

  color: #fff;

  font-size: 12px;

  letter-spacing: 2px;

  width: 165px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  display: inline-block;

}



.blog-classic .blog-post-container a.button:hover {

  background: #e95252;

}



.blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-prev, .blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-next {

  opacity: 1;

  transform: translate3d(0px, 0px, 0px);

  width: 35px;

  height: 35px;

  background: #fff;

  margin: 0px;

  bottom: 15px;

  top: inherit;

}



.blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-prev i, .blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-next i {

  margin-top: 5px;

}



.blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-next {

  right: 10px;

}



.blog-classic .blog-post-container .owl-carousel .owl-controls .owl-nav .owl-prev {

  right: 50px;

  left: inherit;

}



.blog-classic .blog-post-container.single-post .form-control {

  border: 1px solid #e6e6e6;

}



.blog-classic .blog-post-container.single-post textarea {

  min-height: 130px;

}



.blog-classic .blog-post-container.single-post .blog-related .blog-post-item .text {

  padding: 0px;

  width: 100%;

  margin-top: 0px;

}



.blog-classic .blog-post-container.single-post .blog-related .blog-post-item .text h3 {

  margin-top: 10px;

  float: left;

}



.blog-classic .blog-post-container.single-post .blog-related .blog-post-item .text h3 a {

  margin-top: 20px;

  font: 400 16px/20px "Roboto Slab";

}



.blog-classic .blog-post-container.single-post .blog-related .blog-post-item .text p {

  font-size: 12.5px;

  font-weight: 300;

  margin: 5px 0px;

}



.blog-classic .blog-post-container.single-post .blog-post-item {

  padding-bottom: 0px;

  margin-bottom: 0px;

  border: none;

}



.blog-classic .blog-post-container.single-post .blog-post-item h3.title-v2 {

  color: #2b2b2b;

}



.blog-classic .blog-post-container.single-post .blog-post-item h3.title-v1 {

  font: 700 24px/30px "Roboto Slab";

  text-transform: uppercase;

  color: #2b2b2b;

}



.blog-classic .blog-post-container.single-post .blog-post-item .head h3 {

  margin-top: 20px;

  font: 700 30px/30px "Roboto Slab";

  text-transform: initial;

  color: #2b2b2b;

}



.blog-classic .blog-post-container.single-post .blog-post-item .head p span {

  margin: 0px 10px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .head p:after {

  height: 0px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .tag-cat {

  text-transform: uppercase;

}



.blog-classic .blog-post-container.single-post .blog-post-item .tag-cat a {

  display: inline-block;

  font: 300 12px/20px "Oswald";

  color: #7d7d7d;

  letter-spacing: 2px;

  margin-right: 3px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .tag-cat span {

  font: 700 12px/30px "Oswald";

  margin-right: 10px;

  letter-spacing: 2px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text {

  width: 100%;

  padding: 30px 0px;

  margin-top: 0px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text p.normal {

  font-weight: 400;

  color: #666;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text p, .blog-classic .blog-post-container.single-post .blog-post-item .text li {

  font: 300 16px/25px "Roboto Slab";

  color: #565656;

  margin-bottom: 20px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text p:after, .blog-classic .blog-post-container.single-post .blog-post-item .text li:after {

  height: 0px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text ul li {

  margin-bottom: 0px;

  line-height: 30px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text ul li:before {

  display: inline-block;

  height: 5px;

  width: 5px;

  background: #333;

  margin-right: 10px;

  content: '';

  margin-bottom: 2px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text .content {

  padding: 40px;

}



.blog-classic .blog-post-container.single-post .blog-post-item .text .content p {

  font: 300 16px/25px "Roboto";

  font-style: italic;

  color: #818181;

}



.blog-classic .blog-post-container.single-post .social {

  display: inline-block;

  width: 100%;

  text-align: left;

  border-top: 1px solid #f5f5f5;

  border-bottom: 1px solid #f5f5f5;

  padding: 15px 0px;

  margin-bottom: 20px;

}



.blog-classic .blog-post-container.single-post .social h3 {

  display: inline-block;

  font: 700 14px "Roboto Condensed";

  color: #2b2b2b;

}



.blog-classic .blog-post-container.single-post .social a {

  display: inline-block;

  margin: 0px 5px;

}



.blog-classic .blog-post-container.single-post .social a.twitter i {

  color: #55acee;

}



.blog-classic .blog-post-container.single-post .social a.dribbble i {

  color: #e04c86;

}



.blog-classic .blog-post-container.single-post .social a.skype i {

  color: #00aff0;

}



.blog-classic .blog-post-container.single-post .social a.pinterest i {

  color: #bd081c;

}



.blog-classic .blog-post-container.single-post .social a.facebook {

  color: #3b5998;

}



.blog-classic .blog-post-container.single-post .social a i {

  font-size: 24px;

  margin: 5px 0px;

}



.blog-classic .blog-post-container.single-post .pagination {

  display: inline-block;

  width: 100%;

}



.blog-classic .blog-post-container.single-post .pagination .next, .blog-classic .blog-post-container.single-post .pagination .prev {

  float: left;

  width: 50%;

  margin-bottom: 30px;

}



.blog-classic .blog-post-container.single-post .pagination .next a, .blog-classic .blog-post-container.single-post .pagination .prev a {

  width: 100%;

  text-align: center;

  height: 50px;

  font-size: 12px;

  line-height: 46px;

  padding: 0px !important;

}



.blog-classic .blog-post-container.single-post .pagination .prev a {

  border-right: none;

}



.blog-classic .blog-post-container.single-post .pagination .prev a i {

  transform: rotate(180deg);

  margin-left: 0px;

  margin-right: 10px;

}



.blog-classic .blog-post-container.single-post .panel {

  box-shadow: none;

}



.blog-classic .blog-post-container.single-post .panel .media-left, .blog-classic .blog-post-container.single-post .panel .media > .pull-left {

  padding-right: 30px;

}



.blog-classic .blog-post-container.single-post .panel .text {

  min-height: 10px;

  display: inline-block;

  position: relative;

  border-bottom: 1px solid #eee;

  margin-bottom: 10px;

  padding-bottom: 10px;

}



.blog-classic .blog-post-container.single-post .panel .text a.reply {

  position: absolute;

  right: 0px;

  top: 0px;

  font: 300 12px/20px "Roboto Condensed";

  text-transform: uppercase;

  color: #979797;

}



.blog-classic .blog-post-container.single-post .panel .text a.reply i {

  font-size: 14px;

  margin-right: 5px;

}



.blog-classic .blog-post-container.single-post .panel .text a.reply:hover {

  color: #80b435;

}



.blog-classic .blog-post-container.single-post .panel .panel-body {

  padding: 0px;

}



.blog-classic .blog-post-container.single-post .panel .panel-body h3 {

  font-weight: 700;

  color: #000;

  min-height: auto;

  display: inline-block;

  margin-right: 10px;

  font: 500 16px/20px "Roboto Condensed";

}



.blog-classic .blog-post-container.single-post .panel .panel-body .date {

  font: 300 16px/20px "Roboto Condensed";

  color: #b4b4b4;

  margin-bottom: 10px;

  display: inline-block;

}



.blog-classic .blog-post-container.single-post .panel .panel-body .date:before {

  content: '';

  display: inline-block;

  width: 5px;

  height: 5px;

  background: #d5d5d5;

  margin-right: 10px;

  margin-bottom: 2px;

}



.blog-classic .blog-post-container.single-post .panel .panel-body p {

  font: 300 16px/20px "Roboto Condensed";

  color: #858585;

  font-style: italic;

}



.blog-classic .blog-post-container.single-post .form-horizontal {

  display: inline-block;

  width: 100%;

}



.blog-classic .blog-post-container.single-post .form-horizontal a.button-v2 {

  float: right;

  background: #000;

  border: 2px solid #000;

  font-size: 14px;

  letter-spacing: 2px;

  font-family: "Oswald";

  width: 120px;

  text-align: center;

  height: 46px;

  line-height: 42px;

  padding: 0px !important;

}



.blog-masonry {

  margin: 0 -15px;

}



.blog-masonry .grid-sizer, .blog-masonry .grid-item {

  width: 33.333333333333%;

}



.blog-masonry .grid-item {

  padding: 0 15px;

}



.blog-masonry .grid-item img {

  width: 100%;

}



.blog-masonry.masonry-por {

  margin: 0px;

}



.blog-masonry.masonry-por .grid-sizer {

  width: 25%;

}



.blog-masonry .inner-por-masonry {

  display: inline-block;

  width: 100%;

}



.blog-masonry .inner-por-masonry .grid-item {

  overflow: hidden;

  width: 25%;

  padding: 0px;

  height: 440px;

}



.blog-masonry .inner-por-masonry .grid-item:after {

  position: absolute;

  content: "";

  height: 70px;

  width: 70px;

  background: url(../images/por-plus.png) no-repeat;

  left: 50%;

  top: 50%;

  margin-left: -35px;

  margin-top: -35px;

  opacity: 0;

}



.blog-masonry .inner-por-masonry .grid-item .images {

  width: 100%;

}



.blog-masonry .inner-por-masonry .grid-item h3, .blog-masonry .inner-por-masonry .grid-item h4 {

  transition: all 0.5s ease 0s;

  margin-left: 30px;

}



.blog-masonry .inner-por-masonry .grid-item h3 {

  font: 400 20px/25px "Playfair Display";

  color: #fff;

  margin-bottom: 10px;

}



.blog-masonry .inner-por-masonry .grid-item h4 {

  font: 300 12px/20px "Oswald";

  color: #888;

  letter-spacing: 2px;

  text-transform: uppercase;

}



.blog-masonry .inner-por-masonry .grid-item p {

  width: 100%;

  text-align: right;

  color: #fff;

  font: 400 12px/20px "Oswald";

  transition: all 0.4s ease 0s;

  padding-right: 30px;

}



.blog-masonry .inner-por-masonry .grid-item.width-2x {

  width: 50%;

  height: 880px;

  padding: 0px;

}



.blog-masonry .inner-por-masonry .grid-item:hover:after {

  opacity: 1;

}



.blog-masonry .inner-por-masonry .grid-item:hover h3, .blog-masonry .inner-por-masonry .grid-item:hover h4 {

  transform: translate(0, -85px);

}



.blog-masonry .inner-por-masonry .grid-item:hover p {

  transform: translate(0, -125px);

}



.blog-classic .blog-post-container.blog-masonry .post-by {

  margin: 10px 0px 30px;

}



.blog-classic .blog-post-container.blog-masonry .post-by:after {

  height: 0px;

}



.blog-classic .blog-post-container.blog-masonry h3 {

  min-height: 30px;

  margin-bottom: 20px;

}



.blog-classic .blog-post-container.blog-masonry h3 a {

  font-size: 25px;

  position: relative;

  display: inline-block;

}



.blog-classic .blog-post-container.blog-masonry h3 a:after {

  position: absolute;

  content: "";

  left: 0px;

  bottom: -10px;

  height: 1px;

  width: 60px;

  background: #000;

}



.blog-classic .blog-post-container.blog-masonry a.button {

  background: none;

  text-align: left;

  color: #000;

  height: 40px;

  line-height: 30px;

  width: 100%;

  border-bottom: 1px solid #ebebeb;

  position: relative;

}



.blog-classic .blog-post-container.blog-masonry a.button:after {

  left: 0px;

  bottom: 10px;

  width: 0px;

  height: 2px;

  background: #e95252;

  content: "";

  position: absolute;

  transition: all 0.3s ease 0s;

}



.blog-classic .blog-post-container.blog-masonry a.button:hover {

  color: #e95252;

}



.blog-classic .blog-post-container.blog-masonry a.button:hover:after {

  width: 90px;

}



.blog-classic .blog-post-container.blog-masonry a.button:hover .link-icon-black {

  background-position: 0 bottom;

}



.blog-classic .blog-post-container.blog-masonry .content p {

  margin-bottom: 10px;

}



.blog-classic .blog-post-container.blog-masonry .link-icon-black {

  background-image: url(../images/Uno-button-icon2.png);

}



.link {

  display: inline-block;

  width: 100%;

  text-align: center;

  margin-bottom: 50px;

}



a.load-more {

  display: inline-block;

  width: 166px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  font: 700 12px/46px "Oswald";

  color: #fff;

  letter-spacing: 2px;

  background: #000;

  text-transform: uppercase;

  margin: 0 auto;

}



a.load-more:hover {

  background: #e95252;

}



a.load-more i {

  color: #fff;

  font-size: 16px;

  vertical-align: -2px;

}



.bastian-content .images img {

  width: 100%;

}



.bastian-content .col-md-6 h3 {

  font: 400 25px/30px "Playfair Display";

  color: #000;

  text-transform: capitalize;

  padding-bottom: 15px;

  margin-bottom: 20px;

  position: relative;

}



.bastian-content .col-md-6 h3:after {

  position: absolute;

  content: "";

  left: 0px;

  bottom: 0px;

  height: 1px;

  width: 40px;

  background: #333;

}



.bastian-content .col-md-6 p {

  font: 400 13px/25px "Poppins";

  color: #858585;

  margin-bottom: 30px;

}



.control-page {

  text-align: center;

  float: left;

  width: 100%;

  position: relative;

}



.control-page .next, .control-page .prev, .control-page .box-icon {

  display: inline-block;

}



.control-page .next {

  float: left;

  text-align: left;

}



.control-page .prev {

  float: right;

  text-align: right;

}



.control-page .box-icon {

  position: absolute;

  width: 80px;

  height: 80px;

  background: #000000;

  border-radius: 50%;

  text-align: center;

  left: 50%;

  margin-left: -40px;

}



.control-page .box-icon i {

  color: #fff;

  font-size: 30px;

  line-height: 80px;

}



.control-page a.title {

  font: 400 50px/50px "Playfair Display";

  color: #000;

  text-transform: capitalize;

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

  letter-spacing: 0px;

}



.control-page a {

  font: 300 12px/20px "Oswald";

  color: #8e8e8e;

  letter-spacing: 4px;

  display: inline-block;

  text-transform: uppercase;

}



.control-page a:hover i.link-icon-white {

  background-position: 0 0;

}



.control-page a i {

  margin: 0px !important;

}



.control-page a i.link-icon-white {

  background: url(../images/pagination-next.png) no-repeat scroll 0 bottom;

}



.control-page .next a:hover i.link-icon-white {

  background-position: 0 0;

}



.control-page .next a i.link-icon-white {

  background: url(../images/pagination-prev.png) no-repeat scroll 0 bottom;

}



.last-news h2 {

  font: 400 40px "Playfair Display";

  color: #2b2b2b;

  margin-bottom: 20px;

}



@media (min-width: 1200px) {

  .last-news .col-md-6:last-child {

    padding-left: 50px;

  }

  .rtl .last-news .col-md-6:last-child {

    padding-right: 50px;

    padding-left: inherit;

  }

  .last-news .col-md-6:first-child {

    padding-right: 100px;

    border-right: 1px solid #cdcdcd;

  }

  .rtl .last-news .col-md-6:first-child {

    padding-left: 100px;

    padding-right: inherit;

  }

  .rtl .last-news .col-md-6:first-child {

    border-left: 1px solid #cdcdcd;

    border-right: inherit;

  }

}



.last-news .lastest-news h3 {

  font: 400 20px/25px "Playfair Display";

  color: #2b2b2b;

  margin-bottom: 5px;

}



.last-news .lastest-news h3 a {

  color: #2b2b2b;

}



.last-news .lastest-news h3 a:hover {

  color: #80b435;

}



.last-news .lastest-news p {

  color: #b5b5b5;

  font: 300 14px "Roboto";

}



.last-news .lastest-news li {

  display: block;

  padding: 20px 0px;

  border-bottom: 1px solid #eaeaea;

  position: relative;

  padding-left: 20px;

}



.last-news .lastest-news li:after {

  position: absolute;

  content: "";

  left: 0px;

  top: 33px;

  height: 9px;

  width: 8px;

  background: url(../images/icon-ulli.png) no-repeat;

  transform: rotateY(0deg);

}



.rtl .last-news .lastest-news li:after {

  right: 0px;

  left: auto;

}



.rtl .last-news .lastest-news li:after {

  transform: rotateY(180deg);

}



.rtl .last-news .lastest-news li {

  padding-right: 20px;

  padding-left: inherit;

}



.last-news .lastest-news li:last-child {

  border: none;

}



.last-news .client-say .content-text {

  position: relative;

  margin-bottom: 30px;

}



.last-news .client-say .content-text p {

  font: 300 16px/20px "Roboto";

  font-style: italic;

  position: relative;

  padding: 30px 20px 40px 20px;

  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);

}



.last-news .client-say .content-text:after {

  position: absolute;

  content: "";

  background: url(../images/user-box-shadow.png) no-repeat center;

  left: 60px;

  bottom: -25px;

  width: 26px;

  height: 30px;

}



.rtl .last-news .client-say .content-text:after {

  right: 60px;

  left: auto;

}



.last-news .user {

  padding-left: 40px;

}



.rtl .last-news .user {

  padding-right: 40px;

  padding-left: inherit;

}



.last-news .user .avatar, .last-news .user .text {

  display: inline-block;

}



.last-news .user .text {

  padding-left: 10px;

  padding-top: 10px;

}



.rtl .last-news .user .text {

  padding-right: 10px;

  padding-left: inherit;

}



.last-news .user h3 {

  font: 500 16px/20px "Roboto";

  color: #333;

  text-transform: uppercase;

}



.last-news .user p {

  color: #80b435;

  text-transform: capitalize;

  font: 300 12px/15px "Roboto";

}



@media (min-width: 768px) {

  .menu-vertical {

    width: 100%;

  }

}



/** 4.13. Images Zoom **/

.product-img-box {

  margin-bottom: 50px;

  text-align: center;

}



.product-img-box #image-view {

  display: inline-block;

  float: right;

  max-width: 630px;

}



.product-img-box .product-thumb {

  float: left;

  display: inline-block;

}



.product-img-box .thumb-content {

  width: 100%;

  max-width: 150px;

  float: left;

}



.product-img-box .thumb-content li {

  display: block;

  float: left;

  padding-right: 15px;

  margin-bottom: 20px;

}



.product-img-box .thumb-content li a {

  display: inline-block;

  border: 1px solid #fff;

}



.product-img-box .thumb-content li.active a {

  border: 1px solid #333;

}



.product-img-box img {

  width: 100%;

}



.product-img-box.product-img-box-v2 .thumb-content {

  max-width: 100%;

  margin-top: 20px;

}



.product-img-box.product-img-box-v2 .thumb-content li {

  width: 33.33%;

  display: inline-block;

}



.product-img-box.product-img-box-v2 .thumb-content li:nth-child(3n+1) {

  padding-right: 14px;

  padding-left: 0px;

}



.product-img-box.product-img-box-v2 .thumb-content li:nth-child(3n+2) {

  padding: 0px 7px;

}



.product-img-box.product-img-box-v2 .thumb-content li:nth-child(3n) {

  padding-right: 0px;

  padding-left: 14px;

}



.product-details-content {

  width: 100%;

  float: left;

}



.product-details-content .col-md-6:first-child {

  padding-left: 0px;

}



.product-details-content .slider-nav button {

  display: none !important;

  position: absolute;

  left: -30px;

  top: 50%;

  font-size: 0px;

  transform: translateY(-50%);

  background: none;

  border: none;

}



.product-details-content .slider-nav button:focus {

  outline: none;

}



.product-details-content .slider-nav button:hover:before {

  color: #80b435;

}



.product-details-content .slider-nav button:before {

  content: '\f104';

  font: normal normal normal 30px/1 'FontAwesome';

  color: #a2a2a2;

}



.product-details-content .slider-nav button.slick-prev {

  right: -30px;

  left: initial;

}



.product-details-content .slider-nav button.slick-prev:before {

  content: '\f105';

}



.product-details-content .slider-nav .slick-slide {

  padding: 2px;

  margin: 0px;

  cursor: pointer;

}



.product-details-content .slider-nav .slick-slide img {

  border: 1px solid #fff;

}



.product-details-content .slider-nav .slick-slide.slick-current img, .product-details-content .slider-nav .slick-slide:hover img {

  border: 1px solid #80b435;

}



.product-details-content .slide-vertical {

  position: relative;

}



@media (min-width: 1200px) {

  .product-details-content .slide-vertical.right {

    float: right;

  }

  .product-details-content .slide-vertical .slider-for {

    width: 80%;

    float: right;

    transform: rotate(90deg);

  }

  .product-details-content .slide-vertical .slider-for .slick-slide {

    transform: rotate(-90deg);

  }

  .product-details-content .slide-vertical .slider-nav {

    float: left;

    transform: rotate(90deg);

    height: 170px;

    width: 700px;

    position: absolute;

    left: -265px;

    top: 280px;

  }

  .product-details-content .slide-vertical .slider-nav button {

    display: inline-block !important;

    position: absolute;

    left: -30px;

  }

  .product-details-content .slide-vertical .slider-nav button.slick-prev {

    right: -30px;

    left: initial;

  }

  .product-details-content .slide-vertical .slider-nav .slick-slide {

    transform: rotate(-90deg);

  }

  .product-details-content .slide-vertical .slider-nav .slick-slide.slick-current img, .product-details-content .slide-vertical .slider-nav .slick-slide:hover img {

    border-color: #80b435;

  }

  .product-details-content .slide-vertical .slider-nav .slick-slide img {

    border: 1px solid #fff;

  }

  .product-details-content .slide-vertical.right .slider-for {

    float: left;

  }

  .product-details-content .slide-vertical.right .slider-nav {

    float: right;

    left: initial;

    right: -265px;

  }

}



.draggable {

  padding: 0px !important;

}



.slick-slide:focus {

  outline: none;

}



.slick-slide img {

  width: 100%;

}



.slick-prev:before,

.slick-next:before {

  color: black;

}



.slider-for, .slider-nav {

  width: 100%;

  margin: auto;

}



.slider-for {

  margin-bottom: 0px;

}



.slider-for .slick-slide {

  overflow: hidden;

}



/* these styles are for the demo, but are not required for the plugin */

.zoom {

  display: inline-block;

  position: relative;

}



.zoom img {

  display: block;

}



/** 4.14. Icon Progress Bar **/

.icon-rating {

  float: left;

}



.icon-rating input {

  left: -9999px;

  position: absolute;

}



.icon-rating label {

  cursor: pointer;

  display: block;

  float: right;

  font-size: 22px;

  height: 17px;

  line-height: 17px;

  padding: 0 1px;

}



.icon-rating label {

  color: #e0e0e0;

  transition: color 0.3s ease 0s;

}



.icon-rating input + label:hover, .icon-rating input + label:hover ~ label {

  color: #e19824;

}



.icon-rating input:checked ~ label {

  color: #e19824;

}



.item-inner .product .icon-rating input:checked ~ label {

  color: #e19824;

}



.icon-rating-horizontal {

  float: none;

  text-align: center;

}



.icon-rating-horizontal label {

  float: none;

  height: 20px;

  line-height: 20px;

}



.light-style {

  color: #fff;

}



.light-style h1, .light-style h2, .light-style h3, .light-style h4, .light-style h5, .light-style h6 {

  color: #fff;

}



.bg-success .icon-rating label {

  color: #648d29;

}



.bg-success .icon-rating input + label:hover, .bg-success .icon-rating input + label:hover ~ label,

.bg-success .icon-rating input:checked ~ label {

  color: #fff;

}



.bg-danger .icon-rating label {

  color: #b52b27;

}



.bg-danger .icon-rating input + label:hover, .bg-danger .icon-rating input + label:hover ~ label,

.bg-danger .icon-rating input:checked ~ label {

  color: #fff;

}



.bg-warning .icon-rating label {

  color: #df8a13;

}



.bg-warning .icon-rating input + label:hover, .bg-warning .icon-rating input + label:hover ~ label,

.bg-warning .icon-rating input:checked ~ label {

  color: #fff;

}



.bg-primary .icon-rating label {

  color: #567924;

}



.bg-primary .icon-rating input + label:hover, .bg-primary .icon-rating input + label:hover ~ label,

.bg-primary .icon-rating input:checked ~ label {

  color: #fff;

}



.bg-info .icon-rating label {

  color: #28a1c5;

}



.bg-info .icon-rating input + label:hover, .bg-info .icon-rating input + label:hover ~ label,

.bg-info .icon-rating input:checked ~ label {

  color: #fff;

}



div.stars {

  width: 270px;

  display: inline-block;

}



input.star {

  display: none;

}



label.star {

  float: right;

  padding: 10px;

  font-size: 36px;

  color: #444;

  transition: all .2s;

}



input.star:checked ~ label.star:before {

  content: '\f005';

  color: #FD4;

  transition: all .25s;

}



input.star-5:checked ~ label.star:before {

  color: #FE7;

  text-shadow: 0 0 20px #952;

}



input.star-1:checked ~ label.star:before {

  color: #F62;

}



label.star:hover {

  transform: rotate(-15deg) scale(1.3);

}



label.star:before {

  content: '\f006';

  font-family: FontAwesome;

}



/** 4.15. Parallax **/

/** 4.16 Instagram **/

.testimonial {

  display: inline-block;

  width: 100%;

  text-align: center;

  background: url(../images/testimo-home3-1.jpg) no-repeat;

  padding: 80px 0px 100px;

  color: #fff;

}



.testimonial h3 {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  position: relative;

  margin-bottom: 40px;

  padding-bottom: 15px;

  line-height: 20px;

}



.testimonial h3:after {

  position: absolute;

  content: "";

  left: 50%;

  bottom: 0px;

  width: 50px;

  margin-left: -25px;

  background: #eeeeee;

  height: 2px;

}



.testimonial p {

  font-family: "Playfair Display";

  font-size: 22px;

  font-style: italic;

  font-weight: 400;

  line-height: 30px;

  max-width: 980px;

  margin: 0 auto 30px;

}



.testimonial p.user-name {

  font-family: "Oswald";

  font-weight: 400;

  font-style: normal;

  text-transform: uppercase;

  font-size: 14px;

  letter-spacing: 2px;

}



.testimonial img {

  width: auto;

  border-radius: 50%;

  border: 3px solid #bababa;

}



.testimonial .wrap-star {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.testimonial .wrap-star a {

  color: #eed52e;

}



.testimonial .wrap-star a i {

  font-size: 12.42px;

}



.testimonial.dots-show .owl-dots {

  bottom: 80px;

}



.testimonial.dots-show .owl-dots .owl-dot {

  background: #bbb;

}



.testimonial.dots-show .owl-dots .owl-dot.active, .testimonial.dots-show .owl-dots .ordering span.owl-dot:hover, .ordering .testimonial.dots-show .owl-dots span.owl-dot:hover {

  background: #fff;

}



/** 4.16 Instagram **/

.cat-box-home3 img {

  width: 100%;

}



.cat-box-home3 span.label {

  position: absolute;

  display: inline-block;

  right: 40px;

  top: 60px;

  color: #e95252;

  text-transform: uppercase;

  font-size: 12px;

  transform: rotate(90deg);

  font-weight: 700;

  letter-spacing: 2px;

  padding: 10px;

  z-index: 9;

  border: 2px solid #e95252;

  border-radius: 0px;

}



.cat-box-home3 .row {

  margin: 0px;

  margin-bottom: 30px;

}



.cat-box-home3 .col-md-6 {

  position: relative;

}



.cat-box-home3 .col-md-6.box-text {

  min-height: 300px;

}



.cat-box-home3 .col-md-6:first-child {

  padding-left: 0px;

}



.cat-box-home3 .col-md-6:first-child span.label {

  right: 0px;

}



@media (max-width: 460px) {

  .cat-box-home3 .col-md-6:first-child span.label {

    right: -20px;

  }

}



.cat-box-home3 .col-md-6:last-child {

  padding-right: 0px;

}



.cat-box-home3 .col-md-6:last-child span.label {

  right: inherit;

  left: 0px;

}



@media (max-width: 460px) {

  .cat-box-home3 .col-md-6:last-child span.label {

    left: inherit;

    right: -20px;

  }

}



.cat-box-home3 .col-md-6.bg-text {

  min-height: 350px;

}



.cat-box-home3 .col-md-6.bg-text:before {

  content: " " attr(bg-text) " ";

  font-size: 100px;

  font-family: "Playfair Display";

  color: #e9e9e9;

  font-weight: 400;

  text-transform: uppercase;

  position: absolute;

  left: 0px;

  width: 100%;

  text-align: center;

  height: 100%;

  top: 25%;

}



.cat-box-home3 .col-md-6.bg-text h1 {

  font-family: "Playfair Display";

  font-size: 25px;

  text-transform: uppercase;

  font-weight: 400;

  color: #000;

  position: absolute;

  width: 100%;

  left: 0px;

  text-align: center;

  top: 45%;

}



.cat-box-home3 .col-md-12 {

  padding: 0px;

  position: relative;

}



.cat-box-home3 .col-md-12 .col-md-6 {

  padding: 0px;

}



.cat-box-home3 .col-md-12 .col-md-6:first-child {

  padding-right: 15px;

}



.cat-box-home3 .col-md-12 .col-md-6:last-child {

  padding-left: 15px;

}



.cat-box-home3 .col-md-12 .col-md-6 .text {

  left: 35px;

}



.cat-box-home3 .text {

  position: absolute;

  bottom: 50px;

  left: 65px;

}



.cat-box-home3 .text h3 {

  font-size: 40px;

  color: #000;

  font-family: "Playfair Display";

  position: relative;

  line-height: 40px;

  margin-bottom: 10px;

}



.cat-box-home3 .text h3:after {

  position: absolute;

  content: "";

  left: -80px;

  width: 60px;

  height: 2px;

  top: 50%;

  background: #000;

}



.cat-box-home3 .text p {

  font-size: 12px;

  color: #9d9d9d;

  font-weight: 300;

  letter-spacing: 3px;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.cat-box-home3 .text a {

  display: inline-block;

  padding-top: 10px !important;

  padding-bottom: 10px !important;

  border: 2px solid #000;

}



.catbox-container {

  float: left;

  width: 100%;

  margin-bottom: 30px;

}



.catbox-container .items {

  width: 33.33%;

  float: left;

  position: relative;

}



@media (max-width: 440px) {

  .catbox-container .items {

    width: 100%;

  }

}



.catbox-container .items .text {

  position: absolute;

  left: 0px;

  right: 0px;

  margin: auto;

  top: 50%;

  transform: translate(0, -50%);

  text-align: center;

}



.catbox-container .items .text h3 {

  font: 700 42px/75px "Playfair Display";

  color: #fff;

  background: #80b435;

  display: inline-block;

  padding: 0px 35px;

}



.catbox-container .items .text a {

  font: 400 18px/60px "Roboto Slab";

  color: #000;

  background-color: #fff;

  padding: 0px;

  display: block;

  margin: auto;

  max-width: 195px;

}



@media (max-width: 1200px) {

  .catbox-container .items .text h3 {

    font: 700 25px/60px "Playfair Display";

  }

  .catbox-container .items .text a {

    font: 400 14px/40px "Roboto Slab";

    max-width: 150px;

  }

}



@media (max-width: 767px) and (min-width: 441px) {

  .catbox-container .items .text h3 {

    font: 700 16px/50px "Playfair Display";

  }

}



.catbox-container.home-4 .items .text h3 {

  font: 700 31px/55px "Playfair Display";

}



.catbox-container.home-4 .items .text a {

  font: 400 14px/50px "Roboto Slab";

  max-width: 150px;

}



@media (max-width: 1200px) {

  .catbox-container.home-4 .items .text h3 {

    font: 700 21px/45px "Playfair Display";

  }

}



.catbox-container.home-4 .items.left .text {

  width: 240px;

  text-align: left;

  left: 30px;

  right: inherit;

  top: inherit;

  bottom: 25px;

  transform: translate(0, 0);

}



.catbox-container.home-4 .items.left .text a {

  display: inline-block;

  width: 150px;

  text-align: center;

}



.catbox-container.home-4 .items.bottom .text {

  top: inherit;

  bottom: 40px;

  transform: translate(0, 0);

}



/** 4.16 Instagram **/

.time {

  text-align: center;

  padding: 30px 0px;

  display: inline-block;

  width: 100%;

}



.time .distance {

  display: inline-block;

  margin: 0px 15px;

  width: 240px;

  padding: 20px 0px 50px;

}



.time .distance .number {

  font-size: 100px;

  display: inline-block;

}



.time .distance .number b {

  font-weight: 400;

}



.time .distance .text {

  font-size: 40px;

  text-transform: capitalize;

  display: inline-block;

  font-family: "Playfair Display";

  color: #a4a4a4;

  font-weight: 400;

  margin-left: 5px;

}



.time.time-v2 .distance {

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

  margin: 0px 25px;

}



.time.time-v2 .distance .number {

  display: block;

}



.time.time-v2 .distance .number b {

  color: #f68585;

}



.time.time-v2 .distance .text {

  display: block;

  margin-left: 0px;

}



.time.time-v3 .distance .number {

  font-size: 50px;

  vertical-align: -40px;

  min-width: 60px;

}



.time.time-v3 .distance .text {

  font-family: "Oswald";

  font-size: 20px;

  color: #e95252;

  letter-spacing: 3px;

  text-transform: uppercase;

}



.social-v3, .social-v2, .social-v1 {

  text-align: center;

  display: inline-block;

  width: 100%;

}



.social-v3 a, .social-v2 a, .social-v1 a {

  color: #000;

}



.social-v1 a i {

  font-size: 20px;

  margin: 0px 20px;

}



.border-box {

  display: inline-block;

  width: 100%;

  margin: 50px 0px 20px;

  height: 1px;

  background: #ebebeb;

}



.social-v2 a i {

  font-size: 80px;

  margin: 30px 80px;

}



.social-v3 a {

  display: inline-block;

  padding: 25px 40px;

  width: 184px;

  height: 90px;

  margin-right: 5px;

}



.social-v3 a:last-child() {

  margin-right: 0px;

}



.social-v3 a i {

  font-size: 40px;

  color: #fff;

}



.social-v3 a.twitter {

  background: #01bbf6;

}



.social-v3 a.dribbble {

  background: #f5699a;

}



.social-v3 a.facebook {

  background: #3b5999;

}



.social-v3 a.youtube {

  background: #fe0000;

}



.social-v3 a.rss {

  background: #f7a42c;

}



.social-v3 a.pinterest {

  background: #f23434;

}



.title-box {

  display: inline-block;

  width: 100%;

}



.title-box h3 {

  text-transform: uppercase;

  font: 700 14px "Oswald";

  letter-spacing: 2px;

  line-height: 20px;

  padding-bottom: 10px;

  margin-bottom: 20px;

  position: relative;

}



.title-box h3:after {

  position: absolute;

  content: "";

  left: 0px;

  bottom: 0px;

  width: 50px;

  background: #000;

  height: 2px;

}



.title-box p {

  font: 400 13px/20px "Poppins";

  color: #858585;

  margin-bottom: 15px;

}



.title-box.center {

  text-align: center;

}



.title-box.center h3:after {

  left: 50%;

  margin-left: -25px;

}



.accordion .panel-title a {

  font: 600 18px "Poppins";

  color: #e95252;

}



.accordion .panel-title a:before {

  height: 30px;

  width: 30px;

  background: url(../images/icon-accor.png) no-repeat scroll center top 14px;

  content: "";

  display: inline-block;

  float: right;

}



.accordion .panel-title a.collapsed {

  color: #000;

}



.accordion .panel-title a.collapsed:before {

  background: url(../images/icon-accor.png) no-repeat scroll center bottom 10px;

}



.accordion .panel-collapse {

  font: 400 13px/25px "Poppins";

  color: #858585;

}



.accordion .panel {

  border: none;

  box-shadow: none;

}



.accordion .panel-default .panel-heading {

  background: none;

  padding-left: 0px;

  padding-right: 0px;

  border-bottom: 1px solid #eee;

}



.accordion .panel-body {

  padding: 0px;

  padding: 20px 0px;

}



.accordion .panel-group .panel-heading + .panel-collapse > .panel-body, .accordion .panel-group .panel-heading + .panel-collapse > .list-group {

  border-top: none;

}



.boxed-content {

  background: #93cacd;

  padding: 35px;

  display: inline-block;

  position: relative;

}



.boxed-content h2 {

  font: 700 12px/20px "Oswald";

  color: #fff;

  letter-spacing: 2px;

  position: relative;

  padding-bottom: 10px;

  margin-bottom: 20px;

}



.boxed-content h2.center {

  text-align: center;

}



.boxed-content h2:after {

  position: absolute;

  content: "";

  width: 50px;

  height: 1px;

  background: #fff;

  bottom: 0px;

  left: 0px;

}



.boxed-content p {

  font: 400 13px/25px "Poppins";

  color: #fff;

  padding-bottom: 20px;

}



.boxed-content.images {

  padding: 0px;

  background: #f5f5f5;

  border: 1px solid #eaeaea;

}



.boxed-content.images p, .boxed-content.images h2 {

  max-width: 250px;

  padding-left: 35px;

}



.boxed-content.images p:after, .boxed-content.images h2:after {

  left: 35px;

}



.boxed-content.images p {

  color: #858585;

}



.boxed-content.images h2 {

  color: #000;

}



.boxed-content.images h2:after {

  background: #d9d9d9;

}



.boxed-content.images img {

  float: right;

  max-width: 290px;

}



.boxed-content.images .text {

  float: left;

  margin-top: 30px;

}



.boxed-content.center {

  text-align: center;

}



.boxed-content.center h2:after {

  left: 50%;

  margin-left: -25px;

}



.boxed-content.boxed-content-v2 {

  background: #f5f5f5;

  padding: 50px 70px;

}



.boxed-content.boxed-content-v2 p {

  color: #858585;

}



.boxed-content.boxed-content-v2 h2 {

  color: #000;

}



.boxed-content.boxed-content-v2 h2:after {

  background: #d9d9d9;

}



.boxed-content.boxed-content-v3 {

  background: #e6bdad;

  padding-top: 65px;

}



.boxed-content .icons {

  display: inline-block;

  width: 80px;

  height: 80px;

  line-height: 74px;

  text-align: center;

  border-radius: 50%;

  color: #fff;

  font-size: 30px;

  background: #e95252;

  border: 3px solid #f8abab;

  position: absolute;

}



.boxed-content .icons.bg-black {

  background: #000;

  border: 3px solid #a18479;

}



.boxed-content .icons.left, .boxed-content .icons.right {

  left: -40px;

  top: 50%;

  margin-top: -40px;

}



.boxed-content .icons.right {

  left: inherit;

  right: -40px;

}



.boxed-content .icons.top, .boxed-content .icons.bottom {

  left: 50%;

  margin-left: -40px;

  top: -40px;

}



.boxed-content .icons.bottom {

  top: inherit;

  bottom: -40px;

}



.tab-v1 .tab-content {

  display: inline-block;

}



.tab-v1 .nav-tabs {

  text-align: center;

  border: none;

}



.tab-v1 .nav-tabs li {

  float: initial;

  display: inline-block;

  width: 250px;

  height: 66px;

  background: #ededed;

  line-height: 66px;

}



.tab-v1 .nav-tabs li.active, .tab-v1 .nav-tabs li:hover {

  background: #2a2a2a;

}



.tab-v1 .nav-tabs li.active a, .tab-v1 .nav-tabs li:hover a {

  border: none;

  background: none;

  color: #fff;

  box-shadow: none;

  position: relative;

}



.tab-v1 .nav-tabs li.active a:after, .tab-v1 .nav-tabs li:hover a:after {

  position: absolute;

  content: "";

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 10px solid #2a2a2a;

  height: 0px;

  width: 0px;

  bottom: -10px;

  left: 50%;

}



.tab-v1 .nav-tabs li a {

  text-transform: uppercase;

  font-weight: 700;

  color: #000;

  letter-spacing: 2px;

  border: none;

  line-height: 66px;

  height: 66px;

  padding: 0px;

}



.tab-v1 .tab-pane {

  text-align: center;

}



.tab-v1 .products .item-inner {

  width: 33.33%;

  float: left;

  padding: 0px 10px;

}



.tab-v1 .custom-content {

  text-align: left;

}



.tab-v1 .custom-content h1 {

  font: 400 50px/50px "Playfair Display";

  color: #000;

  text-transform: capitalize;

  padding-bottom: 15px;

}



.tab-v1 .custom-content h3 {

  font: 300 14px/20px "Oswald";

  color: #9d9d9d;

  letter-spacing: 3px;

  padding-bottom: 20px;

  margin-bottom: 20px;

  position: relative;

}



.tab-v1 .custom-content h3:after {

  position: absolute;

  content: "";

  left: 0px;

  bottom: 0px;

  height: 1px;

  width: 70px;

  background: #000;

}



.tab-v1 .custom-content p {

  font: 300 14px/25px "Poppins";

  padding-bottom: 20px;

}



.tab-v1 .custom-content a {

  display: inline-block;

  line-height: 36px;

  height: 40px;

  border: 2px solid #000;

}



.tab-v1 .accordion {

  text-align: left;

}



.btn {

  font: 400 14px "Oswald";

  letter-spacing: 2px;

  text-transform: uppercase;

  width: 215px;

  text-align: center;

  margin-right: 10px;

  border-radius: 0px;

  border: none;

  height: 58px;

  color: #fff;

}



.btn:hover {

  opacity: 0.8;

}



.btn:last-child {

  margin-right: 0px;

}



.btn.btn-default {

  background: #363636;

}



.btn.btn-default:hover, .btn.btn-default:focus {

  color: #fff;

}



.btn.btn-success {

  background: #6bdb80;

}



.btn.btn-danger {

  background: #e95151;

}



.btn.btn-info {

  background: #5ad0cf;

}



.btn.btn-warning {

  background: #f1cd4f;

}



.buttton-v2 .btn {

  border-radius: 30px;

}



.buttton-v3 .btn {

  color: #000;

  background: none;

}



.buttton-v3 .btn.btn-default {

  border: 2px solid #363636;

}



.buttton-v3 .btn.btn-default:hover, .buttton-v3 .btn.btn-default:focus {

  color: #000;

}



.buttton-v3 .btn.btn-success {

  border: 2px dashed #6bdb80;

}



.buttton-v3 .btn.btn-danger {

  border: 2px solid #e95151;

}



.buttton-v3 .btn.btn-info {

  border: 2px solid  #5ad0cf;

}



.buttton-v3 .btn.btn-warning {

  border: 2px solid #f1cd4f;

}



.buttton-v4 .btn {

  color: #000;

  background: none;

  border-radius: 30px;

}



.buttton-v4 .btn.btn-default {

  border: 2px solid #363636;

}



.buttton-v4 .btn.btn-default:hover, .buttton-v4 .btn.btn-default:focus {

  color: #000;

}



.buttton-v4 .btn.btn-success {

  border: 2px solid #6bdb80;

}



.buttton-v4 .btn.btn-danger {

  border: 2px solid #e95151;

}



.buttton-v4 .btn.btn-info {

  border: 2px solid  #5ad0cf;

}



.buttton-v4 .btn.btn-warning {

  border: 2px dashed #f1cd4f;

}



.buttton-icon .btn.btn-success {

  border-radius: 30px;

}



.buttton-icon .btn.btn-danger {

  background: none;

  border: 2px solid #e95151;

  color: #e95151;

}



.buttton-icon .btn.btn-info {

  border-radius: 5px;

}



.buttton-icon .btn.btn-warning {

  border: 2px dashed #f1cd4f;

  background: none;

  color: #000;

}



.buttton-icon .btn i {

  font-size: 20px;

  vertical-align: -2px;

}



.feature-box .fbox-icon .icons {

  color: #000;

}



.feature-box h4 {

  font: 700 14px/20px "Oswald";

  color: #000;

  letter-spacing: 2px;

  text-transform: uppercase;

}



.feature-box p {

  font: 400 13px/20px "Poppins";

  color: #858585;

}



.icon-box-v* .col-md-3, .icon-box-v* .col-md-4 {

  padding: 0 15px;

}



.icon-box-v1 .feature-box .fbox-icon .icons {

  font-size: 50px;

}



.icon-box-v1 .feature-box h4 {

  font: 700 14px "Oswald";

  letter-spacing: 3px;

}



.icon-box-v1 .feature-box.color-red .fbox-icon .icons {

  color: #e95151;

}



.icon-box-v1 .feature-box.color-red h4 {

  color: #e95151;

}



.icon-box-v1 .feature-box.color-blue .fbox-icon .icons {

  color: #55e1dc;

}



.icon-box-v1 .feature-box.color-blue h4 {

  color: #55e1dc;

}



.icon-box-v1 .feature-box.color-purple .fbox-icon .icons {

  color: #c941eb;

}



.icon-box-v1 .feature-box.color-purple h4 {

  color: #c941eb;

}



.link-icon-box {

  display: inline-block;

  font: 600 12px/20px "Poppins";

  color: #000;

  margin-top: 30px;

}



.link-icon-box:hover {

  color: #80b435;

}



.link-icon-box:hover i {

  color: #80b435;

}



.link-icon-box i {

  font-size: 13px;

  color: #000;

  margin-left: 6px;

}



.icon-box-v2 .link-icon-box {

  text-transform: uppercase;

}



.icon-box-v2 .feature-box .fbox-icon {

  margin-bottom: 30px;

}



.icon-box-v2 .feature-box .fbox-icon .icons {

  font-size: 40px;

  height: 127px;

  width: 127px;

  text-align: center;

  line-height: 127px;

  color: #fff;

  background: #e95151;

  display: inline-block;

  border-radius: 50%;

}



.icon-box-v2 .feature-box .fbox-icon .icons.icon-images {

  background: url(../images/about2.jpg) no-repeat;

}



.icon-box-v2 .feature-box .fbox-icon .icons.bg-yellow {

  background: #ffd457;

}



.icon-box-v3 .feature-box .fbox-icon .icons {

  font-size: 40px;

  color: #000;

}



.icon-box-v3 .feature-box h4 {

  margin-top: 20px;

}



.icon-box-v3 .feature-box p {

  float: left;

  width: 100%;

  margin-top: 10px;

}



.icon-box-v3.icon-box-v6 .col-md-4 {

  padding: 0 15px;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box {

  background: #e95151;

  display: inline-block;

  width: 100%;

  padding: 30px;

  border: 2px solid #e95151;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box .fbox-icon .icons {

  color: #fff;

  font-size: 30px;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box h4 {

  color: #fff;

  margin-top: 15px;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box p {

  color: #fff;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box.ver2 {

  background: #fff;

  border-color: #70deee;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box.ver2 .fbox-icon .icons {

  color: #000;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box.ver2 h4, .icon-box-v3.icon-box-v6 .col-md-4 .feature-box.ver2 p {

  color: #000;

}



.icon-box-v3.icon-box-v6 .col-md-4 .feature-box.ver3 {

  background: #55c2e5;

  border-color: #55c2e5;

}



.icon-box-v4 .feature-box .fbox-icon .icons {

  width: 68px;

  height: 68px;

  text-align: center;

  line-height: 68px;

  font-size: 25px;

  color: #fff;

  background: #4f4f4f;

  display: inline-block;

  border-radius: 50%;

}



.icon-box-v4 .feature-box .fbox-icon .icons.bg-gray {

  background: #e5e5e5;

}



.icon-box-v4 .feature-box .fbox-icon .icons.blue {

  background: #57d6ff;

}



.icon-box-v4 .feature-box h4 {

  text-transform: uppercase;

}



.icon-box-v5 .feature-box {

  margin-top: 30px;

  padding-top: 60px;

  padding-bottom: 40px;

  padding-left: 20px;

  padding-right: 20px;

}



.icon-box-v5 .feature-box .fbox-icon {

  top: -42px;

}



.icon-box-v5 .feature-box .fbox-icon .icons {

  font-size: 30px;

  display: inline-block;

  width: 84px;

  height: 84px;

  text-align: center;

  line-height: 84px;

  border-radius: 50%;

  border: none;

  color: #fff;

}



.icon-box-v5 .feature-box .fbox-icon .icons.icon-images {

  background: url(../images/about3.jpg) no-repeat;

}



.icon-box-v5 .feature-box .fbox-icon .icons.bg-red {

  background: #e95151;

}



.icon-box-v5 .feature-box .fbox-icon .icons.bg-yellow {

  background: #ffd457;

  border: 3px solid #e7bd42;

}



.icon-box-v5 .feature-box .fbox-icon .icons.bg-green {

  background: #88d091;

}



.icon-box-v5 .feature-box.ver1 {

  background: #f5f5f5;

  border: none;

  border: 2px solid #fff;

}



.icon-box-v5 .feature-box.ver2 {

  border-radius: 5px;

  border: 2px solid #000;

}



.icon-box-v5 .feature-box.ver3 {

  border: 2px dashed #88d091;

}



.icon-box-v5 .feature-box.ver4 {

  background: url("../images/icon-box1.jpg") no-repeat;

  border: 2px solid #fff;

}



.icon-box-v5 .feature-box.ver4 h4 {

  color: #fff;

}



.icon-box-v5 .feature-box.ver4 p {

  color: #fff;

}



.icon-box-v5 .col-md-3 {

  padding: 0px 15px;

}



.icon-box-v7 .col-md-3 {

  padding: 0px 15px;

}



.icon-box-v7 .feature-box {

  overflow: hidden;

  background: #313131;

  padding: 20px;

  max-height: 265px;

}



.icon-box-v7 .feature-box .fbox-icon {

  transform: translate(0px, 50px);

  transition: all 0.5s ease 0s;

}



.icon-box-v7 .feature-box .fbox-icon .icons {

  color: #55c2e5;

  font-size: 60px;

}



.icon-box-v7 .feature-box .fbox-icon .icons.green {

  color: #88d091;

}



.icon-box-v7 .feature-box .fbox-icon .icons.red {

  color: #e95151;

}



.icon-box-v7 .feature-box .fbox-icon .icons.yellow {

  color: #edb317;

}



.icon-box-v7 .feature-box h4 {

  color: #fff;

  transform: translate(0px, 60px);

  transition: all 0.5s ease 0s;

}



.icon-box-v7 .feature-box p {

  color: #858585;

  max-height: 120px;

  overflow: hidden;

  transform: translate(0px, 120px);

  transition: all 0.5s ease 0s;

  line-height: 25px;

}



.icon-box-v7 .feature-box .fbox-body {

  overflow: visible;

}



.icon-box-v7 .feature-box:hover .fbox-icon {

  transform: translate(0px, -100px);

}



.icon-box-v7 .feature-box:hover h4 {

  transform: translate(0px, -50px);

}



.icon-box-v7 .feature-box:hover p {

  transform: translate(0px, -50px);

}



/** 5. Ecommerce **/

/** 5.1. Shop General **/

.pagination-container {

  display: inline-block;

  width: 100%;

}



nav.pagination {

  font-family: "TXGR";

  font-size: 13px;

  margin: 0px;

}



nav.pagination a, nav.pagination span {

  display: inline-block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background: #eeeeee;

  color: #333333;

  vertical-align: bottom;

}



nav.pagination a:hover, nav.pagination span:hover {

  background: #333333;

  color: #eeeeee;

}



nav.pagination span {

  background: #333333;

  color: #eeeeee;

}



nav.pagination .next i, nav.pagination .prev i {

  font-size: 18px;

  color: #666;

  margin-top: 8px;

}



nav.pagination .next:hover, nav.pagination .prev:hover {

  background: #80b435;

}



nav.pagination .next:hover i, nav.pagination .prev:hover i {

  color: #eeeeee;

}



/** 5.2. Item view templates **/

.products.grid_full .item-inner {

  width: 20%;

  float: left;

  margin: 15px 0px;

  transition: all 0.3s ease 0s;

}



.products.grid_full.border-space-full {

  margin-left: -15px;

  margin-right: -15px;

}



@media (max-width: 460px) {

  .products.grid_full.border-space-full {

    margin-left: 0px;

    margin-right: 0px;

  }

}



.products.grid_full.border-space-full .item-inner {

  padding-left: 15px;

  padding-right: 15px;

}



@media (max-width: 980px) {

  .products.grid_full.border-space-full .item-inner .product .action {

    width: 220px;

  }

  .products.grid_full.border-space-full .item-inner .product .action a {

    width: 66px;

  }

}



.products.grid_full.grid_sidebar .item-inner {

  width: 25%;

  transition: all 0.3s ease 0s;

}



.products.grid_full.grid_sidebar .item-inner:nth-child(4n+1) {

  padding: 0px 21px 0 0;

}



.products.grid_full.grid_sidebar .item-inner:nth-child(4n+2) {

  padding: 0 14px 0 7px;

}



.products.grid_full.grid_sidebar .item-inner:nth-child(4n+3) {

  padding: 0 7px 0 14px;

}



.products.grid_full.grid_sidebar .item-inner:nth-child(4n) {

  padding: 0px 0 0 21px;

}



.products.grid_full .container {

  padding: 0px;

}



.products.grid_full .social {

  display: none;

}



.products.grid_full.list-item .item-inner {

  transition: all 0.4s ease 0s;

  width: 100%;

  padding: 0 0 10px 0 !important;

}



.products.grid_full.list-item .item-inner .product {

  text-align: left;

  padding: 30px 0px;

}



.products.grid_full.list-item .item-inner .product .product-title {

  color: #000;

  font: 400 48px/50px "Roboto Slab";

  margin-bottom: 20px;

}



.products.grid_full.list-item .item-inner .product .product-price {

  width: auto;

  float: initial;

  font: 400 36px "Roboto Condensed";

  vertical-align: bottom;

}



.products.grid_full.list-item .item-inner .product .product-price-old {

  vertical-align: bottom;

  font: 400 30px "Roboto Condensed";

}



.products.grid_full.list-item .item-inner .product .description {

  margin: 20px 0px 40px;

  font: 400 18px/30px "Roboto Slab";

  color: #666;

}



.products.grid_full.list-item .item-inner .product p.rating {

  display: block;

  margin-bottom: 20px;

}



.products.grid_full.list-item .item-inner .product p.rating i {

  color: #80b435;

  font-size: 24px;

}



.products.grid_full.list-item .item-inner .product p.rating i:first-child {

  margin-left: 20px;

}



.products.grid_full.list-item .item-inner .product:hover img.primary_image {

  transform: scale(1.05);

}



.products.grid_full.list-item .item-inner .product .action {

  position: static;

  padding-left: 20px;

  transform: translate(0px, 0px);

  opacity: 1;

  display: inline-block;

  width: auto;

  float: left;

  box-shadow: none;

}



@media (max-width: 1200px) {

  .products.grid_full.list-item .item-inner .product .action {

    padding-left: calc(35% + 20px);

  }

}



.products.grid_full.list-item .item-inner .product .action a {

  transform: translate(0px, 0px);

  opacity: 1;

  display: inline-block;

  background: #fff;

  text-align: center;

  height: 50px;

  width: 50px;

  border: 1px solid #d6d6d6;

  margin-right: 10px;

}



.products.grid_full.list-item .item-inner .product .action a.add-cart {

  width: 200px;

  border-color: #80b435;

}



.products.grid_full.list-item .item-inner .product .action a.add-cart:hover:after {

  background: #fff;

  color: #80b435;

}



.products.grid_full.list-item .item-inner .product .action a.add-cart:after {

  content: "Add To Cart";

  text-transform: uppercase;

  font: 700 14px/50px "Roboto Slab";

  color: #fff;

  background: #80b435;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

}



.products.grid_full.list-item .item-inner .product .action a.wish:after, .products.grid_full.list-item .item-inner .product .action a.zoom:after {

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

}



.products.grid_full.list-item .item-inner .product .action a.wish:hover, .products.grid_full.list-item .item-inner .product .action a.zoom:hover {

  border-color: #80b435;

}



.products.grid_full.list-item .item-inner .product .action a.wish:after {

  background: url("../images/product-action-2.png") no-repeat scroll center;

}



.products.grid_full.list-item .item-inner .product .action a.wish:hover:after {

  background-image: url("../images/product-action-2-hover.png");

}



.products.grid_full.list-item .item-inner .product .action a.zoom:after {

  background: url("../images/product-action-3.png") no-repeat scroll center;

}



.products.grid_full.list-item .item-inner .product .action a.zoom:hover:after {

  background-image: url("../images/product-action-3-hover.png");

}



.products.grid_full.list-item .item-inner .product .action a i {

  background-color: #fff;

  line-height: 48px;

}



.products.grid_full.list-item .item-inner .product .action a:hover i {

  background-color: #000;

  color: #fff;

}



.products.grid_full.list-item .item-inner .social {

  display: block;

  margin-top: 15px;

  padding-top: 15px;

  position: relative;

}



.products.grid_full.list-item .item-inner .social:after {

  position: absolute;

  content: '';

  left: 15px;

  right: 15px;

  height: 1px;

  background: #f5f5f5;

  top: 0px;

}



.products.grid_full.list-item .item-inner .social h3 {

  display: inline-block;

  font: 700 14px/20px "Roboto Condensed";

  text-transform: uppercase;

}



.products.grid_full.list-item .item-inner .social a {

  display: inline-block;

  margin: 0 5px;

}



.products.grid_full.list-item .item-inner .social a.twitter i {

  color: #55acee;

}



.products.grid_full.list-item .item-inner .social a.dribbble i {

  color: #e04c86;

}



.products.grid_full.list-item .item-inner .social a.skype i {

  color: #00aff0;

}



.products.grid_full.list-item .item-inner .social a.pinterest i {

  color: #bd081c;

}



.products.grid_full.list-item .item-inner .social a.facebook i {

  color: #3b5998;

}



.products.grid_full.list-item .item-inner .social a i {

  font-size: 24px;

}



.products.grid_full.list-item .item-inner .product-images {

  width: 25%;

  float: left;

}



.products.grid_full.list-item .item-inner .product-title, .products.grid_full.list-item .item-inner .product-price, .products.grid_full.list-item .item-inner .description, .products.grid_full.list-item .item-inner .action, .products.grid_full.list-item .item-inner .social {

  width: 75%;

  float: right;

  padding-left: 20px;

}



.products.grid_full.list-item .item-inner .product-title {

  font-weight: 700;

  font-size: 16px;

  color: #555555;

}



.products.grid_full.list-item .item-inner .description {

  display: inline-block;

}



.products.grid_full.list-item .item-inner .content-star {

  float: left;

  width: 100%;

}



@media (max-width: 1200px) {

  .products.grid_full.list-item .item-inner .product-images {

    width: 35%;

  }

  .products.grid_full.list-item .item-inner .product-title, .products.grid_full.list-item .item-inner .product-price, .products.grid_full.list-item .item-inner .description, .products.grid_full.list-item .item-inner .action, .products.grid_full.list-item .item-inner .social {

    width: 65%;

  }

  .products.grid_full.list-item .item-inner .action a {

    float: left;

  }

}



.products.grid_full .product .wrap-product-images {

  position: relative;

}



.products.grid_full .product .product-price::after {

  position: static;

}



.products.ver2 .product {

  padding: 0px;

}



.products.ver2 .product p.product-title, .products.ver2 .product .product-price-old, .products.ver2 .product .product-price {

  margin-top: -80px;

  position: relative;

  z-index: 2;

}



.products.ver2 .product .product-price-old, .products.ver2 .product .product-price {

  margin-top: 0px;

}



@media (max-width: 767px) and (min-width: 640px) {

  .products.ver2 .col-sm-6 {

    width: 50%;

    float: left;

  }

}



.products.border-space-product {

  margin-left: -15px;

  margin-right: -15px;

}



@media (max-width: 980px) {

  .products.border-space-product {

    margin-left: -10px;

    margin-right: -10px;

  }

}



.products.border-space-product .product {

  margin-bottom: 30px;

  padding-left: 15px;

  padding-right: 15px;

  overflow: visible;

}



@media (max-width: 980px) {

  .products.border-space-product .product {

    margin-bottom: 20px;

    padding-right: 10px;

    padding-left: 10px;

  }

  .products.border-space-product .product .action {

    width: 220px;

  }

  .products.border-space-product .product .action a {

    width: 66px;

  }

}



.products.border-space-product .product .product-images {

  overflow: hidden;

}



.products.border-space-product .product:hover .product-images {

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

}



.products.border-space-product.hover-shadow .product:hover {

  box-shadow: none;

}



.products .product {

  position: relative;

  text-align: center;

  overflow: hidden;

}



.products .product .product-images {

  display: inline-block;

  position: relative;

  width: 100%;

}



.products .product .product-images img {

  width: 100%;

}



.products .product:hover .product-title {

  color: #80b435;

}



.products .product p.product-title {

  font: 400 20px/34px "Roboto Slab";

  color: #000;

}



.products .product .description {

  display: none;

  font: 400 13px/20px "Poppins";

  color: #858585;

  margin-bottom: 15px;

}



.products .product .product-price {

  font-size: 20px;

  color: #80b435;

  line-height: 20px;

  position: relative;

  font-family: "Roboto Condensed";

  font-weight: 400;

  margin-bottom: 20px;

  display: inline-block;

  vertical-align: bottom;

}



.products .product .product-price:after {

  position: absolute;

  content: "";

  height: 1px;

  background: #eeeeee;

  bottom: 0px;

  left: 50%;

  right: 50%;

  -webkit-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

}



.products .product .product-price-old {

  display: inline-block;

  vertical-align: bottom;

  margin-bottom: 16px;

  font-size: 16px;

  color: #979797;

  font-family: "Roboto Condensed";

  font-weight: 400;

  text-decoration: line-through;

  margin-right: 5px;

}



.products .product .add-to-cart {

  display: inline-block;

  padding: 0px;

  text-transform: uppercase;

  font-size: 13px;

  color: #222;

  margin-bottom: 20px;

  font-style: normal;

  opacity: 0;

  padding-left: 20px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: relative;

}



.products .product .add-to-cart::after {

  font-family: "FontAwesome";

  font-size: 16px;

  font-style: normal;

  line-height: 1;

  position: absolute;

  content: "\f067";

  left: 0px;

  top: 3px;

  color: #555555;

}



.products .product img.secondary_image {

  opacity: 0;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: auto;

}



.products .product .action {

  display: inline-block;

  position: absolute;

  right: 0px;

  top: 0px;

  left: 0px;

  bottom: 0px;

  margin: auto;

  width: 50px;

  height: 50px;

  text-align: center;

  padding-top: 0px;

}



@media (max-width: 640px) {

  .products .product .action {

    display: none;

  }

}



.products .product .action a {

  opacity: 0;

  display: inline-block;

  position: relative;

  background: none;

  text-align: center;

  width: 48px;

  height: 40px;

  line-height: 60px;

}



.products .product .action a.add-cart {

  background: url("../images/product-action-1.png") no-repeat scroll center top 14px;

}



.products .product .action a.add-cart:hover {

  background-image: url("../images/product-action-1-hover.png");

}



.products .product .action a.wish {

  background: url("../images/product-action-2.png") no-repeat scroll center top 15px;

}



.products .product .action a.wish:hover {

  background-image: url("../images/product-action-2-hover.png");

}



.products .product .action a.zoom {

  background: url("../images/product-action-3.png") no-repeat scroll center top 15px;

}



.products .product .action a.zoom:hover {

  background-image: url("../images/product-action-3-hover.png");

}



.products .product .action a:after {

  position: absolute;

  content: '';

  right: -2px;

  top: 20px;

  width: 1px;

  height: 15px;

  background: #d5d5d5;

}



.products .product .action a:last-child:after {

  width: 0px;

}



.products .product .action a i {

  font-size: 18px;

  background: none;

  padding: 0px;

  color: #000;

  display: inline-block;

  line-height: 35px;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.products .product .action a:hover i {

  color: #80b435;

}



.products .product .content-star {

  float: right;

  font-size: 10px;

  margin-bottom: 0px;

}



.products .product .content-star i.active {

  color: #e19824;

}



.products .product .lable {

  position: absolute;

  right: 10px;

  top: 10px;

  z-index: 99;

  font-size: 11px;

  text-transform: capitalize;

  color: #fff;

  display: inline-block;

  padding: 5px 10px;

  background-color: #000;

}



.products .product.sale .product-price {

  color: #e19824;

}



.products .product.sale .product-price .price-old {

  color: #999;

  font-weight: 400;

  margin-left: 5px;

  text-decoration: line-through;

}



.products-size-small .products .product p.product-title {

  font-size: 18px;

}



.products-size-small .products .product .product-price {

  font-size: 18px;

}



.products-size-small .products .product .product-price-old {

  font-size: 14px;

  margin-bottom: 19px;

}



.product {

  border-radius: 0x;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.product .action {

  transform: translate(0px, 30px);

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  background-color: #fff;

  opacity: 0;

  border-radius: 30px;

  box-shadow: 3px 4px 35px 0px rgba(0, 0, 0, 0.09);

}



.product p.rating {

  display: none;

}



.product:hover img.primary_image {

  transform: scale(1.1);

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.product:hover .action {

  transform: translate(0px, 0px);

  opacity: 1;

}



.product:hover .action a {

  opacity: 100;

  transform: translate(0px, 0px);

}



.product:hover .add-to-cart {

  opacity: 100;

}



.product .lab {

  text-transform: uppercase;

  font: 500 10px/24px "Roboto";

  color: #bc9e6b;

  border: 2px solid #bc9e6b;

  z-index: 9999;

  position: absolute;

  top: 30px;

  left: 0px;

  width: 65px;

  height: 30px;

  text-align: center;

  letter-spacing: 6px;

  padding-left: 6px;

  transform: rotate(-90deg);

}



.product .lab.new {

  color: #fa7468;

  border-color: #fa7468;

}



.product .lab.sold {

  color: #000;

  border-color: #000;

  width: 120px;

  top: 50px;

  left: -40px;

}



.tab-content {

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  transform: translate(0px, 20px);

}



.tab-content.active, .ordering span.tab-content:hover {

  transform: translate(0px, 0px);

}



.tab-product-all .products {

  margin: 0 -15px;

}



.tab-product-all .products .item-inner {

  width: 20%;

  float: left;

  padding: 0 15px;

}



.tab-product-all.tab-product-all-v2 {

  margin-bottom: 30px;

  display: inline-block;

  width: 100%;

}



.tab-product-all.tab-product-all-v2 .products {

  margin: 0px;

  border-top: 1px solid #e0e0e0;

  border-left: 1px solid #e0e0e0;

  overflow: hidden;

}



.tab-product-all.tab-product-all-v2 .products .item-inner {

  padding: 0px;

  border-bottom: 1px solid #e0e0e0;

  border-right: 1px solid #e0e0e0;

}



.tab-product-all.tab-product-all-v2 .products .item-inner .product-price {

  position: absolute;

  left: 30px;

  top: 30px;

  color: #000;

}



.tab-product-all.tab-product-all-v2 .products .item-inner .action {

  left: 20px;

  bottom: 10px;

}



.tab-product-all.tab-product-all-v4 .col-md-6, .tab-product-all.tab-product-all-v4 .col-md-12 {

  padding: 0px;

}



.tab-product-all.tab-product-all-v4 .item-inner {

  width: 100%;

}



.tab-product-all.tab-por .products {

  border: none;

}



.tab-product-all.tab-por .products .item-inner {

  border: none;

  width: 33.33%;

  padding: 0 15px;

  margin-bottom: 50px;

}



.tab-product-all.tab-por .products .item-inner .product {

  text-align: left;

}



.tab-product-all.tab-por .products .item-inner .product-title {

  position: static;

  left: 0px;

  top: 0px;

  opacity: 1;

  color: #333;

  font: 400 20px/30px "Playfair Display";

  text-align: left;

}



.tab-product-all.tab-por .products .item-inner .product-brand {

  text-align: left;

  font: 300 12px/20px "Oswald";

  color: #979797;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.tab-product-all.tab-por .products .item-inner .wishlist {

  display: inline-block;

  float: right;

  margin-top: -22px;

  font: 300 12px/20px "Oswald";

  color: #000;

}



.tab-product-all.tab-por .products .item-inner .wishlist i {

  margin-right: 3px;

}



.tab-product-all.tab-por .products .item-inner .product-images {

  margin-bottom: 20px;

}



.tab-product-all.tab-por .product:hover .quick-view:after {

  height: 0px;

}



.tab-product-all.tab-por .product:hover .product-title {

  transform: translate(0px, 0px);

}



.tab-product-all.tab-por .quick-view i {

  font-size: 40px;

}



.tab-product-all.tab-por.tab-por-fulll-width .products .item-inner {

  width: 25%;

}



.products.mason-v1 .product {

  width: 100%;

  padding-right: 0px !important;

}



.products.mason-v1 .product:nth-child(1), .products.mason-v1 .product:nth-child(2) {

  width: 50%;

  float: left;

}



.products.mason-v1 .product:nth-child(1) {

  padding-right: 15px !important;

}



.products.mason-v1 .product:nth-child(2) {

  padding-left: 15px;

}



.products.mason-v2 .product {

  width: 100%;

  padding-left: 0px !important;

}



.products.mason-v2 .product:nth-child(2), .products.mason-v2 .product:nth-child(3) {

  width: 50%;

  float: left;

}



.products.mason-v2 .product:nth-child(2) {

  padding-right: 15px;

}



.products.mason-v2 .product:nth-child(3) {

  padding-left: 15px !important;

}



.tab-product-all-mason .tab-container .owl-stage-outer {

  padding: 0px;

}



.products.hover-shadow .product {

  transition: all 0.3s ease 0s;

}



.products.hover-shadow .product:hover {

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

  z-index: 2;

}



/** 5.3. Shop Widget **/

.widget ul.product-categories ul li a, .widget ul li a {

  color: #666;

  font: 400 18px "Roboto Slab";

  text-transform: capitalize;

}



.widget ul.product-categories ul li a:hover, .widget ul li a:hover {

  color: #80b435;

}



.widget {

  color: #666;

  margin-bottom: 30px;

  border-bottom: 1px solid #d6d6d6;

  float: left;

  width: 100%;

}



.widget.bottom-home1 {

  padding: 0px;

}



.widget.border-bottom .widget-title {

  border-bottom: 1px solid #eeeeee;

}



.widget.border-bottom .widget-title:after {

  width: 0px;

  height: 0px;

}



.widget .widget-title {

  color: #333;

  text-transform: uppercase;

  font-style: normal;

  padding-bottom: 10px;

  margin-bottom: 20px;

  position: relative;

  font: 700 24px "Roboto Slab";

}



.widget .widget-title:after {

  position: absolute;

  content: "";

  bottom: 0px;

  left: 0;

  width: 70px;

  height: 2px;

  background: #80b435;

}



.widget ul.product-categories {

  margin-bottom: 30px;

}



.widget ul.product-categories li {

  line-height: 30px;

  display: block;

  position: relative;

  margin-bottom: 10px;

  padding-bottom: 0px;

  padding-top: 0px;

}



.widget ul.product-categories li.hassub ul {

  padding-top: 12px;

  margin-top: 12px;

  border-top: 1px dashed #eeeeee;

}



.widget ul.product-categories li.hassub ul li {

  padding-left: 20px;

}



.widget ul.product-categories li i {

  position: absolute;

  right: 0;

  top: 0;

  padding: 9px;

  cursor: pointer;

  color: #000;

}



.widget ul.product-categories li i.active::before {

  content: "\f0d7";

}



.widget ul.product-categories li a {

  text-transform: uppercase;

  color: #000;

  font: 400 18px "Roboto Slab";

}



.widget ul.product-categories li a:hover {

  color: #80b435;

}



.widget ul.product-categories li a:hover:before {

  background: #80b435;

}



.widget ul.product-categories li a:before {

  content: "";

  display: inline-block;

  width: 5px;

  height: 5px;

  background: #2b2b2b;

  margin-right: 10px;

  margin-bottom: 4px;

}



.widget ul.product-categories ul {

  display: none;

  margin: 0px;

  padding: 6px 0px;

}



.widget ul.product-categories ul li {

  border-bottom: none;

  margin-bottom: 0px;

}



.widget ul.product-categories ul li a {

  transition: all 0.3s ease-out 0s;

}



.widget ul.product-categories ul li a:hover {

  margin-left: 15px;

}



.widget ul.product-categories ul li i {

  display: none;

}



.widget.widget_color i {

  display: inline-block;

  width: 12px;

  height: 12px;

  margin-right: 5px;

  background: #fff;

  border: 1px solid #e2e1e1;

}



.widget.widget_color .color1 {

  background: #3e7bc5;

}



.widget.widget_color .color2 {

  background: #70684f;

}



.widget.widget_color .color3 {

  background: #c0c0c0;

}



.widget.widget_color .color4 {

  background: #4cbc99;

}



.widget.widget_color .color5 {

  background: #d39b17;

}



.widget.widget_color .color6 {

  background: #fff;

}



.widget.widget_feature li {

  display: block;

  float: left;

  width: 100%;

}



.widget.widget_feature .images {

  float: left;

  width: 140px;

  margin-right: 10px;

}



.widget.widget_feature .text h2 a {

  font: 400 16px/20px "Roboto Slab";

  color: #2b2b2b;

}



.widget.widget_feature .text h2 a:hover {

  color: #80b435;

}



.widget.widget_feature .rating i {

  font-size: 16px;

  color: #e4ba4a;

}



.widget.widget_feature span {

  position: static;

}



.widget.widget_feature .text {

  padding-top: 18px;

}



.widget.widget_feature p span {

  font: 400 18px "Roboto Condensed";

  color: #80b435;

  vertical-align: bottom;

}



.widget.widget_feature p span.price-old {

  margin-right: 10px;

  color: #979797;

  font-size: 16px;

  text-decoration: line-through;

  line-height: 23px;

}



.widget.widget_feature.blog .text {

  padding-top: 0px;

}



.widget.widget_link ul li:last-child {

  border: none;

}



.widget.sidebar-newsletter {

  background: #6dc5ee;

  padding: 20px;

}



.widget.sidebar-newsletter h3 {

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

  padding-bottom: 20px;

  border-bottom: 1px solid #aedaee;

  margin-bottom: 20px;

  margin-top: 10px;

}



.widget.sidebar-newsletter p {

  color: #fff;

  font-size: 13px;

  line-height: 15px;

  margin-bottom: 20px;

}



.widget.sidebar-newsletter form {

  position: relative;

}



.widget.sidebar-newsletter form input {

  background: #fff;

  border: none;

  font-size: 12px;

  height: 35px;

  width: 100%;

  padding: 0px 35px 0 20px;

}



.widget.sidebar-newsletter form button {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 35px;

  height: 35px;

  background: #fff;

  border: #fff;

}



.widget.sidebar-newsletter form button i {

  font-size: 18px;

  color: #888888;

}



.widget ul {

  margin-bottom: 15px;

}



.widget ul li {

  position: relative;

  line-height: 30px;

  padding: 5px 0px;

}



.widget ul li span {

  position: absolute;

  right: 0px;

  top: 15px;

  font: 400 14px "Roboto Condensed";

  color: #d6d6d6;

}



.widget h4 {

  font-style: normal;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 10px;

  margin-bottom: 10px;

  text-transform: uppercase;

  font-size: 13px;

  color: #333;

  font-weight: 700;

}



.widget .social {

  padding: 30px 0px;

}



.widget .social a {

  margin-right: 30px;

  margin-left: 10px;

}



.widget .social a:last-child {

  margin-right: 0px;

}



.widget .social a i {

  color: #000;

  font-size: 20px;

}



.widget .newsletter-content-widget {

  height: 280px;

}



.widget .newsletter-content-widget form {

  height: 105px;

}



.widget .newsletter-content-widget form input, .widget .newsletter-content-widget form button {

  height: 50px;

  width: 100%;

}



.widget .newsletter-content-widget form input {

  bottom: 50px;

  padding: 0px 20px !important;

}



.widget .newsletter-content-widget form button {

  color: #fff;

  background: #000;

  border-left: none;

  border-top: 2px solid #000;

}



.widget .related-post .images {

  display: inline-block;

  max-width: 70px;

  float: left;

  margin-right: 10px;

  margin-top: 7px;

}



.widget .related-post .images img {

  width: 100%;

}



.widget .related-post h3 a {

  text-transform: uppercase;

  font: 300 12px/20px "Oswald";

  letter-spacing: 3px;

  color: #000;

  display: inline-block;

  margin-bottom: 4px;

}



.widget .related-post p {

  font: 300 12px/15px "Poppins";

  color: #c4c4c4;

}



.widget .related-post .items {

  display: inline-block;

  width: 100%;

  margin-bottom: 13px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e6e6e6;

}



.widget .related-post .items:last-child {

  border: none;

}



.widget .wrap-instag {

  display: inline-block;

  width: 100%;

  position: relative;

}



.widget .wrap-instag:before {

  background: #fff;

  width: 6px;

  height: 100%;

  left: 66.66666%;

  top: 0px;

  margin-left: -3px;

  position: absolute;

  content: "";

}



.widget .wrap-instag .instag:after {

  background: #fff;

  height: 6px;

  width: 100%;

  left: 0px;

  top: 50%;

  margin-top: -3px;

  position: absolute;

  content: "";

}



.widget .wrap-instag .instag:before {

  background: #fff;

  width: 6px;

  height: 100%;

  left: 33.33333%;

  top: 0px;

  margin-left: -3px;

  position: absolute;

  content: "";

}



.widget .wrap-instag .instag img {

  width: 100%;

}



.widget.tags-cloud a {

  display: inline-block;

  font: 400 18px/40px "Roboto Slab";

  height: 42px;

  padding: 0 12px;

  color: #000;

  text-transform: capitalize;

  border: 1px solid #e6e6e6;

  margin-right: 10px;

  margin-bottom: 10px;

}



.widget.tags-cloud a:hover {

  background: #80b435;

  border-color: #80b435;

  color: #fff;

}



.my-account {

  margin-bottom: 50px;

}



.my-account .widget ul li {

  margin-bottom: 20px;

}



.my-account .breadcrumb {

  margin-bottom: 80px;

}



.my-account .contact-form .link-button {

  float: right;

}



.connect-icon li {

  display: inline-block;

}



.connect-icon li i {

  color: #666;

  font-size: 20px;

  background: #eaeaea;

  height: 50px;

  width: 50px;

  padding: 16px;

  border-radius: 50%;

  text-align: center;

}



.connect-icon li i:hover {

  background: #12a170;

  color: #fff;

}



.widget .newsletter-content form input {

  font-size: 12px;

  padding-left: 10px;

}



.widget .banner-col-left img {

  width: 100%;

  max-width: 330px;

}



.widget.blog-categories ul li a {

  text-transform: uppercase;

  position: relative;

}



.widget.blog-categories ul li a:before {

  content: '';

  height: 5px;

  width: 5px;

  background: #000;

  margin-right: 15px;

  display: inline-block;

  margin-bottom: 5px;

}



.widget.blog-categories ul li span {

  font: 400 18px "Roboto Condensed";

  color: #d6d6d6;

}



.widget.recent-post ul li a {

  font: 400 16px/20px "Roboto Slab";

  color: #2b2b2b;

}



.widget.recent-post ul li a:hover {

  color: #80b435;

}



.widget.recent-post ul li a:before {

  content: '';

  height: 5px;

  width: 5px;

  background: #000;

  margin-right: 15px;

  display: inline-block;

  margin-bottom: 5px;

}



.widget.flick-photo ul {

  float: left;

  width: 100%;

}



.widget.flick-photo ul li {

  float: left;

  width: 33.333%;

  padding: 0px;

}



.widget.flick-photo ul li a {

  display: inline-block;

}



.widget.flick-photo ul li img {

  width: 100%;

}



/** 5.4. Shop view Pages **/

#secondary {

  float: left;

}



#secondary.col-md-3 {

  padding-left: 0px;

  padding-right: 30px;

  margin-bottom: 30px;

}



#secondary.col-md-3.float-right {

  float: right;

  padding-right: 0px;

  padding-left: 30px;

  border-right: none;

}



@media (min-width: 1200px) {

  #secondary.col-md-3 {

    border-right: 1px solid #d6d6d6;

  }

}



#secondary .search-form {

  position: relative;

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid #f5f5f5;

}



#secondary .search-form input {

  width: 100%;

  height: 48px;

  border: 1px solid #efefef;

  padding: 0 20px;

  color: #9d9d9d;

  font: 400 14px "Poppins";

  padding-right: 40px;

}



#secondary .search-form button {

  position: absolute;

  background: none;

  color: #565656;

  font-size: 16px;

  border: none;

  position: absolute;

  top: 2px;

  right: 0px;

  width: 48px;

  height: 44px;

}



#primary {

  float: right;

}



#primary.col-md-9 {

  padding-left: 20px;

  padding-right: 0px;

}



#primary.float-left {

  float: left;

  padding-left: 0px;

  padding-right: 20px;

}



#secondary.secondary-home5 {

  float: right;

}



#secondary.secondary-home5.col-md-3 {

  padding-right: 0px;

  padding-left: 20px;

}



#primary.primary-home5 {

  float: left;

}



#primary.primary-home5.col-md-9 {

  padding-right: 10px;

  padding-left: 0px;

}



.bottom-home1-title h3.title {

  font-size: 24px;

  color: #333333;

  text-transform: uppercase;

  padding-bottom: 20px;

  margin-bottom: 30px;

  border-bottom: 1px solid #eeeeee;

}



.page-login h3 {

  font: 700 16px/20px "Roboto Slab";

  text-transform: uppercase;

  padding-bottom: 10px;

  margin-bottom: 20px;

  position: relative;

}



.page-login h3:after {

  position: absolute;

  content: '';

  left: 0px;

  width: 55px;

  height: 1px;

  background: #80b435;

  bottom: 0px;

}



.page-login p {

  font: 300 14px/20px "Roboto Slab";

  color: #888;

  margin-bottom: 20px;

}



.page-login .social {

  text-align: center;

}



.page-login .social a {

  display: inline-block;

  width: calc(50% - 5px);

  color: #fff;

  font: 500 14px/40px "Roboto";

  background: #3b5998;

}



.page-login .social a i {

  margin-right: 5px;

}



.page-login .social a:last-child {

  background: #55acee;

}



.page-login form .control-label {

  font: 700 14px/20px "Roboto";

  color: #000;

  text-transform: uppercase;

}



.page-login form .form-control {

  border: 1px solid #e6e6e6;

}



.page-login form input[type=checkbox] {

  display: none;

}



.page-login form input[type=checkbox]:checked + label:before {

  content: "\2713";

  font-size: 15px;

  color: #333;

  text-align: center;

  line-height: 18px;

}



.page-login form label.label-check {

  position: relative;

  width: 100%;

  display: inline-block;

  padding-left: 30px;

  float: left;

  margin: 10px 0px;

  font: 400 14px "Roboto Slab";

  color: #373737;

}



.page-login form label.label-check:before {

  content: "";

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-right: 10px;

  position: absolute;

  left: 0;

  bottom: 1px;

  border: 1px solid #b5b5b5;

  background-color: #fff;

}



.page-login form .remember {

  float: left;

  width: 100%;

}



.page-login form .remember label.label-check {

  width: auto;

  font-weight: 300;

  color: #888;

  cursor: pointer;

}



.page-login .remember {

  margin: 10px 0px;

}



.page-login .remember .help {

  float: right;

  font: 300 14px/20px "Roboto Slab";

  vertical-align: bottom;

  margin-top: 12px;

}



@media (max-width: 1024px) {

  .products.grid_full .item-inner, .products.grid_full.grid_sidebar .item-inner {

    width: 33.33%;

  }

}



@media (max-width: 767px) {

  .products.grid_full .item-inner, .products.grid_full.grid_sidebar .item-inner {

    width: 50%;

  }

}



@media (max-width: 467px) {

  .products.grid_full .item-inner, .products.grid_full.grid_sidebar .item-inner {

    width: 100%;

  }

  .ordering .order-by {

    margin-top: 20px;

    margin-left: 0px;

  }

}



/** 5.5. Shop Single **/

.product-details-content {

  padding-top: 50px;

}



@media (max-width: 1024px) {

  .product-details-content {

    padding-top: 30px;

  }

}



.product-details-content .options {

  position: relative;

}



.product-details-content .options input {

  background: none;

  box-shadow: none;

  border: 1px solid #d9d9d9;

  color: #2b2b2b;

  font-size: 16px;

  font-family: "Poppins";

  text-align: center;

  height: 50px;

  width: 180px;

  text-align: left;

  padding-left: 20px;

}



.product-details-content .options select {

  font: 400 18px/50px "Roboto Condensed";

  color: #565656;

  width: 100%;

  height: 50px;

  outline: none;

  padding-left: 20px;

  border: 1px solid #d9d9d9;

}



.product-details-content .options select:focus {

  outline: none;

}



.product-details-content .options .quantity {

  display: inline-block;

  position: relative;

  width: 84px;

  border: 2px solid #3e3e3e;

}



.product-details-content .options .quantity .minus {

  position: absolute;

  cursor: pointer;

  bottom: 0px;

  right: 0px;

  width: 40px;

  height: 30px;

}



.product-details-content .options .quantity .minus i {

  background: url(../images/icon-quanty.png) no-repeat center bottom 12px;

  width: 100%;

  height: 100%;

}



.product-details-content .options .quantity .minus i:before {

  content: "";

}



.product-details-content .options .quantity .plus {

  position: absolute;

  top: 0px;

  cursor: pointer;

  right: 0px;

  width: 40px;

  height: 30px;

}



.product-details-content .options .quantity .plus i {

  background: url(../images/icon-quanty.png) no-repeat center 8px;

  border-bottom: 1px solid #3e3e3e;

  width: 100%;

  height: 100%;

}



.product-details-content .options .quantity .plus i:before {

  content: "";

}



.product-details-content .social {

  padding-top: 20px;

  border-top: 1px solid #f5f5f5;

}



.product-details-content .social h3 {

  display: inline-block;

  font: 700 14px/20px "Roboto Condensed";

  color: #000;

  text-transform: uppercase;

  vertical-align: 4px;

}



.product-details-content .social i {

  font-size: 24px;

  margin: 0px 10px;

}



.product-details-content .social a.twitter i {

  color: #55acee;

}



.product-details-content .social a.dribbble i {

  color: #e04c86;

}



.product-details-content .social a.skype i {

  color: #00aff0;

}



.product-details-content .social a.pinterest i {

  color: #bd081c;

}



.product-details-content .social a.facebook i {

  color: #3b5998;

}



.product-details-content .action {

  display: inline-block;

  padding: 0px 0px 30px;

  width: 100%;

}



.product-details-content .action a.link-v1 {

  vertical-align: top;

  margin-right: 10px;

  border: 1px solid #cdcdcd;

  height: 50px;

  line-height: 50px;

  font: 700 14px/48px "Roboto Slab";

  width: 50px;

  transition: all 0.3s ease 0s;

}



.product-details-content .action a.link-v1.add-cart {

  width: 200px;

  background: #80b435;

  color: #fff;

}



.product-details-content .action a.link-v1.add-cart:hover {

  background: #fff;

  color: #80b435;

}



.product-details-content .action a.link-v1 i {

  color: #000;

  font-size: 20px;

  line-height: 48px;

}



.product-details-content .action a.link-v1:hover {

  background: #80b435;

  border-color: #80b435;

}



.product-details-content .action a.link-v1:hover i {

  color: #fff;

}



.product-details-content .title h3 {

  font: 700 18px "Roboto Condensed";

  color: #2b2b2b;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.product-details-content .col-md-6:last-child {

  padding-right: 0px;

  display: inline-block;

}



.product-details-content .product-name h1 {

  color: #2b2b2b;

  font-family: "Roboto Slab";

  font-size: 48px;

  margin-bottom: 10px;

  line-height: 50px;

  position: relative;

  padding-bottom: 20px;

  text-transform: uppercase;

  font-weight: 400;

}



.product-details-content .product-name p {

  color: #888888;

  line-height: 20px;

}



.product-details-content .select-color span {

  display: inline-block;

  width: 45px;

  height: 45px;

  background-color: #606875;

  text-indent: -9999px;

  margin-right: 12px;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: center;

  transition: all 0.3 ease 0s;

  margin-bottom: 10px;

}



.product-details-content .select-color span.active, .product-details-content .select-color .ordering span:hover, .ordering .product-details-content .select-color span:hover {

  background-image: url(../images/check-select-color.png);

}



.product-details-content .select-color span:last-child {

  margin-right: 0px;

}



.product-details-content .select-color span.color2 {

  background-color: #20b1ed;

}



.product-details-content .select-color span.color3 {

  background-color: #fc5a00;

}



.product-details-content .select-color span.color4 {

  background-color: #485c80;

}



.product-details-content .select-color span.color5 {

  background-color: #fdab4b;

}



.product-details-content .select-color span.color6 {

  background-color: #df3530;

}



.product-details-content .select-color span.color7 {

  background-color: #72aea1;

}



.product-details-content .select-color span.color8 {

  background-color: #3d78e2;

}



.product-details-content .select-color span.color9 {

  background-color: #3f786c;

}



.product-details-content .rating {

  display: inline-block;

  margin-bottom: 20px;

  width: 100%;

}



.product-details-content .rating .icon-rating {

  margin-right: 20px;

}



.product-details-content .rating .icon-rating input:checked ~ label, .product-details-content .rating .icon-rating input + label:hover, .product-details-content .rating .icon-rating input + label:hover ~ label {

  color: #80b435;

}



.product-details-content .rating i {

  font-size: 24px;

}



.product-details-content .rating span {

  color: #717171;

  font-size: 12px;

  font-family: "Poppins";

  vertical-align: -3px;

}



.product-details-content .wrap-price {

  margin-bottom: 0px;

  display: inline-block;

  width: 100%;

}



.product-details-content .wrap-price p {

  font-style: normal;

  color: #80b435;

  font-size: 36px;

  font-weight: 400;

  font-family: "Roboto Condensed";

  display: inline-block;

  line-height: 40px;

}



.product-details-content .wrap-price p.price-old {

  font-size: 30px;

  line-height: 40px;

  text-decoration: line-through;

  margin-right: 20px;

  color: #979797;

}



.product-details-content .form-group {

  position: relative;

  display: inline-block;

  width: 100%;

}



.product-details-content label.control-label {

  font-size: 14px;

}



.product-details-content .form-control {

  appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  -webkit-appearance: none;

  height: 38px;

}



.product-details-content .form-control option {

  padding: 10px 0;

}



.product-details-content .products .product .add-to-cart {

  background: #80b435;

  margin: 0px;

  line-height: 52px;

  padding: 0 40px;

  color: #fff;

  opacity: 1;

  border: 1px solid #80b435;

}



.product-details-content .products .product .add-to-cart:after {

  content: "";

}



.product-details-content .products .product .add-to-cart:hover {

  background: #fff;

  color: #80b435;

}



.product-details-content .products .product .action {

  float: inherit;

  opacity: 1;

}



.product-details-content .products .product .action a {

  background: #eeeeee;

  opacity: 1;

  line-height: 54px;

  padding: 0 15px;

  display: inline-block;

  border: 1px solid #eeeeee;

}



.product-details-content .products .product .action a:hover {

  background: #80b435;

  border: 1px solid #80b435;

}



.product-details-content .products .product .action a:hover i {

  color: #fff;

}



.product-details-content.product-details-content-v2 {

  position: relative;

}



.product-details-content.product-details-content-v2 img {

  max-width: 100%;

}



.product-details-content.product-details-content-v2 .col-md-5 {

  position: absolute;

  left: 150px;

  top: 120px;

}



.hoz-tab-container {

  display: inline-block;

  width: 100%;

  margin-bottom: 50px;

  margin-top: 40px;

  border-top: 1px solid #e6e6e6;

  position: relative;

}



@media (min-width: 1500px) {

  .hoz-tab-container:after {

    position: absolute;

    content: '';

    left: 300px;

    width: 1px;

    top: 30px;

    bottom: 30px;

    background: #e6e6e6;

  }

}



@media (max-width: 1500px) and (min-width: 1200px) {

  .hoz-tab-container .tabs {

    padding-right: 15px;

  }

}



.hoz-tab-container.ver2:after {

  width: 0px;

}



.hoz-tab-container.ver2 .tabs, .hoz-tab-container.ver2 .tab-container {

  width: 100%;

}



.hoz-tab-container.ver2 .tabs {

  max-width: 100%;

  margin-bottom: 30px;

  border-bottom: 1px solid #e6e6e6;

}



.hoz-tab-container.ver2 .tabs li {

  display: inline-block;

  margin: 0 10px;

  font: 700 18px/20px "Roboto Condensed";

  text-transform: uppercase;

  border: none;

  padding-bottom: 25px;

  position: relative;

}



.hoz-tab-container.ver2 .tabs li:after {

  left: 50%;

  right: 50%;

  transition: all 0.3s ease 0s;

  content: '';

}



.hoz-tab-container.ver2 .tabs li.active:after, .hoz-tab-container.ver2 .tabs li:hover:after {

  position: absolute;

  left: 0px;

  right: 0px;

  bottom: -2px;

  height: 3px;

  background: #80b435;

}



.hoz-tab-container .tabs {

  display: inline-block;

  width: 20%;

  float: left;

  max-width: 280px;

}



.hoz-tab-container .tabs li {

  display: block;

  border-bottom: 1px solid #e6e6e6;

  font: 400 24px/60px "Roboto Slab";

  color: #2b2b2b;

  text-transform: capitalize;

  cursor: pointer;

}



.hoz-tab-container .tabs li.active, .hoz-tab-container .tabs li:hover {

  color: #80b435;

}



.hoz-tab-container .tab-container {

  width: 80%;

  float: right;

  text-align: left;

}



.hoz-tab-container .tab-container .tab-content h3 {

  font: 700 24px/30px "Roboto Slab";

  text-transform: capitalize;

  margin-bottom: 20px;

  color: #2b2b2b;

}



.hoz-tab-container .tab-container .tab-content p {

  font: 400 18px/25px "Roboto Condensed";

  margin-bottom: 30px;

  color: #666;

}



.hoz-tab-container .tab-container #description.mockup-v3 {

  text-align: center;

}



.hoz-tab-container .tab-container #description p {

  font-weight: 400;

  line-height: 28px;

}



.hoz-tab-container .tab-container #description p.center {

  text-align: center;

  max-width: 720px;

  color: #858585;

}



.hoz-tab-container .tab-container h3 {

  font-family: "Montserrat";

  font-style: normal;

  text-transform: capitalize;

  font-size: 18px;

  color: #333333;

}



.hoz-tab-container .tab-container h4 {

  color: #333333;

  font-size: 13px;

  margin-bottom: 10px;

}



.hoz-tab-container p {

  font: 400 14px/20px "Poppins";

  color: #000;

}



.hoz-tab-container #product-tags .button-v2 {

  margin-top: 20px;

  font: 700 12px "Oswald";

}



.hoz-tab-container #product-tags p {

  display: block;

  overflow: hidden;

  border-bottom: 1px solid #dddddd;

  margin: 0px;

}



.hoz-tab-container #product-tags p span {

  font: 400 16px/60px "Roboto Slab";

  float: right;

}



.hoz-tab-container #product-tags p span:first-child {

  float: left;

  color: #2b2b2b;

}



#customer .border {

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 20px;

  margin-bottom: 20px;

}



#customer .border p {

  margin-bottom: 0px;

  font: 400 18px "Roboto Condensed";

  color: #979797;

}



#customer .color {

  color: #ff0000;

}



#customer label {

  margin: 5px 0 0;

  font: 400 18px "Roboto Condensed";

  color: #2b2b2b;

}



#customer .form-horizontal {

  font-size: 13px;

}



#customer .form-horizontal label {

  margin-bottom: 10px;

  display: inline-block;

}



#customer .form-control {

  font: 400 18px "Roboto Condensed";

  border: 1px solid #e6e6e6;

}



#customer input[type=radio] {

  display: none;

}



#customer .customer-radio label {

  display: inline-block;

  position: relative;

  padding-left: 20px;

  margin-right: 20px;

  font-size: 13px;

  color: #888888;

  text-transform: uppercase;

}



#customer .customer-radio label:before {

  position: absolute;

  content: "";

  left: 0px;

  top: 2px;

  background: #fff;

  border: 1px solid #80b435;

  width: 12px;

  height: 12px;

}



#customer .customer-radio input[type=radio]:checked + label:before {

  background: #80b435;

}



#customer .rating li {

  display: inline-block;

  margin-right: 15px;

  padding-right: 15px;

  position: relative;

  border-right: 1px solid #e6e6e6;

}



#customer .rating li:last-child {

  border: none;

}



#customer .rating li a.active i, #customer .rating li a:hover i {

  color: #80b435;

}



#customer .rating li a i {

  font-size: 14px;

  color: #e6e6e6;

}



#customer a.button-v1 {

  display: inline-block;

  text-align: center;

  font: 700 16px/48px "Roboto Condensed";

  color: #fff;

  background: #80b435;

  border: 1px solid #80b435;

  text-transform: uppercase;

  width: 180px;

  transition: all 0.3s ease 0s;

  float: right;

}



#customer a.button-v1:hover {

  background: #fff;

  color: #80b435;

}



#customer textarea {

  min-height: 100px;

}



.product-details-content p {

  font: 400 18px/28px "Roboto Condensed";

  color: #565656;

  margin-bottom: 30px;

}



.product-details-content .breadcrumb {

  width: 100%;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 3px solid #2e2e2e;

}



.product-details-content .breadcrumb li {

  padding-right: 10px;

}



.product-details-content .breadcrumb li:first-child {

  padding-left: 0px;

}



.product-details-content .breadcrumb li a {

  color: #fff;

}



.product-details-content .breadcrumb li.active {

  color: #fff;

}



.product-details-content .breadcrumb li:after {

  content: "";

}



.product-details-content .breadcrumb li + li:before {

  color: #fff;

  margin-right: 10px;

}



.product-details-content .product-name {

  display: inline-block;

  width: 100%;

}



.product-details-content .description-lits {

  margin-bottom: 40px;

}



.product-details-content .description-lits h3 {

  font: 700 18px/30px "Roboto Slab";

  color: #2b2b2b;

  margin-bottom: 10px;

}



.product-details-content .description-lits li {

  font: 400 18px/30px "Roboto Slab";

  color: #666;

}



.product-details-content .description-lits li img {

  margin-right: 10px;

}



/** 5.6. Shop Cart **/

.coupon {

  display: inline-block;

  width: 100%;

  position: relative;

  margin-bottom: 50px;

}



.coupon .form-group {

  margin-bottom: 0px;

}



.coupon .control-label {

  display: inline-block;

  position: absolute;

  left: 0px;

  top: 0px;

  padding: 0px;

  margin: 0px;

  height: 100%;

  border-right: 1px solid #dcdcdc;

  font-family: "Oswald";

  font-size: 12px;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #000;

  font-weight: 700;

  line-height: 60px;

  padding: 0px 20px;

}



.coupon button {

  margin-top: 0px;

  position: absolute;

  top: 0px;

  right: 0px;

  height: 60px;

  outline: none;

}



.coupon .form-control {

  height: 60px;

  border: 1px solid #dcdcdc;

  padding-left: 145px;

  font-family: "Poppins";

  color: #8d8c8c;

  padding-right: 180px;

  box-shadow: none;

}



.cart-box-container .col-md-4 {

  padding-right: 0px;

}



.cart-box-container .col-md-8 {

  padding-left: 0px;

}



.cart-box-container .text-price {

  padding: 20px;

  padding-bottom: 160px;

  background: #f0f0f0;

  margin-bottom: 50px;

  position: relative;

  display: inline-block;

  width: 100%;

}



.cart-box-container .text-price h3 {

  font-family: "Oswald";

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 2px;

  padding: 17px 0px 5px;

  width: 100%;

  display: inline-block;

  border-bottom: 2px solid #000;

}



.cart-box-container .text-price a {

  margin-top: 0px;

  width: 100%;

  height: 75px;

  line-height: 75px;

}



.cart-box-container .text-price a.update {

  position: absolute;

  left: 0px;

  bottom: 75px;

  background: #333;

  border-color: #333;

}



.cart-box-container .text-price a.checkout {

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.cart-box-container .text-price ul li {

  padding: 20px 0px;

  border-bottom: 1px solid #dadada;

}



.cart-box-container .text-price ul li:last-child {

  border: none;

}



.cart-box-container .text-price ul li .text {

  font-weight: 300;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.cart-box-container .text-price ul li .text.calculate {

  display: inline-block;

  width: 100%;

  position: relative;

  cursor: pointer;

}



.cart-box-container .text-price ul li .text.calculate:after {

  position: absolute;

  content: "";

  right: 0px;

  top: 0px;

  height: 12px;

  width: 12px;

  font-family: "FontAwesome";

  content: "";

  color: #000;

}



.cart-box-container .text-price ul li .text.calculate.active:after, .cart-box-container .text-price ul li .ordering span.text.calculate:hover:after, .ordering .cart-box-container .text-price ul li span.text.calculate:hover:after {

  content: "";

}



.cart-box-container .text-price ul li .number {

  font-family: "Poppins";

  font-size: 14px;

  font-weight: 400;

  color: #010101;

}



.cart-box-container .text-price ul li .zipcode {

  display: none;

  margin-top: 30px;

}



.cart-box-container .text-price ul li .payment {

  float: right;

  max-width: 220px;

}



.cart-box-container .text-price ul li .payment label {

  width: 100%;

  font-family: "Poppins";

  font-size: 13px;

  font-weight: 400;

  color: #858585;

  cursor: pointer;

  padding-left: 20px;

  position: relative;

  margin-bottom: 10px;

}



.cart-box-container .text-price ul li .payment label:before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  position: absolute;

  left: 0px;

  top: 3px;

  background: url(../images/select-radio.png) no-repeat scroll left top;

}



.cart-box-container .text-price ul li .payment input {

  display: none;

}



.cart-box-container .text-price ul li .payment input[type=radio]:checked + label:before {

  background: url(../images/select-radio.png) no-repeat scroll left bottom;

}



@media (max-width: 1200px) {

  .cart-box-container .row {

    margin: 0px;

  }

}



.head-cart .item {

  border: 1px solid #ebebeb;

  padding: 60px 0px;

}



.head-cart .item .icon {

  font: 400 22px/64px "Roboto Slab";

  display: inline-block;

  width: 66px;

  height: 66px;

  border-radius: 50%;

  border: 1px solid #c2c2c2;

  background: #fff;

  color: #565656;

}



.head-cart .item.active .icon, .head-cart .ordering span.item:hover .icon, .ordering .head-cart span.item:hover .icon {

  background: #80b435;

  color: #fff;

  border-color: #80b435;

}



.head-cart .item h3 {

  font: 400 24px/30px "Roboto Slab";

  color: #565656;

  text-transform: uppercase;

  margin-top: 25px;

  margin-bottom: 10px;

  padding-bottom: 20px;

  position: relative;

}



.head-cart .item h3:after {

  position: absolute;

  content: '';

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: auto;

  height: 1px;

  width: 75px;

  margin: auto;

  background: #80b435;

}



table.table.cart-table thead {

  background: #80b435;

}



table.table.cart-table thead th {

  color: #fff;

  font: 700 18px "Roboto Slab";

  padding: 12px 0px;

  letter-spacing: 0px;

}



table.table.cart-table thead th:first-child {

  padding-left: 30px;

}



table.table.cart-table thead th.add-cart {

  text-align: right;

  padding-right: 20px;

}



table.table.cart-table tbody tr {

  border-bottom: 1px solid #ddd;

}



table.table.cart-table td.total-price {

  width: 70px;

}



table.table.cart-table td.product-photo {

  max-width: 200px;

  width: 250px;

}



table.table.cart-table td.product-photo img {

  width: 200px;

}



table.table.cart-table td.produc-name a {

  font: 400 18px "Roboto Slab";

  color: #2b2b2b;

}



table.table.cart-table td.produc-name {

  width: 30%;

}



table.table.cart-table td.produc-price, table.table.cart-table td.product-quantity, table.table.cart-table td.total-price {

  width: 15%;

}



@media (max-width: 1200px) and (min-width: 768px) {

  table.table.cart-table td.produc-price, table.table.cart-table td.product-quantity, table.table.cart-table td.total-price {

    padding-right: 20px;

  }

}



table.table.cart-table td.produc-price input {

  border: none;

  font: 400 18px "Roboto Slab";

  color: #666;

}



table.table.cart-table td.product-quantity input {

  border: 1px solid #d8d8d8;

  height: 50px;

  width: 130px;

  text-align: center;

  font: 700 20px "Roboto Slab";

  color: #565656;

}



table.table.cart-table td.product-quantity .quantity {

  position: relative;

}



table.table.cart-table td.product-quantity .quantity .minus, table.table.cart-table td.product-quantity .quantity .plus {

  left: 10px;

  top: 15px;

  position: absolute;

  cursor: pointer;

}



table.table.cart-table td.product-quantity .quantity .minus:hover i, table.table.cart-table td.product-quantity .quantity .plus:hover i {

  color: #80b435;

}



table.table.cart-table td.product-quantity .quantity .plus {

  left: 110px;

}



table.table.cart-table td.product-instock {

  font: 400 18px/25px "Roboto Condensed";

  color: #80b435;

}



table.table.cart-table td.product-instock .out {

  color: #333;

}



table.table.cart-table td.product-instock i {

  margin-right: 8px;

}



table.table.cart-table td.total-price {

  color: #80b435;

  font: 400 20px "Roboto Condensed";

}



table.table.cart-table td.add-cart {

  text-align: right;

  padding: 0 30px;

}



table.table.cart-table td.add-cart i {

  margin-right: 8px;

}



.cart-total .item {

  padding: 30px;

  border: 1px solid #e7e7e7;

}



.cart-total .item h3.title {

  font: 700 18px "Roboto Slab";

  color: #565656;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.cart-total .item p {

  font: 400 14px/20px "Roboto Slab";

  color: #565656;

  margin-bottom: 10px;

}



.cart-total label {

  font: 700 14px/20px "Roboto Slab";

  text-transform: uppercase;

}



.cart-total label span {

  color: #fe0302;

}



.cart-total span.float-right {

  font-size: 18px;

}



.cart-box-container .cart-total .col-md-4 {

  padding-right: 15px;

}



.form-control.control-search {

  color: #333;

}



.row-total {

  float: left;

  width: 100%;

  margin-bottom: 60px;

  border-bottom: 1px solid #e6e6e6;

  padding: 30px 0px 60px;

}



.row-total h3 {

  font: 700 18px/20px "Roboto Slab";

  color: #333;

  text-transform: uppercase;

  padding-left: 45px;

}



.row-total .float-right p {

  color: #80b435;

  font: 700 18px/20px "Roboto Slab";

  padding-right: 45px;

}



/** 5.7. Shop Checkout **/

.checkout-header ul {

  padding: 10px 0px 20px;

  display: inline-block;

  width: 100%;

  margin-bottom: 50px;

  border-bottom: 1px solid #e5e5e5;

}



.checkout-header ul li {

  display: inline-block;

  width: 33.33%;

  float: left;

  text-transform: uppercase;

  color: #333333;

  font-size: 15px;

}



.checkout-header ul li:nth-child(2) {

  text-align: center;

}



.checkout-header ul li:nth-child(3) {

  text-align: right;

}



.checkout-header ul li.active span {

  background: #80b435;

  color: #fff;

}



.checkout-header ul li span {

  display: inline-block;

  margin-right: 10px;

  padding: 8px 13px;

  border-radius: 50%;

  background: #e5e5e5;

  color: #333333;

  width: 40px;

  height: 40px;

}



.check-out .form-horizontal label.control-label {

  font: 700 16px/20px "Roboto Slab";

  color: #2b2b2b;

  text-transform: uppercase;

}



.check-out .form-horizontal label.control-label .color {

  color: #fd0000;

}



.check-out .form-horizontal .form-control {

  border-color: #e5e5e5;

  box-shadow: none;

  font-size: 16px;

  font-family: "Roboto Condensed";

}



.check-out .form-check {

  display: inline-block;

  font: 400 14px/20px "Poppins";

  color: #000000;

  padding-left: 25px;

  background: url("../images/check-icon.png") no-repeat scroll 0 2px;

  cursor: pointer;

  margin-right: 25px;

}



.check-out .form-check.size-12 {

  font-size: 12px;

  padding-left: 15px;

}



.check-out .form-check.active, .check-out .ordering span.form-check:hover, .ordering .check-out span.form-check:hover {

  background: url("../images/check-icon.png") no-repeat scroll left 0 bottom 2px;

}



.check-out .form-check span {

  color: #e95252;

  display: inline-block !important;

}



.check-out .text-price {

  padding-bottom: 95px;

}



.cart-box-container .text-price ul li .text.text-cap {

  letter-spacing: 0px;

  text-transform: capitalize;

  font-family: "Poppins";

  font-size: 14px;

}



.account .col-md-6:nth-child(2n+1) {

  padding-left: 0px;

}



.account .col-md-6:nth-child(2n) padding-right {

  padding-right: 0px;

}



.account p {

  font-family: "TXGR";

  color: #888888;

}



.bold {

  font-weight: 700 !important;

}



.cart-review {

  display: inline-block;

  width: 100%;

}



.cart-review table.table th:nth-child(2) {

  width: 30%;

}



.cart-review table.table th:nth-child(3) {

  width: 15%;

}



.cart-review table.table td:nth-child(2) {

  color: #888888;

}



.cart-review table.table td:nth-child(3), .cart-review table.table td:nth-child(5) {

  color: #555555;

  font-style: normal;

  font-size: 18px;

  font-family: "TXGB";

}



.icon {

  width: 100%;

  text-align: center;

}



.icon .fa-shopping-basket {

  font-size: 300px;

  color: #ddd;

  position: relative;

}



.icon .fa-check {

  position: absolute;

  right: -33px;

  bottom: -50px;

  font-size: 160px;

  color: #e11111;

}



.icon h3, .icon h4 {

  text-transform: uppercase;

  color: #555555;

  text-align: center;

}



.icon h3 {

  font-size: 30px;

  margin-top: 80px;

}



.icon h4 {

  font-size: 18px;

  margin: 10px 0px;

}



.order-details .col-md-6:nth-of-type(2n+1) {

  padding-right: 0px;

}



.order-details .col-md-6:nth-of-type(2n) {

  padding-left: 0px;

}



.order-details .col-md-6 h4 {

  font-size: 15px;

  color: #555555;

  line-height: 20px;

  text-transform: capitalize;

  margin-bottom: 15px;

}



.order-details .col-md-6 p {

  font-family: "TXGR";

  color: #888888;

  margin: 4px 0px;

  line-height: 20px;

}



.order-details .col-md-6 p b {

  color: #222;

  font-weight: 400;

}



.order-details .col-md-6 p.total {

  text-transform: uppercase;

  color: #80b435;

  font-style: normal;

  margin-top: 30px;

  font-size: 15px;

  font-family: "TXGB";

}



.order-details .col-md-6 p.total span {

  color: #555555;

}



.payment-order ul.tabs li {

  padding: 20px 0px 20px 20px;

  position: relative;

}



.payment-order ul.tabs li h4 {

  font: 600 18px/20px "Poppins";

  color: #000;

}



.payment-order ul.tabs li p {

  color: #9d9d9d;

  font: 400 12px/20px "Poppins";

  margin-top: 10px;

}



.payment-order ul.tabs li i {

  width: 12px;

  height: 12px;

  content: "";

  border-radius: 50%;

  position: absolute;

  left: 0px;

  top: 23px;

  background: transparent url("../images/select-radio.png") no-repeat scroll left top;

}



.payment-order ul.tabs li a {

  font: 400 12px/20px "Poppins";

  color: #e95252;

  margin-top: 20px !important;

  display: inline-block;

  height: auto !important;

}



.payment-order ul.tabs li.active i {

  background: transparent url("../images/select-radio.png") no-repeat scroll left bottom;

}



.payment-order ul.tabs li img {

  margin-left: 30px;

}



.place-order-now {

  text-align: center;

  margin-top: 30px;

}



.form-group {

  margin-bottom: 25px !important;

}



.check-billing .text-price ul li {

  padding: 20px 0;

}



.check-billing .text-price ul li .text {

  font-family: "TXGB";

}



.check-billing .text-price ul li .number.color {

  color: #e11111;

}



.info-order ul li {

  display: block;

  float: left;

  width: 100%;

  line-height: 50px;

}



.info-order .product-name {

  text-align: left;

}



.info-order .product-name .head {

  border-bottom: 1px solid  #e6e6e6;

}



.info-order .product-name .head .name {

  font: 700 16px/50px "Roboto Condensed";

  color: #565656;

  text-transform: uppercase;

}



.info-order .product-name .head .qty, .info-order .product-name .head .total {

  font: 400 16px/50px "Roboto Condensed";

}



.info-order .product-name .name {

  float: left;

  color: #a7a7a7;

  font: 400 16px/50px "Roboto Condensed";

  width: 300px;

}



.info-order .product-name .total {

  float: right;

  color: #a7a7a7;

  font: 400 16px/50px "Roboto Condensed";

  text-align: right;

}



.info-order .product-name .qty {

  color: #a7a7a7;

  font: 400 16px/50px "Roboto Condensed";

}



.info-order .product-name b {

  color: #2b2b2b;

}



.info-order .product-order {

  margin-bottom: 30px;

  padding-bottom: 30px;

  width: 100%;

  float: left;

}



.info-order .product-order li {

  border-top: 1px solid #e6e6e6;

}



.info-order .product-order .left {

  font: 700 16px "Roboto Condensed";

  color: #565656;

  text-transform: uppercase;

  float: left;

  line-height: 50px;

}



.info-order .product-order .right {

  float: right;

  font: 400 16px/50px "Roboto Condensed";

  text-transform: uppercase;

}



.info-order .product-order .right.brand {

  color: #80b435;

  font-weight: 700;

}



.order-complete p {

  font: 300 30px "Roboto Condensed";

  color: #333;

}



/** 5.8. Shop Wishlist **/

table.table.cart-table td {

  padding: 30px 0px;

  vertical-align: middle;

}



.caculate-shipping .form-group:after, .caculate-shipping .form-group:before {

  display: inline;

}



.caculate-shipping button {

  margin-top: 30px;

}



.coupon p {

  color: #888888;

  line-height: 20px;

  margin-bottom: 30px;

  padding-top: 10px;

}



.coupon button {

  margin-top: 40px;

}



.text-price ul li {

  display: block;

  padding: 10px 0px;

  border-bottom: 1px solid #eeeeee;

  width: 100%;

  float: left;

}



.text-price ul li .text {

  font-size: 13px;

  color: #555555;

  float: left;

}



.text-price ul li .number {

  float: right;

  color: #555555;

  font-size: 18px;

  line-height: 20px;

}



.text-price a {

  margin-top: 30px;

}



@media (max-width: 1024px) {

  table.table.cart-table td.add-cart .link-v1 {

    font-size: 0px;

    padding: 0 15px;

  }

  table.table.cart-table td.add-cart .link-v1 i {

    font-size: 16px;

    line-height: 45px;

    margin-right: 4px;

  }

}



@media (max-width: 767px) {

  table.table tr th.description, table.table tr th.product-avai, table.table tr th.produc-price {

    display: none;

  }

  table.table tr td.description, table.table tr td.product-avai, table.table tr td.produc-price {

    display: none;

  }

  table.table tr td:nth-child(5) input {

    width: 50px;

  }

  table.table.cart-table td.produc-name a {

    font-size: 16px;

  }

  table.table.cart-table td.product-photo {

    width: 150px;

  }

  table.table.cart-table td.product-photo img {

    width: 150px;

  }

  table.table.cart-table td.total-price {

    width: 100px;

    padding-left: 10px;

  }

  .cart-container .float-right {

    width: 100%;

    text-align: left;

  }

}



@media (max-width: 467px) {

  table.table.cart-table td.produc-name, table.table.cart-table th.produc-name {

    display: none;

  }

  table.table.cart-table td.product-photo {

    width: 100px;

  }

  table.table.cart-table td.product-photo img {

    width: 100px;

  }

}



/** 5.9. Track Order **/

.ordering {

  font-size: 13px;

  color: #333333;

  display: inline-block;

  width: 100%;

  text-align: right;

  display: inline-block;

}



.ordering a {

  display: inline-block;

  height: 35px;

  line-height: 35px;

  color: #333;

  padding: 0 15px;

  background: #eee;

  vertical-align: bottom;

}



.ordering span {

  display: inline-block;

  height: 50px;

  width: 50px;

  background: url(../images/icon-col.png) no-repeat scroll center 12px;

  vertical-align: bottom;

  cursor: pointer;

  border: 1px solid #cdcdcd;

}



.ordering span.active, .ordering span:hover {

  background-position: center bottom 11px;

}



.ordering span.list {

  background: url(../images/icon-list.png) no-repeat center 12px;

}



.ordering span.list:hover, .ordering span.list.active, .ordering span.list:hover {

  background-position: center bottom 11px;

}



.ordering .order-by {

  display: inline-block;

  margin-left: 5px;

  position: relative;

}



.ordering .order-by::after {

  position: absolute;

  content: "\f0d7";

  top: 12px;

  right: 10px;

  font-family: FontAwesome;

  line-height: 1;

  font-size: 16px;

  font-style: normal;

  color: #2b2b2b;

}



.ordering form {

  vertical-align: bottom;

  margin-top: 5px;

  border: 1px solid #cdcdcd;

  padding-left: 20px;

}



.ordering form p {

  font: 400 16px "Roboto Condensed";

  color: #000;

  display: inline-block;

}



.ordering form select {

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

  border: none;

  box-shadow: none;

  padding: 9px 20px 9px 3px;

  outline: none;

  color: #80b435;

  text-transform: capitalize;

  font: 400 16px "Roboto Slab";

}



.ordering form select option {

  font: 400 16px "Roboto Slab";

}



p.result-count {

  padding-bottom: 3px;

  display: inline-block;

  font: 400 16px/20px "Roboto Slab";

  color: #2b2b2b;

  margin-left: 20px;

  margin-bottom: 13px;

}



.breadcrumb {

  float: left;

  width: auto;

  display: inline-block;

  margin-bottom: 0px !important;

  border: none;

  padding: 0px;

  margin-top: 5px;

}



.breadcrumb li {

  padding-right: 0px;

  font: 400 12px "Poppins";

  text-transform: capitalize;

}



.breadcrumb li a {

  color: #000;

}



.breadcrumb li + li:before {

  content: "";

  font-family: "FontAwesome";

  font-size: 12px;

}



.wrap-breadcrumb {

  display: inline-block;

  width: 100%;

  padding-bottom: 15px;

  margin-bottom: 10px;

  padding-top: 10px;

  text-align: center;

}



.wrap-breadcrumb .ordering-action {

  display: inline-block;

  margin-left: 150px;

}



.wrap-breadcrumb .ordering-action a {

  display: inline-block;

  padding: 5px 8px;

  border: 1px solid #000;

}



.wrap-breadcrumb .ordering-action a span {

  color: #000;

  font-size: 17px;

}



nav.pagination {

  font-family: "Oswald";

  width: 100%;

  padding: 5px;

  margin-bottom: 30px;

}



nav.pagination span {

  background: none;

  color: #000;

  font-weight: 700;

}



nav.pagination span:hover {

  background: none;

  color: #000;

}



nav.pagination a {

  background: none;

  font-weight: 700;

  color: #a8a8a8;

}



nav.pagination a:hover {

  background: none;

  color: #000;

}



nav.pagination a.next, nav.pagination a.prev {

  border: 1px solid #d6d6d6;

  width: 45px;

}



nav.pagination a.next:hover, nav.pagination a.prev:hover {

  background: none !important;

}



nav.pagination a.next:hover i, nav.pagination a.prev:hover i {

  color: #80b435;

}



.pagination-blog nav.pagination {

  border: none;

  text-align: center;

  margin-bottom: 50px;

}



.order-tracking {

  text-align: center;

}



.order-tracking p {

  max-width: 900px;

  padding: 0 20px;

  font: 400 16px/30px "Roboto Slab";

  margin: auto;

  margin-top: 40px;

  color: #565656;

}



.order-tracking .tracking-content {

  width: 420px;

  max-width: 100%;

  margin: auto;

  padding: 40px 0px;

  margin-bottom: 80px;

}



.order-tracking .tracking-content .form-control {

  border: 1px solid #ebebeb;

  font: 400 18px/50px "Roboto Condensed";

}



.order-tracking .tracking-content .form-horizontal label.control-label {

  font: 400 18px/20px "Roboto Slab";

  color: #000;

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.order-tracking .tracking-content .link-button.color-red {

  line-height: 54px;

  width: 100%;

}



/** 6. Templates Layout **/

/** 6.0. General **/

/*Loading*/

.awe-body-loading {

  overflow: hidden;

}



.awe-page-loading {

  position: fixed;

  z-index: 9999999;

  background: #fff;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.awe-loading-wrapper {

  text-align: center;

  width: 150px;

  height: 100px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -100px;

  margin-left: -75px;

}



.awe-loading-wrapper .awe-loading-icon {

  font-size: 75px;

  line-height: 1;

  margin-bottom: 10px;

  -webkit-animation-name: aweIcon;

  animation-name: aweIcon;

  -webkit-animation-duration: 4s;

  animation-duration: 4s;

  animation-iteration-count: infinite;

}



.awe-loading-wrapper .awe-loading-icon img {

  width: 100%;

}



.awe-loading-wrapper .awe-loading-icon .icon {

  cursor: default;

}



.awe-loading-wrapper .progress {

  background: #eee;

  border-radius: 0;

  box-shadow: none;

  margin-bottom: 0;

  height: 2px;

}



.awe-loading-wrapper .progress .progress-bar {

  background: #80b435;

  box-shadow: none;

  width: 100%;

  -webkit-animation-name: aweProgress;

  animation-name: aweProgress;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}



@-webkit-keyframes aweIcon {

  0% {

    color: #333;

  }

  50% {

    color: #666;

  }

  100% {

    color: #000;

  }

}



@-moz-keyframes aweIcon {

  0% {

    color: #333;

  }

  50% {

    color: #666;

  }

  100% {

    color: #000;

  }

}



@keyframes aweIcon {

  0% {

    color: #333;

  }

  50% {

    color: #666;

  }

  100% {

    color: #000;

  }

}



@-webkit-keyframes aweProgress {

  0% {

    width: 0%;

  }

  15% {

    width: 15%;

  }

  25% {

    width: 35%;

  }

  35% {

    width: 50%;

  }

  50% {

    width: 75%;

  }

  65% {

    width: 85%;

  }

  100% {

    width: 100%;

  }

}



@-moz-keyframes aweProgress {

  0% {

    width: 0%;

  }

  15% {

    width: 15%;

  }

  25% {

    width: 35%;

  }

  35% {

    width: 50%;

  }

  50% {

    width: 75%;

  }

  65% {

    width: 85%;

  }

  100% {

    width: 100%;

  }

}



@keyframes aweProgress {

  0% {

    width: 0%;

  }

  15% {

    width: 15%;

  }

  25% {

    width: 35%;

  }

  35% {

    width: 50%;

  }

  50% {

    width: 75%;

  }

  65% {

    width: 85%;

  }

  100% {

    width: 100%;

  }

}



/** 6.1. General **/

/** 6.2. Header **/

/** 6.2.1. General **/

.container {

  width: 100%;

  padding: 0px 30px;

}



#topbar {

  background: #fff;

}



#topbar .topbar-left {

  display: inline-block;

  float: left;

}



#topbar.topbar-ver2 .float-left p {

  font: 300 13px/20px "Roboto Slab";

  color: #231f20;

  margin-top: 4px;

}



#topbar.topbar-ver2 .float-left p span {

  font: 700 13px/20px "Roboto Slab";

  color: #80b435;

}



#topbar.topbar-ver2 .float-right a {

  line-height: 30px;

}



#topbar.topbar-ver2 .float-right a img {

  margin-right: 5px;

  margin-bottom: 2px;

}



@media (max-width: 767px) {

  #topbar.topbar-ver2 {

    display: none;

  }

}



#topbar .float-left p {

  display: block;

  font: 300 13px/20px "Roboto Slab";

  text-align: left;

  margin: 3px 0px;

}



#topbar .float-left p img {

  margin-right: 5px;

}



#topbar .float-left p span {

  color: #80b435;

  font: 700 18px/20px "Roboto Slab";

}



#topbar .float-left p.phone {

  line-height: 30px;

}



#topbar .float-left p.phone img {

  margin-bottom: 5px;

}



#topbar .float-left a {

  color: #333;

}



#topbar .float-right a {

  color: #333;

  font: 400 12px/40px "Roboto";

}



#topbar .float-right .hover-menu {

  display: inline-block;

  padding-left: 10px;

  margin-left: 10px;

  position: relative;

}



#topbar .float-right .hover-menu:after {

  position: absolute;

  content: "";

  top: 15px;

  left: 0px;

  width: 1px;

  height: 10px;

  background: #cdcdcd;

}



#topbar .float-right .hover-menu:first-child:after {

  width: 0px;

}



#topbar .float-right .list-menu {

  background: #fff;

  border: 1px solid #333;

  min-width: 80px;

  text-align: left;

  padding: 0px 15px;

}



#topbar .float-right .list-menu a {

  color: #333;

  line-height: 30px;

}



#topbar .float-right .list-menu a:hover {

  color: #80b435;

}



#topbar .float-right .list-menu a.rt {

  color: #fff;

}



#topbar .inner-topbar {

  border-bottom: 1px solid #cdcdcd;

}



@media (max-width: 767px) {

  #topbar .inner-topbar {

    border: none;

  }

}



#topbar .dropdown {

  padding-left: 10px;

  display: inline-block;

}



#topbar .dropdown:first-child {

  border: none;

  padding-left: 0px;

  padding-right: 10px;

}



#topbar .dropdown .btn {

  height: 50px;

  border: none;

  border-radius: 0px;

  background: none;

  font-size: 13px;

  color: #555555;

  text-transform: uppercase;

  padding: 0 12px;

  outline: none;

  line-height: 50px;

  box-shadow: none;

}



#topbar .dropdown .btn.active, #topbar .dropdown .ordering span.btn:hover, .ordering #topbar .dropdown span.btn:hover, #topbar .dropdown .btn:hover {

  color: #ddd;

}



#topbar .social {

  display: inline-block;

  margin-top: 10px;

}



#topbar .social a {

  display: inline-block;

  font-size: 16px;

  text-transform: uppercase;

  padding: 8px 12px;

}



#topbar .social a:hover i, #topbar .social a.active i {

  color: #000;

}



#topbar .social a i {

  font-size: 16px;

  color: #555555;

}



@media (max-width: 1024px) {

  #topbar .social a:first-child {

    padding-left: 0px;

  }

}



#topbar .topbar-right {

  display: inline-block;

  float: right;

}



#topbar .topbar-right .sign-in {

  display: inline-block;

  padding: 0;

  height: 55px;

  line-height: 55px;

}



#topbar .topbar-right a {

  font-size: 12px;

  font-family: "Poppins";

  font-weight: 300;

  color: #9d9d9d;

  padding: 0 10px;

  border-right: 1px solid #eee;

}



#topbar .topbar-right a span {

  vertical-align: 1px;

}



#topbar .topbar-right a i {

  font-size: 13px;

  margin-right: 5px;

}



#topbar .topbar-right a:hover, #topbar .topbar-right a.active {

  color: #000;

}



#topbar .topbar-right .icon-envelope {

  vertical-align: -1px;

}



#topbar .search {

  font-family: "Poppins";

  font-weight: 300;

  color: #9d9d9d;

  font-size: 12px;

  cursor: pointer;

  margin-top: 18px;

}



#topbar .search span {

  vertical-align: 1px;

}



#topbar .search i {

  font-size: 13px;

  margin-right: 5px;

}



#topbar .search.search-v2 i {

  color: #000;

  font-size: 16px;

  margin-right: 10px;

}



.hover-menu {

  position: relative;

}



.hover-menu .list-menu {

  position: absolute;

  list-style: none;

  margin: 0;

  padding: 0;

  right: 0;

  transition: all 0.3s ease;

  transform: translateY(30px);

  opacity: 0;

  visibility: hidden;

  z-index: 999;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.2);

}



.hover-menu:hover .list-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.cart-box-container #close-pushmenu {

  float: left;

  display: inline-block;

  width: 20px;

  height: 30px;

  background: url(../images/close-menu-right.png) no-repeat center;

  margin-top: 60px;

  margin-bottom: 30px;

}



.cart-box-container .cart-bottom {

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

}



.input-group {

  margin: 0 auto;

  display: inline-block;

  position: relative;

  width: 100%;

}



.modal-open {

  overflow: visible;

}



.modal-content {

  border-radius: 0px;

  padding: 0px 0px 20px;

}



.modal-header {

  border: none;

}



.modal-title {

  letter-spacing: 4px;

  text-align: center;

  text-transform: uppercase;

  margin-top: 20px;

  margin-bottom: 30px;

  position: relative;

}



.modal-title::before {

  position: absolute;

  content: "";

  width: 60px;

  height: 1px;

  background: #000;

  left: 50%;

  margin-left: -40px;

  bottom: -10px;

}



.modal.fade .modal-dialog {

  top: 30%;

}



.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {

  outline: none;

}



.input-group-btn {

  box-shadow: none;

  position: absolute;

  display: inline-block;

  top: 0px;

  right: 0px;

  width: 40px;

  line-height: 46px;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

  z-index: 9999;

}



.modal-body {

  padding: 0 50px;

}



.icon-cart .icon {

  display: inline-block;

  background: url(../images/icon-cart.png) no-repeat;

  width: 23px;

  height: 45px;

}



.icon-cart.ver2 {

  display: table;

}



.icon-cart.ver2 .icon, .icon-cart.ver2 .text {

  display: table-cell;

}



.icon-cart.ver2 .text {

  padding-left: 10px;

}



.icon-cart.ver2 .text h3 {

  font: 700 14px/15px "Roboto";

  color: #333;

  text-transform: uppercase;

}



.icon-cart.ver2 .text p {

  font: 400 14px/15px "Roboto";

  color: #333;

}



.icon-cart.ver2 .text .price {

  color: #80b435;

}



#topbar .float-right .list-menu.cart-list {

  border: none;

  padding: 0px;

}



#topbar .float-right .list-menu.cart-list .bottom a {

  font: 700 14px/40px "Roboto Slab";

}



#topbar .float-right .list-menu.cart-list .bottom a:hover {

  color: #fff;

}



#topbar .float-right .list-menu.cart-list .bottom a.rt:hover {

  color: #80b435;

}



.cart-list {

  left: inherit;

  right: 0px;

  width: 310px;

  text-align: left;

  padding: 10px 0px 0px;

  background-color: #fff;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.2);

}



.cart-list .cart-product-image {

  width: 70px;

  display: inline-block;

  vertical-align: top;

}



.cart-list .cart-product-image img {

  width: 100%;

}



.cart-list ul {

  padding: 0 20px;

}



.cart-list li {

  padding: 20px 0px;

  border-bottom: 1px solid #eeeeee;

  position: relative;

}



.cart-list li a, .cart-list li .text {

  padding: 0px;

  display: inline-block;

  width: auto;

}



.cart-list li a {

  margin-right: 20px;

}



.cart-list li a.close {

  margin: 0px;

  position: absolute;

  bottom: 20px;

  right: 0px;

}



.cart-list li .text .product-name {

  font: 400 18px/20px "Roboto Slab";

  color: #2b2b2b;

}



.cart-list li .text .product-price {

  color: #80b435;

  line-height: 34px;

  font-size: 18px;

  font-family: "Roboto Condensed";

}



.cart-list li .text .product-price .price-old {

  font-size: 14px;

  color: #979797;

  text-decoration: line-through;

  margin-right: 10px;

}



.cart-list .total {

  display: block;

  width: 100%;

  padding: 20px 0;

  text-transform: uppercase;

  color: #222;

  padding: 15px 20px;

  font: 700 16px/34px "Roboto Condensed";

  float: left;

  width: 100%;

}



.cart-list .total span {

  float: left;

}



.cart-list .total span.right {

  float: right;

  color: #80b435;

  font: 700 18px/34px "Roboto Slab";

}



.cart-list .qty {

  font-family: "Roboto Condensed";

  color: #979797;

  text-transform: uppercase;

  font-size: 14px;

}



.cart-list .bottom {

  padding: 20px;

  padding-top: 0px;

  float: left;

  width: 100%;

}



.cart-list .bottom a {

  width: calc(50% - 10px);

  display: inline-block;

  float: right;

}



.cart-list .bottom a:first-child {

  float: left;

}



#header .header-top a.close i.fa {

  color: #333;

  font-size: 18px;

}



#header .header-top a.close:hover i.fa {

  color: #80b435;

}



#header .cart {

  padding-top: 11px;

}



#header .cart .icons {

  color: #000;

  font-size: 18px;

}



#header .cart p {

  position: relative;

  cursor: pointer;

}



#header .cart .cart-count {

  font-size: 11px;

  color: #fff;

  display: inline-block;

  height: 18px;

  width: 18px;

  line-height: 18px;

  text-align: center;

  position: absolute;

  bottom: 10px;

  right: -7px;

  font-family: "Montserrat";

  border-radius: 50%;

  background: #80b435;

}



#header .search {

  position: relative;

}



#header .search .search-form {

  width: 0px;

  height: 40px;

  left: inherit;

  right: 0px;

  top: 0px;

  position: absolute;

}



#header .search .search-form input {

  width: 100%;

  height: 40px;

  box-shadow: none;

  background: #333;

  color: #555555;

  padding: 0 30px 0 15px;

  background-color: #fff;

  position: absolute;

  left: 0px;

  top: 0px;

  border: none;

}



#header .search .search-form .icon-search {

  position: absolute;

  top: 0px;

  right: 0px;

  background: none;

  border: none;

  opacity: 0;

}



#header .search .search-form .icon-search i {

  font-size: 18px;

  color: #888888;

  margin-top: 10px;

  margin-right: 10px;

  height: auto;

}



#header .search i {

  cursor: pointer;

  height: 56px;

}



#header .search i.icon {

  display: inline-block;

  width: 20px;

  height: 20px;

  background: url(../images/icon-search.png) no-repeat;

}



#header .box-right {

  float: right;

}



#header .settings {

  display: inline-block;

  float: right;

}



#header .settings .icons-setting {

  display: inline-block;

  width: 20px;

  height: 40px;

  background: url(../images/icon-setting.png) no-repeat;

}



#header .settings .submenu {

  padding: 30px 0px;

  width: 310px;

  right: 0px;

  left: inherit;

  background: #fff;

}



#header .settings .submenu .container-fluid {

  padding: 0 20px;

}



#header .settings .submenu h3 {

  font: 700 16px/20px "Roboto Condensed";

  color: #333;

  text-transform: uppercase;

  margin: 0px;

  margin-bottom: 20px;

}



#header .settings .submenu li {

  list-style: none;

}



#header .settings .submenu ul {

  padding: 0px;

  margin-bottom: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid #e9e8e8;

}



#header .settings .submenu ul li a {

  padding: 0px;

}



#header .settings .submenu ul li a:hover, #header .settings .submenu ul li a:focus {

  background: none !important;

}



#header .settings .submenu ul.infor {

  padding: 0px;

  margin: 0px;

  border: none;

}



#header .settings .submenu ul.infor .fa {

  color: #333;

  font-size: 16px;

  display: inline-block;

  width: 20px;

  text-align: center;

  margin-right: 5px;

}



#header .settings .submenu ul.infor li {

  display: block;

  line-height: 30px;

  text-transform: uppercase;

  border: none;

}



#header .settings .submenu ul.infor li:hover a {

  color: #80b435;

}



#header .settings .submenu ul.infor li:hover .fa {

  color: #80b435;

}



#header .settings .submenu ul.infor li a {

  font-size: 12px;

  color: #333;

  width: auto;

  display: inline-block;

  font: 400 14px "Roboto Condensed";

  color: #333333;

}



#header .settings .submenu ul.language li {

  margin-right: 3px;

  border: 1px solid #e8e8e8;

  opacity: 0.4;

}



#header .settings .submenu ul.language li.active, #header .settings .submenu ul.language li:hover {

  border-color: #fff;

  opacity: 1;

}



#header .settings .submenu ul.language li:last-child {

  margin-right: 0px;

}



#header .settings .submenu ul.currency li {

  margin-right: 5px;

  width: 35px;

  height: 35px;

  text-align: center;

  background: #fff;

  border: 1px solid #e1e1e1;

}



#header .settings .submenu ul.currency li a {

  display: inline-block;

  width: 35px;

  height: 35px;

}



#header .settings .submenu ul.currency li.active, #header .settings .submenu ul.currency li:hover {

  background: #80b435;

  border-color: #80b435;

}



#header .settings .submenu ul.currency li.active .fa, #header .settings .submenu ul.currency li:hover .fa {

  color: #fff;

}



#header .settings .submenu ul.currency li .fa {

  font-size: 16px;

  line-height: 33px;

  color: #333;

}



#header .settings .submenu ul li {

  display: inline-block;

}



.wrappage {

  position: relative;

}



#header.header-top-absolute .header-top {

  position: absolute;

  width: 100%;

  z-index: 99;

}



#header.header-top-absolute .cart {

  margin-right: 50px;

}



#header.header-top-absolute .cart .icons {

  color: #fff;

}



#header.header-top-absolute .cart .cart-count {

  color: #fff;

}



#header.header-top-absolute .header-top {

  padding-top: 45px;

}



#header.header-v1 {

  text-align: center;

}



#header.header-v1 .logo {

  margin: auto;

  display: inline-block;

  width: auto;

}



#header.header-v1 .box-right .cart, #header.header-v1 .box-right .search {

  float: right;

}



#header.header-v1 #topbar .inner-topbar {

  padding: 25px 0px 15px;

}



@media (max-width: 1200px) {

  #header.header-v1 #topbar .inner-topbar {

    padding-top: 10px;

  }

}



#header.header-v3 .header-top {

  padding: 0px;

}



#header.header-v3.header-v2 .header-top {

  padding: 12px 0px;

}



#header.header-v3.header-v2 .cart:after {

  width: 0px;

}



#header.header-v3.header-v2 .search {

  margin-top: 16px;

}



@media (max-width: 767px) {

  #header.header-v3.header-v2 .header-top {

    margin: 0px;

    padding: 5px 0px 0px;

  }

  #header.header-v3.header-v2 .header-top .cart {

    margin-top: 0px;

  }

}



#header .header-top {

  text-align: center;

  padding: 0px 0px 0px;

}



@media (min-width: 1200px) {

  #header .header-top {

    padding: 0px;

  }

}



#header .header-top .col-md-10 {

  padding-left: 0px;

  position: static;

}



#header .header-top i.fa {

  font-size: 24px;

  color: #bbb;

}



#header .header-top .logo {

  float: left;

}



#header .header-top .logo a {

  font-size: 36px;

  color: #fff !important;

  text-transform: uppercase;

}



#header .header-top .logo-mobile {

  display: none;

}



@media (max-width: 1200px) and (min-width: 768px) {

  #header .header-top .logo-mobile {

    margin-top: 12px;

  }

}



#header .header-top .search, #header .header-top .cart, #header .header-top .settings {

  float: right;

  display: inline-block;

  vertical-align: top;

  margin-left: 30px;

  margin-top: 5px;

}



#header .header-top .cart {

  margin-left: 15px;

  padding-left: 15px;

  margin-top: 0px;

  position: relative;

}



#header .header-top .cart:after {

  position: absolute;

  content: "";

  left: 0px;

  top: 0px;

  height: 30px;

  width: 1px;

  background: #bfbfbf;

}



#header .header-top .menu-top {

  display: inline-block;

  float: left;

  margin-left: 70px;

}



#header .header-top .menu-top i.fa {

  font-size: 14px;

}



#header .header-top .menu-top a {

  font-size: 14px;

  color: #555555;

  text-transform: uppercase;

  font-weight: 700;

  line-height: 44px;

  padding: 0 5px;

}



#header .header-top .menu-top li {

  display: inline-block;

  padding: 0 20px;

}



#header .header-top .menu-top li.level1 {

  position: relative;

}



#header .header-top .menu-top li:hover a, #header .header-top .menu-top li:hover i.fa {

  color: #80b435;

}



#header .header-top .menu-top li:hover ul.menu-level2 a {

  color: #888888;

}



#header .header-top .menu-top li .menu-level2 li {

  display: block;

  text-align: center;

}



#header .header-top .menu-top li .menu-level2 li a {

  color: #888888;

  font-size: 11px;

  text-transform: uppercase;

  line-height: 44px;

  width: 100%;

  padding: 5px 0px;

}



#header .header-top .menu-top li .menu-level2 li a:hover {

  color: #ddd;

}



.header-top-absolute .mega-menu ul.navbar-nav li a {

  color: #fff;

}



.mega-menu {

  display: inline-block;

  width: auto;

  position: relative;

  margin: auto;

}



.mega-menu ul.navbar-nav {

  width: 100%;

}



.mega-menu ul.navbar-nav li {

  text-align: left;

  padding: 0 30px;

}



.mega-menu ul.navbar-nav li.level1 {

  padding-top: 6px;

  padding-bottom: 6px;

}



.mega-menu ul.navbar-nav li.level1.dropdown:hover a:before {

  transform: translate(0, 0px);

  opacity: 1;

}



@media (min-width: 1200px) {

  .mega-menu ul.navbar-nav li.level1.dropdown a {

    position: relative;

  }

  .mega-menu ul.navbar-nav li.level1.dropdown a:before {

    position: absolute;

    top: 16px;

    height: 10px;

    width: 10px;

    right: -15px;

    content: "";

    background: url("../images/icon-submenu-1.png") no-repeat scroll center;

  }

}



.mega-menu ul.navbar-nav li.level1.dropdown .level2 a:before {

  height: 0px;

}



.mega-menu ul.navbar-nav li.level1.dropdown .level2 a:before {

  border: none;

}



.mega-menu ul.navbar-nav li.dropdown {

  position: relative;

}



.mega-menu ul.navbar-nav li.dropdown.images {

  position: static;

}



.mega-menu ul.navbar-nav li a {

  text-transform: uppercase;

  -webkit-transition: all 0.2s ease 0s;

  -o-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

  color: #2b2b2b;

  height: 40px;

  padding: 0px;

  font: 700 18px/40px "Roboto Slab";

}



.mega-menu ul.navbar-nav li a:after {

  position: absolute;

  -webkit-transition: all 0.2s ease 0s;

  -o-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

  content: "";

  left: 50%;

  right: 50%;

  height: 0px;

  background: #fff;

  bottom: 5px;

}



.mega-menu ul.navbar-nav li a:hover, .mega-menu ul.navbar-nav li a.focus {

  background: none !important;

  color: #80b435;

}



.mega-menu ul.navbar-nav li a:hover:after, .mega-menu ul.navbar-nav li a.focus:after {

  left: 0px;

  right: 0px;

  height: 1px;

}



.mega-menu ul.navbar-nav li:hover ul.menu-level-1 {

  opacity: 1;

}



.mega-menu ul.navbar-nav li.active a:after {

  position: absolute;

  content: "";

  left: 0px;

  right: 0px;

  height: 1px;

  background: #fff;

  bottom: 5px;

}



.mega-menu ul.navbar-nav li.level2 {

  border-bottom: none;

}



.mega-menu ul.navbar-nav ul.menu-level-1 {

  position: absolute;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

  border: none;

  padding: 10px 0px;

  opacity: 0;

  left: 0px;

  min-width: 200px;

  transform: translate(0px, 0px);

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  top: 100%;

  background: #fff;

  z-index: 999;

  margin-top: 4px;

}



@media (max-width: 1024px) {

  .mega-menu ul.navbar-nav ul.menu-level-1 {

    box-shadow: none;

  }

}



.mega-menu ul.navbar-nav ul.menu-level-1.hover {

  transform: translate(0px, -5px);

}



.mega-menu ul.navbar-nav ul.menu-level-1 li a {

  font-size: 13px;

  color: #333333;

  text-transform: capitalize;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  font: 400 14px/40px "Roboto Slab";

  padding-left: 15px;

  position: relative;

  letter-spacing: 0px;

  height: 40px;

  border-bottom: 1px solid #eee;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li a:after {

  position: absolute;

  left: 0px;

  height: 5px;

  width: 5px;

  background: #333;

  top: 15px;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #80b435;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li a:hover:after {

  background: #80b435;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li:last-child a {

  border: none;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li.level2 {

  position: relative;

  overflow: hidden;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li.level2:hover {

  overflow: visible;

}



.mega-menu ul.navbar-nav ul.menu-level-1 li.level2:hover .menu-level-2 {

  opacity: 1;

  left: calc(100%);

}



.mega-menu ul.navbar-nav ul.menu-level-1 .menu-level-2 {

  position: absolute;

  left: calc(100% + 30px);

  top: 0px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  padding-top: 10px;

  padding-bottom: 10px;

}



.mega-menu ul.navbar-nav ul.menu-level-1 .menu-level-2 li {

  background: #fff;

  border: none;

  min-width: 230px;

}



.mega-menu ul.navbar-nav ul.menu-level-1 .menu-level-2 li:first-child {

  padding-top: 10px;

}



.mega-menu ul.navbar-nav ul.menu-level-1 .menu-level-2 li:last-child {

  padding-bottom: 5px;

}



.mega-menu ul.navbar-nav .sub-menu {

  -webkit-transition: all 0.4s ease-out 0s;

  -o-transition: all 0.4s ease-out 0s;

  transition: all 0.4s ease-out 0s;

  top: 100%;

  background: #fff;

  transform: translate(0px, 20px);

  border: none;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

  left: initial;

}



@media (min-width: 1200px) {

  .mega-menu ul.navbar-nav .sub-menu {

    width: 940px;

    right: calc(50% - 600px);

  }

  .mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 {

    width: 1200px;

  }

}



@media (max-width: 1024px) {

  .mega-menu ul.navbar-nav .sub-menu {

    box-shadow: none;

  }

}



.mega-menu ul.navbar-nav .sub-menu.hover {

  transform: translate(0px, 0px);

}



.mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 .right-submenu {

  display: none;

}



@media (min-width: 1200px) {

  .mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 {

    padding-top: 20px;

    float: left;

  }

  .mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 .menu-level-1 {

    float: left;

    width: 100%;

  }

  .mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 .menu-level-1 .level2 {

    width: 25%;

    float: left;

  }

  .mega-menu ul.navbar-nav .sub-menu.sub-menu-v2 .right-submenu {

    float: right;

    width: 33.3333%;

    display: inline-block;

    padding-top: 25px;

  }

}



.mega-menu ul.navbar-nav .sub-menu .top-sub-menu {

  padding: 30px;

  display: inline-block;

  width: 100%;

  padding-bottom: 0px;

}



.mega-menu ul.navbar-nav .sub-menu .top-sub-menu img {

  max-width: 100%;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 {

  background: #fff;

  display: inline-block;

  width: 100%;

  position: relative;

  top: 0px;

  border: none;

  margin-top: 0px;

  padding-top: 0px;

  box-shadow: none;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 {

  display: inline-block;

  float: left;

  border: none;

  text-align: left;

  width: 24%;

  padding-top: 30px;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2.images {

  padding-top: 0px;

  width: auto;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2.images img {

  max-width: 300px;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2:hover .menu-level-2 {

  left: 0px;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 a {

  height: auto;

  background: none !important;

  padding: 0px;

  text-transform: uppercase;

  font: 700 16px/30px "Roboto Slab";

  color: #333;

  border: none;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 a:after {

  width: 0px;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 {

  border: none;

  width: 100%;

  text-align: left;

  padding: 0px;

  border-top: 1px dotted #e8e8e8;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3:last-child {

  border-bottom: none;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3:first-child {

  margin-top: 10px;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a {

  color: #666;

  text-transform: capitalize;

  font: 400 14px/40px "Roboto Slab";

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  position: relative;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #80b435;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover:after {

  background: #80b435;

}



.mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2 {

  padding-top: 0px;

  position: relative;

  left: 0px;

  opacity: 1;

}



.icon-menu-mobile, .mega-menu ul.navbar-nav li i {

  display: none;

}



.slidershow-container {

  margin-bottom: 50px;

}



.slidershow-container.slidershow-container-v2 {

  margin-bottom: 0px;

}



.slidershow-container .container {

  width: 100%;

  padding: 0px;

}



.slidershow-container .container img {

  width: 100%;

}



/** 6.2.2. Header version 2 **/

.mega-menu.mega-menu-v2 {

  box-shadow: none;

  border-bottom: 1px solid #eeeeee;

}



.megamenu-v2 .search-form {

  position: relative;

}



.megamenu-v2 .search-form input {

  width: 100%;

  height: 40px;

  padding: 0 40px 0 20px;

  border-radius: 5px;

  background: transparent;

  border: 1px solid #605d5e;

  color: #888;

  font-family: "Lora";

  font-style: italic;

}



.megamenu-v2 .search-form button {

  background: transparent;

  color: #ddd;

  position: absolute;

  border: none;

  top: 10px;

  right: 10px;

}



.megamenu-v2 .search-form i {

  font-size: 18px;

}



.megamenu-v2.header-top .cart .cart-count {

  position: static;

  width: auto;

  height: auto;

  border-radius: 0;

  box-shadow: none;

  background: transparent;

  font-size: 14px;

  font-style: italic;

  margin: 0px 10px;

}



.megamenu-v2.header-top .cart a {

  color: #ddd;

  width: 100%;

  text-align: center;

}



.megamenu-v2.header-top .cart i {

  font-size: 20px;

}



#header {

  position: relative;

}



#header .mega-menu.menu-v3 {

  position: static;

}



/** 6.2.3. Header version 2 **/

#header.absolute {

  position: absolute;

  top: 15px;

  left: 0px;

  z-index: 999;

  width: 100%;

  padding-top: 30px;

  text-align: center;

}



@media (min-width: 1200px) {

  #header.absolute {

    padding-left: 30px;

    padding-right: 30px;

  }

}



#header.absolute .logo {

  margin: auto;

  float: inherit;

  display: inline-block;

}



#header.absolute .float-left {

  margin-top: 15px;

}



#header.absolute .container {

  background: none;

}



/** 6.2.4. Header version 3 **/

#header.header-v3-new {

  box-shadow: 0px 0px 10px 0px rgba(35, 31, 32, 0.15);

}



#header.header-v3-new #topbar .container {

  position: relative;

}



#header.header-v3-new #topbar .container .inner-topbar {

  padding-left: 200px;

}



@media (max-width: 1200px) {

  #header.header-v3-new #topbar .container .inner-topbar {

    padding-left: 0px;

  }

}



@media (min-width: 1200px) {

  #header.header-v3-new .mega-menu {

    margin-top: 10px;

    float: left;

    padding-left: 180px;

  }

  #header.header-v3-new .mega-menu ul.navbar-nav li.level1 {

    padding-top: 0px;

    padding-left: 20px;

    padding-right: 20px;

  }

  #header.header-v3-new .mega-menu ul.navbar-nav .sub-menu {

    right: calc(50% - 785px);

  }

}



#header.header-v3-new #topbar .inner-topbar {

  border: none;

  position: relative;

}



#header.header-v3-new #topbar .inner-topbar:after {

  position: absolute;

  content: '';

  left: 200px;

  right: 0px;

  height: 1px;

  background-color: #cdcdcd;

  bottom: 0px;

}



@media (max-width: 1200px) {

  #header.header-v3-new #topbar .inner-topbar:after {

    left: 0px;

  }

}



#header.header-v3-new.header-v3 .header-top {

  padding: 15px 0px 23px;

  margin-bottom: 30px;

}



#header.header-v3-new.header-v3 .header-top .search {

  margin-top: 17px;

}



#header.header-v3-new.header-v3 .header-top .cart:after {

  width: 0px;

}



#header.header-v3-new .logo-header-v3 {

  position: absolute;

  left: 15px;

  top: 0px;

}



@media (max-width: 1200px) {

  #header.header-v3-new .logo-header-v3 {

    display: none;

  }

}



#header.header-v4 .float-left {

  margin-top: 10px;

}



.categories-home3 h3 {

  font: 700 24px/60px "Roboto Slab";

  color: #2b2b2b;

  text-transform: uppercase;

}



.categories-home3 ul li {

  font: 400 18px/60px "Roboto Slab";

  color: #666;

  text-transform: capitalize;

  border-top: 1px dotted #cdcdcd;

}



.categories-home3 ul li a {

  color: #666;

}



.categories-home3 ul li a:hover {

  color: #80b435;

}



@media (max-width: 1200px) and (min-width: 768px) {

  .box-cat-home3 {

    margin-bottom: 30px;

  }

  .box-cat-home3 .col-md-3 {

    width: 25%;

    float: left;

  }

  .box-cat-home3 .col-md-9 {

    width: 75%;

    float: left;

  }

  .box-cat-home3 h3 {

    font: 700 20px/30px "Roboto Slab";

    padding-bottom: 8px;

    margin-top: -10px;

  }

  .box-cat-home3 ul li {

    font: 400 16px/38px "Roboto Slab";

  }

}



@media (max-width: 1200px) and (min-width: 980px) {

  .box-cat-home3 h3 {

    font: 700 20px/40px "Roboto Slab";

  }

  .box-cat-home3 ul li {

    font: 400 16px/45px "Roboto Slab";

  }

}



.icon-head4 {

  margin-left: 30px;

}



/** 6.2.6. Header version 5 **/

.map-icon-label {

  width: 44px;

  height: 48px;

}



.map-icon {

  width: 100%;

  height: 100%;

  display: inline-block;

  text-align: center;

  line-height: 38px;

  color: #fff;

}



.map-icon-point-of-interest:before {

  content: "Uno";

  font-family: "Blanch";

  font-size: 30px;

}



.map-icon-point-of-interest.map-icon-3:before {

  content: "";

  font-family: "Simple-Line-Icons";

  font-size: 20px;

}



.map-icon-point-of-interest.map-icon-6:before {

  content: "";

  font-family: "Simple-Line-Icons";

  font-size: 20px;

  color: #000;

}



#back-to-top {

  position: fixed;

  bottom: 30px;

  right: 5px;

  z-index: 9999;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 30px;

  background: #f5f5f5;

  color: #444;

  cursor: pointer;

  border: 0;

  border-radius: 2px;

  text-decoration: none;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  transform: translate(50px, 0px);

  z-index: 9999;

}



#back-to-top i {

  color: #888888;

  display: inline-block;

  margin-top: 13px;

}



#back-to-top:hover {

  background: #e9ebec;

}



#back-to-top.show {

  transform: translate(0px, 0px);

}



#content {

  height: 2000px;

}



.pushmenu-push-toleft {

  left: 364px;

}



@media (min-width: 1500px) {

  .pushmenu-push-toleft {

    left: 445px;

  }

}



.pushmenu-push-toleft .wrappage:after {

  background: rgba(29, 29, 31, 0.6);

  content: "";

  cursor: pointer;

  height: 100%;

  left: 0px;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 9999;

}



.menu-home6 {

  left: -364px;

}



@media (min-width: 1500px) {

  .menu-home6 {

    left: -445px;

  }

}



.menu-home6.pushmenu-open {

  left: 0px;

}



.icon-pushmenu {

  font: 700 14px/20px "Oswald";

  color: #000;

  text-transform: uppercase;

  letter-spacing: 2px;

  cursor: pointer;

}



.icon-pushmenu:hover, .icon-pushmenu.active, .ordering span.icon-pushmenu:hover {

  color: #80b435;

}



.search-menu {

  position: relative;

  margin-top: 50px;

}



.search-menu input {

  width: 100%;

  height: 50px;

  border: 1px solid #cdcdcd;

  font: 400 16px/50px "Roboto Condensed";

  padding-right: 55px;

}



.search-menu button {

  position: absolute;

  right: 3px;

  top: 3px;

  height: 44px;

  width: 50px;

  background: #333 url(../images/icon-search-menu.png) no-repeat scroll center;

  border: none;

  transition: all 0.3s ease 0s;

}



.search-menu button:hover {

  background-color: #80b435;

}



@media (min-width: 1200px) {

  .cart.hover-menu .list-menu, #header .settings .submenu {

    right: -50px;

  }

}



.modal.in .modal-dialog {

  -webkit-transform: translate(0, 100%);

  -ms-transform: translate(0, 100%);

  -o-transform: translate(0, 100%);

  transform: translate(0, 100%);

}



.control-search {

  border: 1px solid #e6e6e6;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

  font-size: 18px;

  font-family: "Roboto Condensed";

  color: #d9d9d9;

  box-shadow: none;

  outline: none;

}



button.button_search {

  background: #333;

  font: 700 16px/43px "Roboto Condensed";

  color: #fff;

  text-transform: uppercase;

  text-align: center;

  width: 130px;

  padding: 0px;

  border: none;

  position: absolute;

  right: 2px;

  top: 2px;

  transition: all 0.4s ease 0s;

  z-index: 99;

}



button.button_search:hover {

  background: #80b435;

}



.popup-search {

  position: relative;

  padding: 90px 0px;

}



.popup-search .close {

  position: absolute;

  right: 20px;

  top: 20px;

}



@media (min-width: 1200px) {

  .modal-lg {

    width: 1170px;

  }

}



.categories-home3 .menu-vertical img {

  margin-right: 10px;

}



@media (max-width: 1200px) and (min-width: 768px) {

  .tp-banner-container.ver1 {

    margin-top: -10px;

  }

  #header.header-v1 #topbar .inner-topbar {

    border: none;

  }

  #header.header-v1 .header-top {

    display: inline-block;

    position: absolute;

    top: 10px;

    left: 50%;

    transform: translate(-50%, 0);

  }

}



/** 6.3. Sidebar **/

/** 6.4. Contents **/

/** 6.4.1. CMS default **/

/** 6.4.2. Blog **/

/** 6.5. Footers **/

#footer.footer-v1 {

  text-align: center;

}



#footer.footer-v1 .social {

  float: right;

}



#footer.footer-v1 .social a {

  margin: 0 8px;

}



#footer.footer-v1 .social a:hover i {

  color: #333;

}



#footer.footer-v1 .social a i {

  color: #80b435;

}



#footer.footer-v1 .social a:last-child {

  margin-right: 0px;

}



@media (min-width: 1200px) {

  #footer.footer-v1 .social {

    margin-right: 50px;

    margin-bottom: 0px;

    margin-top: 20px;

  }

}



#footer.footer-v3 {

  background: #f3f3f3;

  margin-top: 200px;

}



#footer.footer-v3 .footer-inner {

  position: relative;

  padding-top: 80px;

  padding-bottom: 50px;

}



#footer.footer-v3 .footer-inner:after {

  position: absolute;

  height: 200px;

  width: 100%;

  background: url(../images/bg-footer.jpg) no-repeat scroll center bottom;

  content: "";

  left: 0px;

  bottom: calc(100% - 3px);

}



@media (max-width: 767px) {

  #footer.footer-v3 .footer-inner:after {

    left: -15px;

    right: -15px;

    width: auto;

  }

}



#footer.footer-v3 p {

  color: #666;

  font: 400 14px/24px "Roboto Slab";

}



#footer.footer-v3 .bottom {

  padding: 15px 0px 10px;

}



#footer.footer-v3 .bottom p {

  font: 400 13px/20px "Roboto";

  color: #898989;

}



@media (max-width: 767px) {

  #footer.footer-v3 {

    margin-top: 100px;

  }

}



#footer .footer-top {

  padding: 30px 0px;

  display: inline-block;

  width: 100%;

}



#footer .logo-footer {

  float: left;

  text-align: left;

  margin-left: 50px;

}



#footer .logo-footer img {

  max-width: 150px;

}



#footer .logo-footer p {

  color: #80b435;

  font: 400 12px/15px "Roboto";

  margin-top: 10px;

}



#footer .info-footer {

  margin-bottom: 30px;

}



#footer .info-footer li {

  color: #fff;

  line-height: 50px;

  font: 400 14px "Roboto";

  padding: 5px 0px;

}



#footer .info-footer li a {

  color: #fff;

}



#footer .info-footer li a:hover {

  color: #80b435;

}



#footer .info-footer li img {

  margin-right: 10px;

}



#footer .title-footer {

  font: 400 20px "Roboto Slab";

  color: #80b435;

  padding-bottom: 10px;

  margin-bottom: 20px;

  position: relative;

  text-transform: capitalize;

}



#footer .list-footer li {

  color: #666;

  font: 400 14px/20px "Roboto Slab";

  padding: 5px 0px;

}



#footer .list-footer li:first-child {

  padding-top: 0px;

}



#footer .list-footer li a {

  color: #666;

  font: 400 14px/20px "Roboto Slab";

}



#footer .list-footer li a:hover {

  color: #80b435;

}



#footer .list-footer.border li {

  border-bottom: 1px solid #404040;

}



#footer .list-footer.border li:last-child {

  border-bottom: none;

}



#footer .footer-bottom {

  border-top: 1px solid #e3e3e3;

}



@media (max-width: 980px) {

  #footer .footer-bottom {

    text-align: center;

  }

  #footer .footer-bottom .float-left, #footer .footer-bottom .float-right {

    float: initial;

  }

  #footer .footer-bottom .float-left {

    margin-bottom: 10px;

  }

}



#footer .subscribe {

  margin-top: 20px;

}



#footer .subscribe input {

  width: 100%;

  height: 50px;

  border: 1px solid #e5e5e5;

  padding: 0px 15px;

  font: 300 12px "Roboto";

  color: #898989;

}



#footer .subscribe button {

  display: inline-block;

  background: #80b435;

  color: #fff;

  border: 1px solid #80b435;

  transiton: all 0.3s ease 0s;

  font: 700 12px/35px "Roboto Slab";

  text-transform: uppercase;

  letter-spacing: 0px;

  width: 140px;

  margin-top: 20px;

}



#footer .subscribe button i {

  color: #fff;

  margin-left: 8px;

}



#footer .subscribe button:hover {

  background: #fff;

}



#footer .menu-footer {

  display: inline-block;

  margin-top: 20px;

}



#footer .menu-footer li {

  display: inline-block;

}



#footer .menu-footer li a {

  text-transform: uppercase;

  margin: 0px 30px;

  position: relative;

  padding-bottom: 3px;

  font: 700 14px/20px "Roboto Condensed";

  color: #2b2b2b;

}



#footer .menu-footer li a:hover {

  color: #80b435;

}



#footer .social {

  margin-bottom: 30px;

}



#footer .social li {

  display: inline-block;

}



#footer .social a {

  margin: 0 12px;

}



#footer .social a:first-child {

  margin-left: 0px;

}



#footer .social a i {

  font-size: 20px;

  color: #666;

}



#footer .social a:hover i {

  color: #80b435;

}



#footer .footer-bottom {

  display: inline-block;

  width: 100%;

}



#footer .footer-bottom p {

  font-family: "Poppins";

  font-weight: 300;

  color: #8d8c8c;

  font-size: 12px;

  line-height: 20px;

}



#footer .footer-bottom p a {

  color: #f56666;

  text-decoration: underline;

}



#footer .footer-bottom .language {

  display: inline-block;

  padding-left: 20px;

}



#footer .footer-bottom .language span, #footer .footer-bottom .language p, #footer .footer-bottom .language a {

  font: 400 12px/20px "Roboto Slab";

  color: #666;

}



#footer .footer-bottom .language .hover-menu {

  display: inline-block;

  width: 50px;

  text-align: center;

}



#footer .footer-bottom .language .hover-menu p {

  color: #80b435;

}



#footer .footer-bottom .language .hover-menu p i {

  color: #666;

}



#footer .footer-bottom .language .hover-menu .list-menu {

  bottom: 25px;

  width: 50px;

  padding: 5px 10px;

  text-align: center;

  background: #fff;

}



#footer .footer-bottom .menu-bottom-footer {

  position: relative;

  display: inline-block;

  padding-right: 10px;

}



#footer .footer-bottom .menu-bottom-footer li {

  display: inline-block;

  padding: 0px 10px;

}



#footer .footer-bottom .menu-bottom-footer a {

  color: #666;

  font: 400 12px/20px "Roboto Slab";

}



#footer .footer-bottom .menu-bottom-footer a:hover {

  color: #80b435;

}



#footer .footer-bottom .menu-bottom-footer:after {

  position: absolute;

  content: '';

  right: 0px;

  width: 1px;

  height: 19px;

  background: #cdcdcd;

  top: 3px;

}



#footer .newsletter-footer {

  display: inline-block;

  float: right;

  margin-right: 50px;

}



#footer .newsletter-footer input {

  font: 300 12px/40px "Poppins";

  color: #8d8c8c;

  width: 100%;

  padding: 0px 80px 0px 20px;

  border: 1px solid #e4e4e4;

  box-shadow: none;

}



#footer .newsletter-footer form {

  position: relative;

  width: 510px;

  height: 45px;

}



#footer .newsletter-footer button {

  position: absolute;

  height: 41px;

  right: 0px;

  top: 0px;

  box-shadow: none;

  border: none;

  border-left: 1px solid #e4e4e4;

  font-size: 12px;

}



/** 6.6. Home pages **/

/** 6.6.1 Home page 2 **/

.mega-menu.color-home2 ul.navbar-nav li.active a, .mega-menu.color-home2 ul.navbar-nav li a:hover, .mega-menu.color-home2 ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #808f66;

}



.mega-menu.color-home2 ul.navbar-nav .sub-menu .top-sub-menu .item .image {

  background: #808f66;

}



.color-home2 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #808f66;

}



.color-home2 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .color-home2 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: 0 0 0 30px #808f66 inset;

}



.mega-menu.color-home2 ul.navbar-nav .sub-menu .top-sub-menu {

  border-bottom: 1px solid #808f66;

}



.mega-menu.color-home2 ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2::after {

  background: #808f66;

}



.mega-menu.color-home2 ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #808f66;

}



.mega-menu.color-home2 ul.navbar-nav .sub-menu .bottom-sub-menu {

  border-top: 1px solid #808f66;

}



.color-home2.tp-banner-container .tp-rightarrow:hover, .color-home2.tp-banner-container .tp-leftarrow:hover {

  box-shadow: 0 0 0 30px #808f66 inset;

}



#footer.color-home2 h3::after {

  background: #808f66;

}



#footer.color-home2 .footer-top .col-md-6 a {

  border: 2px solid #808f66;

  color: #808f66;

}



#footer.color-home2 .footer-top ul li a:hover, #footer.color-home2 .footer-bottom .col-md-6 span {

  color: #808f66;

}



#footer.color-home2 .footer-top .col-md-6 a:hover {

  background: #808f66;

  color: #fff;

}



#footer.color-home2 .footer-top-bottom a.color {

  color: #808f66;

}



.button1.color-home2 {

  background: #808f66;

  border: 2px solid #808f66;

}



.button1.color-home2:hover {

  background: transparent;

  color: #808f66;

}



.color-home2 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #808f66;

}



.color-home2 .tp-bullets.simplebullets.round .bullet.selected, .color-home2 .tp-bullets.simplebullets.round .bullet:hover {

  background: #808f66;

  border: 2px solid #808f66;

}



.blog-post-container.color-home2 .blog-post-item h3 a:hover {

  color: #808f66;

}



.blog-post-container.color-home2 .blog-post-item .blog-post-image .action .icons {

  box-shadow: 0 0 0 30px #808f66 inset;

}



.blog-post-container.color-home2 .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #808f66 inset;

  color: #808f66 !important;

}



.blog-post-container.color-home2 .blog-post-item .blog-post-image .action .icons {

  background: #808f66;

}



#header.color-home2 .cart .cart-count {

  background-color: #808f66;

}



.policy.color-home2 ul li a:hover i {

  background: #808f66;

}



#topbar.color-home2 .social a:hover i, #topbar.color-home2 .social a.active i {

  color: #808f66;

}



#topbar.color-home2 .topbar-right a:hover, #topbar.color-home2 .topbar-right a.active, #topbar.color-home2 .dropdown .btn:hover {

  color: #808f66 !important;

}



.mega-menu.color-home3 ul.navbar-nav li.active a, .mega-menu.color-home3 ul.navbar-nav li a:hover, .mega-menu.color-home3 ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #6dc5ee;

}



.mega-menu.color-home3 ul.navbar-nav .sub-menu .top-sub-menu .item .image {

  background: #6dc5ee;

}



.color-home3 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #6dc5ee;

}



.color-home3 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .color-home3 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: 0 0 0 30px #6dc5ee inset;

}



.mega-menu.color-home3 ul.navbar-nav .sub-menu .top-sub-menu {

  border-bottom: 1px solid #6dc5ee;

}



.mega-menu.color-home3 ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2::after {

  background: #6dc5ee;

}



.mega-menu.color-home3 ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #6dc5ee;

}



.mega-menu.color-home3 ul.navbar-nav .sub-menu .bottom-sub-menu {

  border-top: 1px solid #6dc5ee;

}



.color-home3.tp-banner-container .tp-rightarrow:hover, .color-home3.tp-banner-container .tp-leftarrow:hover {

  box-shadow: 0 0 0 30px #6dc5ee inset;

}



#footer.color-home3 h3::after {

  background: #6dc5ee;

}



#footer.color-home3 .footer-top .col-md-6 a {

  border: 2px solid #6dc5ee;

  color: #6dc5ee;

}



#footer.color-home3 .footer-top ul li a:hover, #footer.color-home3 .footer-bottom .col-md-6 span {

  color: #6dc5ee;

}



#footer.color-home3 .footer-top .col-md-6 a:hover {

  background: #6dc5ee;

  color: #fff;

}



#footer.color-home3 .footer-top-bottom a.color {

  color: #6dc5ee;

}



.button1.color-home3 {

  background: #6dc5ee;

  border: 2px solid #6dc5ee;

}



.button1.color-home3:hover {

  background: transparent;

  color: #6dc5ee;

}



.color-home3 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #6dc5ee;

}



.color-home3 .tp-bullets.simplebullets.round .bullet.selected, .color-home3 .tp-bullets.simplebullets.round .bullet:hover {

  background: #6dc5ee;

  border: 2px solid #6dc5ee;

}



.blog-post-container.color-home3 .blog-post-item h3 a:hover {

  color: #6dc5ee;

}



.blog-post-container.color-home3 .blog-post-item .blog-post-image .action .icons {

  box-shadow: 0 0 0 30px #6dc5ee inset;

}



.blog-post-container.color-home3 .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #6dc5ee inset;

  color: #6dc5ee !important;

}



.blog-post-container.color-home3 .blog-post-item .blog-post-image .action .icons {

  background: #6dc5ee;

}



#header.color-home3 .cart .cart-count {

  background-color: #6dc5ee;

}



.policy.color-home3 ul li a:hover i {

  background: #6dc5ee;

}



#topbar.color-home3 .social a:hover i, #topbar.color-home3 .social a.active i {

  color: #6dc5ee;

}



#topbar.color-home3 .topbar-right a:hover, #topbar.color-home3 .topbar-right a.active, #topbar.color-home3 .dropdown .btn:hover {

  color: #6dc5ee !important;

}



.mega-menu.color-home4 ul.navbar-nav li.active a, .mega-menu.color-home4 ul.navbar-nav li a:hover, .mega-menu.color-home4 ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #12a170;

}



.mega-menu.color-home4 ul.navbar-nav .sub-menu .top-sub-menu .item .image {

  background: #12a170;

}



.color-home4 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #12a170;

}



.color-home4 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .color-home4 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: 0 0 0 30px #12a170 inset;

}



.mega-menu.color-home4 ul.navbar-nav .sub-menu .top-sub-menu {

  border-bottom: 1px solid #12a170;

}



.mega-menu.color-home4 ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2::after {

  background: #12a170;

}



.mega-menu.color-home4 ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #12a170;

}



.mega-menu.color-home4 ul.navbar-nav .sub-menu .bottom-sub-menu {

  border-top: 1px solid #12a170;

}



.color-home4.tp-banner-container .tp-rightarrow:hover, .color-home4.tp-banner-container .tp-leftarrow:hover {

  box-shadow: 0 0 0 30px #12a170 inset;

}



#footer.color-home4 h3::after {

  background: #12a170;

}



#footer.color-home4 .footer-top .col-md-6 a {

  border: 2px solid #12a170;

  color: #12a170;

}



#footer.color-home4 .footer-top ul li a:hover, #footer.color-home4 .footer-bottom .col-md-6 span {

  color: #12a170;

}



#footer.color-home4 .footer-top .col-md-6 a:hover {

  background: #12a170;

  color: #fff;

}



#footer.color-home4 .footer-top-bottom a.color {

  color: #12a170;

}



.button1.color-home4 {

  background: #12a170;

  border: 2px solid #12a170;

}



.button1.color-home4:hover {

  background: transparent;

  color: #12a170;

}



.color-home4 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #12a170;

}



.color-home4 .tp-bullets.simplebullets.round .bullet.selected, .color-home4 .tp-bullets.simplebullets.round .bullet:hover {

  background: #12a170;

  border: 2px solid #12a170;

}



.blog-post-container.color-home4 .blog-post-item h3 a:hover {

  color: #12a170;

}



.blog-post-container.color-home4 .blog-post-item .blog-post-image .action .icons {

  box-shadow: 0 0 0 30px #12a170 inset;

}



.blog-post-container.color-home4 .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #12a170 inset;

  color: #12a170 !important;

}



.blog-post-container.color-home4 .blog-post-item .blog-post-image .action .icons {

  background: #12a170;

}



#header.color-home4 .cart .cart-count {

  background-color: #12a170;

}



.policy.color-home4 ul li a:hover i {

  background: #12a170;

}



#topbar.color-home4 .social a:hover i, #topbar.color-home4 .social a.active i {

  color: #12a170;

}



#topbar.color-home4 .topbar-right a:hover, #topbar.color-home4 .topbar-right a.active, #topbar.color-home4 .dropdown .btn:hover {

  color: #12a170 !important;

}



.mega-menu.color-home6 ul.navbar-nav li.active a, .mega-menu.color-home6 ul.navbar-nav li a:hover, .mega-menu.color-home6 ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #c03838;

}



.mega-menu.color-home6 ul.navbar-nav .sub-menu .top-sub-menu .item .image {

  background: #c03838;

}



.color-home6 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #c03838;

}



.color-home6 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .color-home6 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: 0 0 0 30px #c03838 inset;

}



.mega-menu.color-home6 ul.navbar-nav .sub-menu .top-sub-menu {

  border-bottom: 1px solid #c03838;

}



.mega-menu.color-home6 ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2::after {

  background: #c03838;

}



.mega-menu.color-home6 ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #c03838;

}



.mega-menu.color-home6 ul.navbar-nav .sub-menu .bottom-sub-menu {

  border-top: 1px solid #c03838;

}



.color-home6.tp-banner-container .tp-rightarrow:hover, .color-home6.tp-banner-container .tp-leftarrow:hover {

  box-shadow: 0 0 0 30px #c03838 inset;

}



#footer.color-home6 h3::after {

  background: #c03838;

}



#footer.color-home6 .footer-top .col-md-6 a {

  border: 2px solid #c03838;

  color: #c03838;

}



#footer.color-home6 .footer-top ul li a:hover, #footer.color-home6 .footer-bottom .col-md-6 span {

  color: #c03838;

}



#footer.color-home6 .footer-top .col-md-6 a:hover {

  background: #c03838;

  color: #fff;

}



#footer.color-home6 .footer-top-bottom a.color {

  color: #c03838;

}



.button1.color-home6 {

  background: #c03838;

  border: 2px solid #c03838;

}



.button1.color-home6:hover {

  background: transparent;

  color: #c03838;

}



.color-home6 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #c03838;

}



.color-home6 .tp-bullets.simplebullets.round .bullet.selected, .color-home6 .tp-bullets.simplebullets.round .bullet:hover {

  background: #c03838;

  border: 2px solid #c03838;

}



.blog-post-container.color-home6 .blog-post-item h3 a:hover {

  color: #c03838;

}



.blog-post-container.color-home6 .blog-post-item .blog-post-image .action .icons {

  box-shadow: 0 0 0 30px #c03838 inset;

}



.blog-post-container.color-home6 .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #c03838 inset;

  color: #c03838 !important;

}



.blog-post-container.color-home6 .blog-post-item .blog-post-image .action .icons {

  background: #c03838;

}



#header.color-home6 .cart .cart-count {

  background-color: #c03838;

}



.policy.color-home6 ul li a:hover i {

  background: #c03838;

}



#topbar.color-home6 .social a:hover i, #topbar.color-home6 .social a.active i {

  color: #c03838;

}



#topbar.color-home6 .topbar-right a:hover, #topbar.color-home6 .topbar-right a.active, #topbar.color-home6 .dropdown .btn:hover {

  color: #c03838 !important;

}



.mega-menu.color-home7 ul.navbar-nav li.active a, .mega-menu.color-home7 ul.navbar-nav li a:hover, .mega-menu.color-home7 ul.navbar-nav ul.menu-level-1 li a:hover {

  color: #fe8989;

}



.mega-menu.color-home7 ul.navbar-nav .sub-menu .top-sub-menu .item .image {

  background: #fe8989;

}



.color-home7 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #fe8989;

}



.color-home7 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .color-home7 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: 0 0 0 30px #fe8989 inset;

}



.mega-menu.color-home7 ul.navbar-nav .sub-menu .top-sub-menu {

  border-bottom: 1px solid #fe8989;

}



.mega-menu.color-home7 ul.navbar-nav .sub-menu ul.menu-level-1 ul.menu-level-2::after {

  background: #fe8989;

}



.mega-menu.color-home7 ul.navbar-nav .sub-menu ul.menu-level-1 li.level3 a:hover {

  color: #fe8989;

}



.mega-menu.color-home7 ul.navbar-nav .sub-menu .bottom-sub-menu {

  border-top: 1px solid #fe8989;

}



.color-home7.tp-banner-container .tp-rightarrow:hover, .color-home7.tp-banner-container .tp-leftarrow:hover {

  box-shadow: 0 0 0 30px #fe8989 inset;

}



#footer.color-home7 h3::after {

  background: #fe8989;

}



#footer.color-home7 .footer-top .col-md-6 a {

  border: 2px solid #fe8989;

  color: #fe8989;

}



#footer.color-home7 .footer-top ul li a:hover, #footer.color-home7 .footer-bottom .col-md-6 span {

  color: #fe8989;

}



#footer.color-home7 .footer-top .col-md-6 a:hover {

  background: #fe8989;

  color: #fff;

}



#footer.color-home7 .footer-top-bottom a.color {

  color: #fe8989;

}



.button1.color-home7 {

  background: #fe8989;

  border: 2px solid #fe8989;

}



.button1.color-home7:hover {

  background: transparent;

  color: #fe8989;

}



.color-home7 .tp-bullets.simplebullets.round .bullet {

  border: 2px solid #fe8989;

}



.color-home7 .tp-bullets.simplebullets.round .bullet.selected, .color-home7 .tp-bullets.simplebullets.round .bullet:hover {

  background: #fe8989;

  border: 2px solid #fe8989;

}



.blog-post-container.color-home7 .blog-post-item h3 a:hover {

  color: #fe8989;

}



.blog-post-container.color-home7 .blog-post-item .blog-post-image .action .icons {

  box-shadow: 0 0 0 30px #fe8989 inset;

}



.blog-post-container.color-home7 .blog-post-item .blog-post-image .action .icons:hover {

  box-shadow: 0 0 0 2px #fe8989 inset;

  color: #fe8989 !important;

}



.blog-post-container.color-home7 .blog-post-item .blog-post-image .action .icons {

  background: #fe8989;

}



#header.color-home7 .cart .cart-count {

  background-color: #fe8989;

}



.policy.color-home7 ul li a:hover i {

  background: #fe8989;

}



#topbar.color-home7 .social a:hover i, #topbar.color-home7 .social a.active i {

  color: #fe8989;

}



#topbar.color-home7 .topbar-right a:hover, #topbar.color-home7 .topbar-right a.active, #topbar.color-home7 .dropdown .btn:hover {

  color: #fe8989 !important;

}



.float-left {

  float: left;

}



.rtl .float-left {

  float: right;

}



.float-right {

  float: right;

}



.rtl .float-right {

  float: left;

}



.align-right {

  text-align: right;

}



.rtl .align-right {

  text-align: left;

}



.align-left {

  text-align: left;

}



.rtl .align-left {

  text-align: right;

}



.rtl-transform0 {

  transform: rotateY(0deg);

}



.rtl .rtl-transform0 {

  transform: rotateY(180deg);

}



.rtl-transform180 {

  transform: rotateY(180deg);

}



.rtl .rtl-transform180 {

  transform: rotateY(0deg);

}



.wrap-hermes-collection.padding-5 {

  padding: 0 5px;

}



.btn.btn-default.button_search:hover, .btn.btn-default.button_search:focus {

  color: #333;

}



.modal.fade .modal-dialog {

  webkit-transform: translate(0, -25%);

  -ms-transform: translate(0, -25%);

  -o-transform: translate(0, -25%);

  transform: translate(0, -25%);

}



.modal.fade.in .modal-dialog {

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

  -ms-transform: translate(0, 0%);

  -o-transform: translate(0, 0%);

  transform: translate(0, 0%);

}



.container.container-ver2 {

  width: 1200px;

  padding: 0 15px;

}



.slider-full-screen2 .col-md-2, .slider-full-screen2 .col-md-10 {

  padding: 0px;

}



.bottom-home1.bottom-home1-home4 {

  display: inline-block;

  width: 100%;

}



.bottom-home1.bottom-home1-home4 .col-md-4:first-child {

  padding-left: 0px;

}



.bottom-home1.bottom-home1-home4 .col-md-4:last-child {

  padding-right: 0px;

}



.nav-hidden .tp-rightarrow.default, .nav-hidden .tp-leftarrow.default {

  opacity: 0;

}



@media (min-width: 1200px) {

  .home-v2 {

    background: url(../images/Hermes-home2-bg-body.jpg) repeat;

  }

  .main-content.main-content-home2 .container {

    padding: 30px;

    width: 1230px;

  }

}



.ver2 .tp-leftarrow, .ver2 .tp-rightarrow {

  display: none !important;

}



.main-content.main-content-home2 {

  margin-top: -40px;

  position: relative;

  margin-bottom: -40px;

}



.main-content.main-content-home2 .container {

  background: #fff;

}



.content-bottom-home2 h3 {

  text-transform: uppercase;

  font-size: 22px;

  color: #gray-dark;

  border-bottom: 1px solid #e5e5e5;

  line-height: 20px;

  padding: 25px 0px;

  position: relative;

  margin-bottom: 40px;

}



.content-bottom-home2 h3:after {

  position: absolute;

  content: "";

  background: #808f66;

  height: 3px;

  width: 60px;

  left: 0px;

  bottom: -1px;

}



/** 6.6.3 Home page 3 **/

ul.tabs.title.tabs-home3 {

  position: absolute;

  width: auto;

  top: 5px;

  right: 100px;

}



ul.tabs.title.tabs-home3 li {

  font-size: 15px;

  font-family: "TXGR";

  text-transform: capitalize;

  color: #aaa;

  padding: 0 10px;

}



ul.tabs.title.tabs-home3 li:hover, ul.tabs.title.tabs-home3 li.active {

  color: #6dc5ee;

}



.carousel-control {

  opacity: 100;

  height: 30px;

  width: 30px;

  top: 50%;

  margin-top: -15px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.carousel-control:hover i {

  color: #80b435;

}



.carousel-control.left {

  left: 20px;

}



.carousel-control.left:hover {

  left: 10px;

}



.carousel-control.right {

  right: 20px;

}



.carousel-control.right:hover {

  right: 10px;

}



.carousel-control i {

  font-size: 30px;

}



nav.megamenu-v2 {

  position: absolute;

  top: 0px;

  left: 0px;

  background-color: #222;

  width: 400px;

  -webkit-transform: translate3d(-400px, 0px, 0px);

  -moz-transform: translate3d(-400px, 0px, 0px);

  -ms-transform: translate3d(-400px, 0px, 0px);

  -o-transform: translate3d(-400px, 0px, 0px);

  transform: translate3d(-400px, 0px, 0px);

  -webkit-transition: transform 0.5s ease 0s;

  -o-transition: transform 0.5s ease 0s;

  transition: transform 0.5s ease 0s;

  z-index: 999;

}



nav.megamenu-v2.show-ef {

  -webkit-transform: translate3d(0px, 0px, 0px);

  -moz-transform: translate3d(0px, 0px, 0px);

  -ms-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}



nav.megamenu-v2 .top-menu {

  padding: 20px 0px;

  border-top: 1px solid #393939;

  border-bottom: 1px solid #393939;

  display: inline-block;

  width: 100%;

}



nav.megamenu-v2 .top-menu .dropdown {

  display: inline-block;

  float: left;

  width: 50%;

  text-align: center;

}



nav.megamenu-v2 .top-menu .dropdown:nth-child(1) {

  border-right: 1px solid #393939;

}



nav.megamenu-v2 .top-menu .dropdown .btn {

  background-color: #222;

  color: #ddd;

  text-transform: capitalize;

  padding: 0px;

}



nav.megamenu-v2 .fa-times {

  height: 21px;

  width: 21px;

  cursor: pointer;

  float: right;

  margin-right: 40px;

  margin-top: 10px;

  background: url(../images/icon-menu-mobile-active.svg) no-repeat;

}



nav.megamenu-v2 .fa-times::before {

  content: "";

}



nav.megamenu-v2 ul.main-menu {

  padding-top: 30px;

}



nav.megamenu-v2 ul.main-menu li {

  text-transform: uppercase;

  position: relative;

  padding: 15px 0px;

  border-bottom: 1px solid #393939;

}



nav.megamenu-v2 ul.main-menu li.active a {

  color: #fff;

}



nav.megamenu-v2 ul.main-menu li.active ul li a {

  color: #555555;

}



nav.megamenu-v2 ul.main-menu li.active ul li a:hover {

  color: #fff;

}



nav.megamenu-v2 ul.main-menu li ul {

  display: none;

  padding: 20px 0 10px;

  margin-top: 10px;

  border-top: 1px solid #393939;

}



nav.megamenu-v2 ul.main-menu li ul li {

  padding-left: 20px;

  list-style: inside disc none;

  color: #555555;

  padding: 5px 0px 5px 20px;

  border-bottom: none;

}



nav.megamenu-v2 ul.main-menu li ul li a {

  text-transform: capitalize;

  font-family: "Lora";

  font-style: italic;

  margin-left: 0px;

}



nav.megamenu-v2 ul.main-menu li ul li i {

  display: none;

}



nav.megamenu-v2 ul.main-menu li a {

  color: #555555;

  margin-left: 20px;

}



nav.megamenu-v2 ul.main-menu li a:hover {

  color: #fff;

}



nav.megamenu-v2 ul.main-menu li i {

  position: absolute;

  cursor: pointer;

  top: 10px;

  right: 10px;

  color: #555555;

  font-size: 18px;

}



nav.megamenu-v2 ul.main-menu li i:before {

  content: "\f107";

}



nav.megamenu-v2 ul.main-menu li i.active:before {

  content: "\f106";

}



nav.megamenu-v2 ul.main-menu li:last-child {

  border: none;

}



.tp-banner-container {

  width: 100% !important;

  left: 0px !important;

}



.tp-banner-container span {

  display: inline-block;

  width: 100%;

  font-family: "Montserrat";

  font-weight: 700;

  font-size: 16px;

  color: #666;

  line-height: 50px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.tp-banner-container.ver1 {

  margin-bottom: 30px;

}



.tp-banner-container.ver4 {

  margin-bottom: 30px;

}



@media (max-width: 767px) {

  .tp-banner-container.ver4 {

    margin-top: 5px;

  }

}



.tp-banner-container .tp-caption img {

  position: absolute;

  top: 0px;

}



.tp-banner-container .tp-caption.size-100 {

  font-size: 100px;

}



.tp-banner-container .tp-caption.size-200 {

  font-size: 200px;

}



.tp-banner-container .tp-caption.size-130 {

  font-size: 130px;

}



.tp-banner-container .tp-caption.size-90 {

  font-size: 90px;

}



.tp-banner-container .tp-caption.size-80 {

  font-size: 80px;

}



.tp-banner-container .tp-caption.size-60 {

  font-size: 60px;

}



.tp-banner-container .tp-caption.size-55 {

  font-size: 55px;

}



.tp-banner-container .tp-caption.size-50 {

  font-size: 50px;

}



.tp-banner-container .tp-caption.size-42 {

  font-size: 42px;

  line-height: 72px;

}



.tp-banner-container .tp-caption.size-38 {

  font-size: 38px;

}



.tp-banner-container .tp-caption.size-34 {

  font-size: 34px;

}



.tp-banner-container .tp-caption.size-30 {

  font-size: 30px;

}



.tp-banner-container .tp-caption.size-28 {

  font-size: 28px;

  letter-spacing: 2px;

}



.tp-banner-container .tp-caption.size-24 {

  font-size: 24px;

}



.tp-banner-container .tp-caption.size-20 {

  font-size: 20px;

}



.tp-banner-container .tp-caption.size-18 {

  font-size: 18px;

}



.tp-banner-container .tp-caption.size-16 {

  font-size: 16px;

}



.tp-banner-container .tp-caption.size-14 {

  font-size: 14px;

}



.tp-banner-container .tp-caption.font-cap {

  text-transform: capitalize;

}



.tp-banner-container .tp-caption.t-transform-n {

  text-transform: none;

}



.tp-banner-container .tp-caption.weight-300 {

  font-weight: 300;

}



.tp-banner-container .tp-caption.weight-900 {

  font-weight: 900;

}



.tp-banner-container .tp-caption.weight-700 {

  font-weight: 700;

}



.tp-banner-container .tp-caption.lh-23 {

  line-height: 23px;

}



.tp-banner-container .tp-caption.letter-3 {

  letter-spacing: 3px;

}



.tp-banner-container .tp-caption.upper {

  text-transform: uppercase;

}



.tp-banner-container .tp-caption.bg-brand {

  background-color: #80b435;

  padding-left: 25px;

  padding-right: 25px;

}



.tp-banner-container .tp-caption.bg-white {

  background-color: #fff;

  line-height: 60px;

  padding-left: 30px;

  padding-right: 30px;

}



.tp-banner-container .tp-rightarrow {

  right: 20px !important;

  font: 400 36px/36px "FontAwesome";

  color: #333;

  height: 36px;

  width: 36px;

}



.tp-banner-container .tp-rightarrow:before {

  content: "";

  display: inline-block;

}



.tp-banner-container .tp-rightarrow:hover {

  color: #000;

}



.tp-banner-container .tp-leftarrow {

  left: 20px !important;

  font: 400 36px/36px "FontAwesome";

  color: #333;

  height: 36px;

  width: 36px;

}



.tp-banner-container .tp-leftarrow:hover {

  color: #000;

}



.tp-banner-container .tp-leftarrow:before {

  content: "";

  display: inline-block;

}



.tp-banner-container .large_bold_orange, .tp-banner-container .large_normal_grey {

  text-transform: uppercase;

  color: #eebb45;

  font-size: 70px;

}



.tp-banner-container .text-transform-cap {

  text-transform: capitalize !important;

}



.tp-banner-container .uppercase {

  text-transform: uppercase;

}



.tp-banner-container .letter-spacing {

  letter-spacing: 2px;

}



.tp-banner-container .letter-spacing-5 {

  letter-spacing: 5px;

}



.tp-banner-container .large_normal_grey {

  color: #888888;

}



.tp-banner-container .large_normal_grey .size-60 {

  font-size: 60px;

}



.tp-banner-container .text-shadow {

  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45);

}



.tp-banner-container .font-italic {

  font-style: italic;

}



.tp-banner-container .link-1 {

  display: inline-block;

  text-transform: uppercase;

  text-align: center;

  padding: 0 45px;

  font-size: 16px;

  border: 1px solid #80b435;

  color: #80b435;

}



.tp-banner-container .link-1.color-white a {

  color: #fff;

  font-weight: 300;

}



.tp-banner-container .link-1.color-white a:hover {

  color: #80b435;

}



.tp-banner-container .link-1 a {

  color: #80b435;

  font-weight: 700;

}



.tp-banner-container .link-1:hover {

  border: 1px solid #80b435;

  background: #80b435;

}



.tp-banner-container .link-1:hover a {

  color: #fff;

}



.tp-banner-container .link-1.link-2 {

  background: transparent;

  border: 2px solid #80b435;

  padding: 0 50px;

}



.tp-banner-container .link-1.link-2 a {

  color: #80b435;

}



.tp-banner-container .link-1.link-2:hover {

  background: #80b435;

}



.tp-banner-container .link-1.link-2:hover a {

  color: #fff;

}



.tp-banner-container .link-1.bg-brand {

  background-color: #80b435;

  border: 1px solid #80b435;

}



.tp-banner-container .link-1.bg-brand:hover {

  background: transparent;

  color: #80b435;

}



.tp-banner-container .link-1.border-white {

  border-color: #fff;

}



.tp-banner-container .link-1.border-white a {

  color: #fff;

}



.tp-banner-container .link-1.border-white:hover {

  border-color: #80b435;

}



.tp-banner-container .link-1.bg-green {

  background: #808f66;

  border: 1px solid #808f66;

}



.tp-banner-container .link-1.no-bg {

  background: none;

  border: none;

}



.tp-banner-container .link-1.border-green {

  background: transparent;

  border: 1px solid #b6b6b6;

}



.tp-banner-container .link-1.height-50 {

  line-height: 45px;

}



.tp-banner-container .link-1.height-40 {

  line-height: 38px;

}



.tp-banner-container .link-1.font-size13 {

  font-size: 13px;

}



.tp-banner-container .link-1.home2 {

  padding: 0 20px;

}



.tp-banner-container .link-3 a {

  color: #fff;

  border-bottom: 2px solid #e95252;

  position: relative;

}



.tp-banner-container .link-3 a:after {

  position: absolute;

  content: "";

  left: 0px;

  height: 2px;

  width: 0px;

  bottom: -2px;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.tp-banner-container .link-3 a:hover {

  color: #fff;

}



.tp-banner-container .link-3 a:hover:after {

  width: 100%;

  background: #fff;

}



.tp-banner-container .link-v4 {

  text-transform: uppercase;

  color: #000;

  letter-spacing: 3px;

  font-weight: 700;

}



.tp-banner-container .link-v4 a {

  color: #000;

  display: inline-block;

  line-height: 30px;

  border: 2px solid #000;

  font-size: 10px;

}



.tp-banner-container .font-os {

  font-family: "Oswald";

}



.tp-banner-container .font-play {

  font-family: "Playfair Display";

}



.tp-banner-container .font-pop {

  font-family: "Poppins";

}



.tp-banner-container .font-ro {

  font-family: "Roboto";

}



.tp-banner-container .font-roc {

  font-family: "Roboto Condensed";

}



.tp-banner-container .font-nel {

  font-family: "NexaLight";

}



.tp-banner-container .font-nelb {

  font-family: "NexaBold";

}



.tp-banner-container .font-mo {

  font-family: "Montserrat";

  font-weight: 700;

}



.tp-banner-container .font-ar {

  font-family: "Arial";

}



.tp-banner-container .font-ros {

  font-family: "Roboto Slab";

}



.tp-banner-container .font-300 {

  font-weight: 300;

}



.tp-banner-container .font-700 {

  font-weight: 700;

}



.tp-banner-container .letter-spacing-2 {

  letter-spacing: 2px;

}



.tp-banner-container .color-blue {

  color: #74cfe2;

}



.tp-banner-container .color-white {

  color: #eeeeee;

}



.tp-banner-container .color-grayd {

  color: #333333;

}



.tp-banner-container .color-brand {

  color: #80b435;

}



.tp-banner-container .color-black {

  color: #000;

}



.tp-banner-container .color-brown {

  color: #623f30;

}



.tp-banner-container .color-home2 {

  color: #808f66;

}



.tp-banner-container .color-ea8800 {

  color: #ea8800;

}



.tp-banner-container .bg-brown {

  background: #623f30;

}



.tp-banner-container .color-grays {

  color: #9d9d9d;

}



.tp-banner-container .color-2b2b2b {

  color: #2b2b2b;

}



.tp-banner-container .bg-orange {

  background: #ffb400;

  padding: 5px 10px;

  border-radius: 5px;

  text-transform: capitalize;

}



.tp-banner-container .bg-brand-home5 {

  background: #12a170;

  border-radius: 15px;

  border: 2px solid #80b435;

  padding: 5px 10px;

}



.tp-banner-container .color-gray {

  color: #555555;

}



.tp-banner-container .color-border {

  color: #000;

  text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}



.tp-banner-container .tp-caption .size-50 {

  font-size: 50px;

}



@media (min-width: 768px) {

  .tp-banner-container .tp-caption .size-50 br {

    display: none;

  }

}



@media (max-width: 1024px) {

  .tp-banner-container .tp-caption .size-50 {

    font-size: 30px;

  }

}



@media (max-width: 767px) {

  .tp-banner-container .tp-caption .size-50 {

    font-size: 20px;

    line-height: 20px;

  }

}



.tp-banner-container .tp-caption span.size-14 {

  font-size: 14px;

}



@media (max-width: 1024px) {

  .tp-banner-container .tp-caption span.size-14 {

    font-size: 10px;

  }

}



@media (max-width: 767px) {

  .tp-banner-container .tp-caption span.size-14 {

    margin-top: 25px;

  }

}



.tp-banner-container .tp-caption p.size-14 {

  font-size: 14px;

  line-height: 23px;

}



@media (max-width: 1024px) {

  .tp-banner-container .tp-caption p.size-14 {

    margin-top: 10px;

    font-size: 10px;

    line-height: 14px;

  }

}



@media (max-width: 767px) {

  .tp-banner-container .tp-caption p.size-14 {

    display: none;

  }

}



@media (max-width: 1024px) {

  .tp-banner-container .tp-caption .border {

    display: none;

  }

}



@media (max-width: 1024px) {

  .tp-banner-container .tp-caption .link-v5 {

    font-size: 10px;

    line-height: 20px;

    margin-top: 20px;

  }

}



.slide-show-container.slide-show-container-home5 {

  width: 68%;

  float: left;

  display: inline-block;

  max-width: 570px;

}



.box-slide-show.box-slide-show-home5 {

  width: 32%;

  float: right;

}



.box-slide-show.box-slide-show-home5 img {

  width: 100%;

}



.box-slide-show.box-slide-show-home5 .hover-effect-images:first-child {

  margin-bottom: 20px;

}



.box-slide-show.box-slide-show-home5 .hover-effect-images .text {

  position: absolute;

  bottom: 0px;

  left: 0px;

  background: #000;

  color: #fff;

  opacity: 0.8;

  text-transform: uppercase;

}



.box-slide-show.box-slide-show-home5 .hover-effect-images .text h3 {

  font-size: 12px;

  padding: 5px 15px;

}



.home-v5-slider ul {

  margin-bottom: 30px;

}



.home-v5-slider ul li {

  display: inline-block;

  font-size: 20px;

  margin-right: 20px;

  padding-right: 20px;

  color: #333333;

  text-transform: uppercase;

  cursor: pointer;

  position: relative;

}



.home-v5-slider ul li:after {

  position: absolute;

  content: "/";

  font-size: 20px;

  top: 0px;

  right: 0px;

  color: #333333;

}



.home-v5-slider ul li:last-child:after {

  content: "";

}



.home-v5-slider ul li:hover, .home-v5-slider ul li.active {

  color: #12a170;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev, .bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-next {

  box-shadow: none;

  border: none;

  background: none;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev i, .bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-next i {

  font-size: 24px;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-next:hover {

  box-shadow: none;

  background: none;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev:hover i, .bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-next:hover i {

  color: #12a170;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev {

  right: 30px;

}



.bottom-home1.bottom-home1-home5 .owl-carousel .owl-controls .owl-nav .owl-prev:after {

  position: absolute;

  content: "";

  height: 16px;

  width: 1px;

  background: #888888;

  top: 7px;

  right: 0px;

}



.bottom-home1.bottom-home1-home5 .products-item .product-content .product-name {

  color: #555555;

}



.bottom-home1.bottom-home1-home5 .products-item .product-content .product-price {

  color: #333333;

}



.bottom-home1.bottom-home1-home5 .products-item .product-content .add-to-cart {

  color: #12a170;

  font-family: "TXGB";

  font-size: 14px;

}



.bottom-home1.bottom-home1-home6 .products-item {

  width: 33.33%;

  float: left;

}



.bottom-home1.bottom-home1-home6 .products-item .product-images {

  width: 140px;

  margin-bottom: 20px;

}



.banner-home6-top .hover-effect-images img {

  width: 100%;

}



.menu-category {

  padding-left: 0px;

  padding-right: 0px;

  max-width: 270px;

  border: 1px solid #eeeeee;

  margin-top: -4px;

  margin-bottom: 20px;

}



.menu-category li {

  background: url(../images/Hermes-home7-icon-menucat.png) no-repeat scroll 25px 14px;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.menu-category li:hover {

  background-image: url(../images/Hermes-home7-icon-menucat-hover.png);

}



.menu-category li:hover a {

  color: #fe8989;

}



.menu-category li a {

  font-family: "TXGR";

  font-size: 15px;

  color: #555555;

  text-transform: capitalize;

  line-height: 52px;

  display: inline-block;

  width: 100%;

  padding-left: 65px;

  border-bottom: 1px solid #eeeeee;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.menu-category li:nth-child(2) {

  background-position: 25px -38px;

}



.menu-category li:nth-child(3) {

  background-position: 25px -90px;

}



.menu-category li:nth-child(4) {

  background-position: 25px -140px;

}



.menu-category li:nth-child(5) {

  background-position: 25px -190px;

}



.menu-category li:nth-child(6) {

  background-position: 25px -243px;

}



.menu-category li:nth-child(7) {

  background-position: 25px -298px;

}



.menu-category li:nth-child(8) {

  background-position: 25px -350px;

}



.menu-category li:last-child a {

  border: none;

}



.slide-show.slide-show-home7 {

  padding-right: 5px;

  margin-top: 20px;

  display: inline-block;

  width: 72%;

  max-width: 570px;

  float: left;

}



.box-slide-show.box-slide-show-home7 {

  float: right;

  width: 35%;

  margin-top: 20px;

  max-width: 270px;

}



.box-slide-show.box-slide-show-home7 img {

  width: 100%;

}



.box-slide-show.box-slide-show-home7 .hover-effect-images {

  margin-bottom: 20px;

}



.products.mason-v2 .product:nth-child(2n+1) {

  padding-right: 0px;

}



.slider-product.slider-product-home7 ul.tabs {

  text-align: left;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}



.slider-product.slider-product-home7 ul.tabs li {

  font-size: 20px;

  font-weight: 400;

  font-family: "TXGB";

  color: #666;

}



.slider-product.slider-product-home7 ul.tabs li.active, .slider-product.slider-product-home7 ul.tabs li:hover {

  color: #fe8989;

}



.slider-product.slider-product-home7 ul.tabs li:first-child {

  padding-left: 0px;

}



.slider-product.slider-product-home7 ul.tabs span {

  font-size: 20px;

}



.mockup-v2 .by-tags img {

  border-radius: 50%;

}



.pushmenu.menu-home6 {

  overflow-y: auto;

}



.nav-home6 {

  text-align: left;

}



.nav-home6 a {

  font: 700 18px "Roboto Condensed";

  text-transform: uppercase;

  color: #333;

  line-height: 50px;

}



.nav-home6 a:hover {

  color: #80b435;

}



.nav-home6 .menu-lv1 {

  border-top: 1px solid #e8e8e8;

  padding: 0 10px;

}



.nav-home6 .menu-lv1 a {

  text-transform: capitalize;

  font-weight: 400;

  font-size: 15px;

}



.nav-home6 .menu-lv1 a:before {

  width: 5px;

  height: 5px;

  background: #333;

  content: "";

  display: inline-block;

  margin-right: 6px;

  margin-bottom: 3px;

}



.nav-home6 .menu-lv1 a:hover:before {

  background: #80b435;

}



.nav-home6 .menu-lv1 .menu-lv2 {

  padding: 0 10px;

  border-top: 1px dashed #e8e8e8;

}



.nav-home6 .fa {

  float: right;

  font-size: 13px;

  display: inline-block;

  padding: 15px;

  cursor: pointer;

  display: none;

}



.nav-home6 .fa.active:before, .nav-home6 .ordering span.fa:hover:before, .ordering .nav-home6 span.fa:hover:before {

  content: "";

}



.nav-home6 .menu-lv1, .nav-home6 .menu-lv2 {

  display: none;

  float: left;

  width: 100%;

}



.nav-home6 li.lv1, .nav-home6 li.lv2 {

  border-bottom: 1px solid #e8e8e8;

  float: left;

  width: 100%;

}



.nav-home6 li.lv1:last-child, .nav-home6 li.lv2:last-child {

  border: none;

}



.nav-home6 li.lv2 {

  border-bottom: 1px dashed #cdcdcd;

}



.nav-home6 li.hassub .fa {

  display: inline-block;

  font-size: 0px;

  width: 50px;

  height: 50px;

  background: url(../images/icon-menu-home2.png) no-repeat scroll center top 20px;

}



.nav-home6 li.hassub .fa.active, .nav-home6 li.hassub .ordering span.fa:hover, .ordering .nav-home6 li.hassub span.fa:hover {

  background-position: center bottom 25px;

}



.nav-home6 li.hassub .lv2 .fa {

  display: none;

}



.nav-home6 li.hassub .lv2.hassub .fa {

  display: inline-block;

}



.nav-home6 li.hassub .lv2.hassub .lv3 .fa {

  display: none;

}



.furniture {

  display: inline-block;

  width: 100%;

  margin-bottom: 30px;

}



.furniture .product {

  text-align: left;

}



.rtl .furniture .product {

  text-align: right;

}



.furniture .product .product-title {

  padding: 0 20px;

}



.furniture .product .product-price-old {

  margin-left: 20px;

}



.client-say {

  margin-top: 10px;

}



@media (max-width: 460px) {

  .tp-banner-container .tp-rightarrow, .tp-banner-container .tp-leftarrow {

    width: 30px;

    background-size: 100% auto;

  }

}



.hoz-tab-container .tabs li {

  font-size: 20px;

}



.categories-home3 {

  position: relative;

}



.categories-home3 .icon-click {

  position: absolute;

  font-size: 25px;

  color: #80b435;

  right: 10px;

  top: 20px;

}



.categories-home3 .icon-click.active:before, .categories-home3 .ordering span.icon-click:hover:before, .ordering .categories-home3 span.icon-click:hover:before {

  content: "\f139";

}



@media (min-width: 768px) {

  .categories-home3 .icon-click {

    display: none;

  }

  .menu-vertical {

    display: inline-block;

  }

}



@media (max-width: 767px) {

  .menu-vertical {

    display: none;

  }

}



/** 6.7. Pages **/

/** 6.7.1. About Us **/

/** 6.7.2. Contact Us **/

/** 6.7.3. Shopping Cart**/

/** 6.7.4. Page 404 **/

.page-404 {

  position: relative;

}



.page-404 .text {

  width: 100%;

}



.page-404 .text h3 {

  font: 700 36px/40px "Roboto Slab";

  color: #2b2b2b;

  text-transform: uppercase;

  margin-bottom: 30px;

}



.page-404 .text p {

  font: 300 18px "Roboto Slab";

  color: #2b2b2b;

  margin-bottom: 30px;

}



.page-404 .text p a {

  color: #80b435;

  margin-left: 15px;

}



.page-404 .text p a i {

  font-size: 14px;

}



.page-404 .text form {

  position: relative;

  width: 670px;

  margin: auto;

  margin-bottom: 100px;

}



.page-404 .text input {

  height: 50px;

  width: 670px;

  background: none;

  border: 1px solid #517664;

  font: 300 16px/48px "Roboto Condensed";

  color: #fff;

  padding-left: 20px;

}



.page-404 .text button {

  font: 700 16px/41px "Roboto Condensed";

  width: 130px;

  border: 1px solid #fff;

  color: #000;

  text-transform: uppercase;

  position: absolute;

  height: 43px;

  right: 2px;

  top: 3px;

  transition: all 0.3s ease 0s;

}



.page-404 .text button:hover {

  background: none;

  color: #fff;

}



.page-404 .icon-box {

  margin-bottom: 80px;

}



@media (max-width: 1200px) {

  .page-404 .icon-box {

    margin-top: 40px;

    margin-bottom: 40px;

  }

  .page-404 .icon-box img {

    width: 80px;

  }

  .page-404 .text h3 {

    font-size: 24px;

    margin-bottom: 10px;

  }

  .page-404 .text p {

    font-size: 15px;

  }

  .page-404 .text input, .page-404 .text form {

    max-width: 100%;

    width: calc(100% - 30px);

  }

  .page-404 .text input {

    width: 100%;

  }

}



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

  .page-404 {

    height: 500px;

  }

  .page-404 .images img {

    width: 1000px;

    max-width: inherit;

  }

  .page-404 .text h3 {

    font-size: 16px;

    line-height: 20px;

  }

  .page-404 .text p {

    font-size: 12px;

  }

  .page-404 .text button {

    width: 80px;

  }

  .page-404 .text input {

    padding-right: 80px;

  }

}



@media (max-width: 479px) {

  .page-404 {

    height: 400px;

    overflow: hidden;

  }

  .page-404 .images img {

    width: 1000px;

    max-width: inherit;

  }

  .page-404 .icon-box img {

    width: 50px;

  }

  .page-404 .text h3 {

    font-size: 16px;

    line-height: 20px;

  }

  .page-404 .text p {

    font-size: 12px;

  }

  .page-404 .text button {

    width: 80px;

  }

  .page-404 .text input {

    padding-right: 80px;

  }

}



.page-404 h1 {

  font-size: 250px;

  font-weight: 700;

  color: #d6d6d6;

}



.page-404 h2 {

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 700;

  color: #333333;

}



.page-404 h3 {

  font-size: 28px;

  text-transform: uppercase;

  color: #555555;

}



.page-404 a.link-button {

  margin: 0px 10px;

}



#googleMap {

  height: 640px;

  display: inline-block;

  width: 100%;

}



.map-icon-label {

  background: url(../imaes/google-map-icon.png) no-repeat;

}



.page-faq .content-text {

  border-bottom: 1px solid #ddd;

  padding-bottom: 30px;

}



.page-faq .content-text:last-child {

  border: none;

}



.page-faq .content-text h2 {

  color: #80b435;

  font: 400 30px/30px "Roboto Slab";

  margin-bottom: 50px;

}



.page-faq .content-text h3 {

  font: 400 20px/25px "Roboto Condensed";

  color: #333;

  margin-bottom: 0px;

}



.page-faq .content-text h3:after {

  width: 0px;

}



.page-faq .content-text p {

  font: 400 16px/25px "Roboto Slab";

  color: #949494;

}



.page-contact .head {

  background: #fff;

  position: relative;

  padding: 40px;

  box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);

  display: inline-block;

  width: 100%;

  margin-top: -100px;

  margin-bottom: 35px;

}



.page-contact .head .item {

  width: 33.33%;

  float: left;

  display: table;

}



.page-contact .head .item:nth-child(2), .page-contact .head .item:nth-child(3) {

  padding-left: 50px;

}



.page-contact .head .item .icon, .page-contact .head .item .text {

  display: table-cell;

  vertical-align: middle;

}



.page-contact .head .item .text p {

  font: 400 18px/20px "Roboto Condensed";

  padding-left: 20px;

}



.page-contact .head .item .icon {

  width: 60px;

}



.page-contact .head .item .icon span {

  width: 40px;

  height: 40px;

  background: #80b435;

  line-height: 40px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 50%;

}



.page-contact .content-text {

  width: 100%;

  max-width: 660px;

  margin: auto;

}



.page-contact .content-text h3 {

  color: #80b435;

  font: 400 48px/50px "Roboto Slab";

  margin-bottom: 0px;

}



.page-contact .content-text h3:after {

  height: 0px;

}



.page-contact .content-text p {

  font: 400 24px/30px "Roboto Slab";

  color: #333;

  margin-bottom: 50px;

}



.page-contact .content-text .form-control {

  border: 1px solid #e6e6e6;

}



.page-contact .content-text textarea {

  min-height: 130px;

}



.shopping-cart .breadcrumb {

  margin-bottom: 50px;

}



.shopping-cart .shipping-total {

  margin-bottom: 80px;

  display: inline-block;

  width: 100%;

}



.wishlist .breadcrumb {

  margin-bottom: 50px;

}



.login-box-container {

  text-align: center;

  display: inline-block;

  width: 100%;

  margin-bottom: 50px;

}



.login-box-container ul.tabs {

  margin-bottom: 30px;

}



.login-box-container ul.tabs li {

  display: inline-block;

  text-transform: uppercase;

  color: #c6c6c6;

  font-size: 14px;

  letter-spacing: 2px;

  position: relative;

  padding-right: 20px;

  margin-right: 10px;

  cursor: pointer;

  font-weight: 700;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.login-box-container ul.tabs li:last-child {

  padding-right: 0px;

  margin-right: 0px;

}



.login-box-container ul.tabs li:last-child:after {

  content: "";

}



.login-box-container ul.tabs li:last-child.active:before, .login-box-container ul.tabs li:last-child:hover:before {

  right: 2px;

}



.login-box-container ul.tabs li:after {

  position: absolute;

  content: "/";

  right: 0px;

  top: 0px;

}



.login-box-container ul.tabs li:before {

  position: absolute;

  bottom: 0px;

  left: 0px;

  height: 2px;

  background: #000;

}



.login-box-container ul.tabs li.active, .login-box-container ul.tabs li:hover {

  color: #000000;

}



.login-box-container ul.tabs li.active:before, .login-box-container ul.tabs li:hover:before {

  content: "";

  right: 21px;

}



.login-box-container .tab-container p {

  font-family: "Poppins";

  font-size: 13px;

  color: #858585;

  margin-bottom: 60px;

}



.login-box-container .form-control {

  border: none;

  border-bottom: 2px solid #252525;

  box-shadow: none;

  max-width: 360px;

  padding-left: 0px;

  font-family: "Poppins";

  font-size: 13px;

  color: #636363;

}



.login-box-container .contact-form .col-md-6 .form-control {

  float: left;

}



.login-box-container .contact-form .col-md-6:nth-child(2n+1) .form-control {

  float: right;

}



#lightgallery .col-md-4 {

  padding: 0px;

}



#lightgallery .col-md-4 img {

  width: 100%;

}



#lightgallery .hover-images {

  position: relative;

}



#lightgallery .hover-images:after {

  position: absolute;

  height: 26px;

  width: 26px;

  top: 50%;

  left: 50%;

  margin-top: -13px;

  margin-left: -13px;

  background: url(../images/lbook-plus.png) no-repeat;

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  content: "";

  opacity: 0;

}



#lightgallery .hover-images:hover:after {

  opacity: 1;

}



#lightgallery .effect-v6 img {

  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.lookbook-v4 img, .lookbook-v5 img {

  width: 100%;

}



.lookbook-v4 .col-md-12, .lookbook-v4 .col-md-6, .lookbook-v5 .col-md-12, .lookbook-v5 .col-md-6 {

  padding: 0px;

  background: #141618;

}



.lookbook-v4 .bg-container, .lookbook-v5 .bg-container {

  background: #141414;

  overflow: hidden;

}



.slider-loobook2 .items {

  position: relative;

  margin-bottom: 100px;

  padding: 50px 0px;

}



.slider-loobook2 .items .text {

  position: absolute;

  left: 100px;

  right: 100px;

  background: #fff;

  bottom: -65px;

  padding-top: 65px;

  text-align: center;

}



.slider-loobook2 .items .text h3 {

  font: 400 40px "Playfair Display";

  color: #000;

  line-height: 40px;

  margin-bottom: 15px;

}



.slider-loobook2 .items .text p {

  font-weight: 300;

  font-family: "Oswald";

  text-transform: uppercase;

  letter-spacing: 3px;

  color: #9d9d9d;

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 35px;

}



.slider-loobook2 .items .text p:after {

  position: absolute;

  content: "";

  left: 50%;

  width: 70px;

  height: 2px;

  background: #000;

  bottom: 0px;

  margin-left: -35px;

}



.slider-loobook2 .items .text a {

  display: inline-block;

  padding: 10px;

  background: #000;

  color: #fff;

  border: 2px solid #000;

}



.table.wishlist {

  margin-bottom: 100px;

}



@media (max-width: 767px) {

  .table.wishlist {

    margin-bottom: 50px;

  }

}



.table.wishlist img {

  width: 100px;

}



.table.wishlist tbody tr:first-child td {

  border-top: none;

}



.table.wishlist tbody tr {

  padding: 30px 0px;

}



.table.wishlist tbody td {

  vertical-align: middle;

  padding-top: 20px;

  padding-bottom: 20px;

}



@media (min-width: 768px) {

  .table.wishlist tbody .product-photo {

    width: 120px;

  }

}



.table.wishlist tbody .produc-name {

  text-align: left;

  font: 400 14px/20px "Poppins";

}



@media (min-width: 768px) {

  .table.wishlist tbody .produc-name {

    width: 350px;

  }

}



.table.wishlist tbody .produc-name a {

  color: #333;

}



.table.wishlist tbody .produc-name a:hover {

  color: #80b435;

}



.table.wishlist tbody .produc-name p {

  margin: 0px;

  color: #979797;

}



.table.wishlist tbody .product-remove a {

  color: #333;

  font-family: "Poppins";

}



.table.wishlist tbody .product-price {

  font-family: "Poppins";

}



@media (min-width: 768px) {

  .table.wishlist tbody .product-price {

    width: 200px;

  }

}



@media (max-width: 480px) {

  .table.wishlist tbody .product-price {

    display: none;

  }

}



@media (max-width: 480px) {

  .table.wishlist tbody .product-instock {

    display: none;

  }

}



.table.wishlist tbody .product-instock a, .table.wishlist tbody .product-instock span {

  font: 400 10px/20px "Oswald";

  letter-spacing: 2px;

  border: 2px solid #000;

  text-transform: uppercase;

  display: inline-block;

  width: 100px;

  text-align: center;

  color: #000;

}



.table.wishlist tbody .product-instock span {

  border-color: #e7e7e7;

  background: #e7e7e7;

  color: #c1c1c1;

}



.table.wishlist tbody .add-cart {

  text-align: right;

}



.table.wishlist tbody .add-cart a.btn {

  height: 44px;

  line-height: 40px;

  width: 130px;

  text-align: center;

  font-size: 10px;

  padding: 0px;

  background: #f56666;

  border-color: #f56666;

}



.accordion .panel-title a {

  color: #80b435;

  font: 700 18px/25px "Roboto Condensed";

}



#collapse-v2-Three {

  padding-top: 30px;

}



#collapse-v2-Three #customer h3 {

  margin-bottom: 20px;

}



.accordion .panel-default:last-child .panel-heading {

  border: none;

}



.accordion .panel-group {

  margin-bottom: 0px;

}



/** 7. Templates Layout **/

@media (min-width: 1500px) {

  .container {

    padding: 0px 30px;

    width: 100%;

  }

  .container .col-md-5 {

    max-width: 725px;

  }

  .container .col-md-5.padding-right-0 {

    padding-right: 0px;

  }

  .container .col-md-5.padding-left-0 {

    padding-left: 0px;

  }

  .container .col-md-5.pro {

    max-width: 733px;

  }

  .container .col-md-7 {

    width: 1115px;

  }

  .container .col-md-7.pro {

    width: 1125px;

  }

  .blog-slider .blog-post-item .blog-post-content {

    left: 60px;

    right: 60px;

  }

  .related-products .product-details {

    padding: 60px 80px;

  }

  .newsletter {

    margin-bottom: 75px;

  }

  .newsletter .col-md-5 .col-md-6:first-child .border-free-shipping {

    padding: 40px 40px 42px;

  }

  .breadcrumb {

    margin-bottom: 40px;

  }

  #secondary {

    width: 20%;

  }

  #primary {

    width: 80%;

  }

  .wrap-googlemap .col-md-6:nth-child(2n+1) {

    padding-right: 15px;

  }

  .wrap-googlemap .col-md-6:nth-child(2n) {

    padding-left: 15px;

  }

}



@media (min-width: 1025px) and (max-width: 1499px) {

  .container .col-md-5 {

    width: 39.5%;

  }

  .container .col-md-7 {

    width: 60.5%;

  }

  .related-products .product-details {

    padding: 30px;

  }

  .related-products .product-details h4 {

    font-size: 12px;

    margin-bottom: 10px;

  }

  .related-products .product-details h3 {

    font-size: 35px;

  }

  .related-products .product-details .price {

    margin: 15px 0 10px;

    font-size: 35px;

  }

  .related-products .product-details .product-content {

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 19px;

  }

  .related-products .product-details a {

    margin: 0px;

  }

  .product-img-box #image-view {

    max-width: 600px;

  }

  .banner-top-home3 .items {

    padding: 40px 20px 15px;

  }

  .banner-top-home3 .items .text {

    padding: 20px;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title {

    width: 300px;

  }

  #header.header-v4 #topbar .topbar-left a {

    width: 300px;

  }

  .best-selling .col-md-4 .product-images {

    margin-left: 10px;

    margin-right: 10px;

  }

  .slider-loobook2 .slick-next {

    right: 195px;

  }

  .slider-loobook2 .slick-prev {

    left: 195px;

  }

  .slider-slick-home8 .slick-next {

    right: 320px;

  }

  .slider-slick-home8 .slick-prev {

    left: 320px;

  }

  .slider-loobook2 .slick-list.draggable {

    padding: 0 285px;

  }

  .tab-product-all-mason .col-md-7 .slider-one-item {

    width: 750px;

  }

  .slider-full-screen2 {

    position: relative;

  }

  .slider-full-screen2 .col-md-2 {

    width: 270px;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9;

  }

  .slider-full-screen2 .col-md-10 {

    width: 100%;

    margin-bottom: 30px;

  }

  .slider-full-screen2 .col-md-10 .slider-one-item {

    height: 606px;

  }

  .slider-full-screen2 .col-md-10 .owl-carousel .owl-item {

    height: 606px;

  }

  .slider-full-screen2 .bx-viewport {

    height: 571px;

  }

  .slider-full-screen2 .slide:before {

    width: 20px;

  }

  .slider-full-screen2 .slide .text {

    padding-left: 30px;

  }

  .slider-full-screen2 .slide .text h3 {

    font: 300 10px/20px "Oswald";

  }

  .slider-full-screen2 .slider-one-item .product .text {

    top: 25%;

    left: 300px;

  }

  .slider-full-screen2 .slider-one-item .owl-dots {

    padding-left: 300px;

    bottom: 100px;

  }

  .slider-full-screen2 .products .product .product-images img {

    float: right;

    height: 606px;

    width: auto;

  }

  .wrap-googlemap .col-md-6:nth-child(2n+1) {

    padding-right: 15px;

  }

  .wrap-googlemap .col-md-6:nth-child(2n) {

    padding-left: 15px;

  }

  .blog-masonry .inner-por-masonry .grid-item {

    height: 316px;

  }

  .blog-masonry .inner-por-masonry .grid-item.width-2x {

    height: 632px;

  }

  .popup-content-wrapper {

    margin-top: 100px;

  }

}



@media (max-width: 1024px) {

  #topbar .voucher {

    display: none;

  }

  .container {

    padding: 0px 15px;

  }

  .container .col-md-5, .container .col-md-7 {

    width: 100%;

    display: inline-block;

  }

  #primary.float-left {

    padding-right: 0px;

  }

  #secondary.col-md-3.float-right {

    border: none;

    padding-left: 0px;

  }

  #primary.col-md-9 {

    padding-left: 0px;

  }

  #secondary.col-md-3 {

    padding-right: 0px;

  }

  .banner-header.banner-lbook3 img {

    min-height: 150px;

  }

  #header .header-top {

    padding-top: 20px;

  }

  #header .header-top .menu-top {

    display: none;

  }

  #header .header-top .logo {

    display: none;

  }

  #header .header-top .logo-mobile {

    display: inline-block;

    float: left;

  }

  #header .header-top .search, #header .header-top .settings {

    margin-top: 10px;

  }

  #header .header-top .cart {

    margin-right: 0px;

    margin-top: 5px;

  }

  #header .header-top .cart .icons {

    color: #000;

  }

  #header .header-top .col-sm-3 {

    padding-right: 5px;

  }

  #header.absolute {

    padding-top: 5px;

  }

  #header.header-v3 .header-top .container:before {

    height: 0px;

  }

  #header.header-v3 #topbar .logo {

    display: none;

  }

  #header.header-v3.header-v6 #topbar .logo {

    display: inline-block;

  }

  #header.header-v2 .box-right {

    padding-right: 20px;

  }

  #header.header-v4 #topbar .topbar-left {

    width: 100%;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title, #header.header-v4 #topbar .topbar-left a {

    width: 33%;

    text-align: center;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title:nth-child(3), #header.header-v4 #topbar .topbar-left a:nth-child(3) {

    border: none;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title span {

    display: none;

  }

  #header.header-v4 #topbar .topbar-right {

    width: 100%;

    text-align: center;

  }

  #header.header-v4 #topbar .topbar-right .social {

    margin-top: 10px;

  }

  #header.header-v4 .header-top .container:before {

    height: 0px;

  }

  .home1-banner1 img {

    margin: auto;

  }

  .box-home2 {

    display: inline-block;

    width: 100%;

  }

  .icon-menu-mobile {

    display: inline-block;

    width: 100%;

    padding: 5px 0px;

    cursor: pointer;

  }

  .icon-menu-mobile.active i, .ordering span.icon-menu-mobile:hover i {

    background: url("../images/icon-menu-mobile-active.svg") no-repeat scroll 0px 0px;

    background-size: 18px auto;

  }

  .icon-menu-mobile i {

    height: 23px;

    width: 32px;

    color: #000;

    background: url("../images/icon-menu-mobile.svg") no-repeat;

    background-size: 24px auto;

  }

  .icon-menu-mobile i::before {

    content: "";

  }

  .product-details-content img {

    max-width: 100%;

  }

  .product-details-content .action a.link-v1.add-cart {

    width: 150px;

  }

  .hoz-tab-container:after {

    width: 0px;

  }

  .hoz-tab-container .tabs, .hoz-tab-container .tab-container {

    width: 100%;

  }

  .hoz-tab-container .tabs {

    max-width: inherit;

    text-align: center;

    width: 100%;

    margin-bottom: 20px;

  }

  .hoz-tab-container .tabs li {

    display: inline-block;

    width: auto;

    border: none;

    font-size: 20px;

    margin: 0 10px;

  }

  .hoz-tab-container .tab-container #description p {

    line-height: 24px;

    font-size: 15px;

  }

  .hoz-tab-container .tab-container .tab-content h3 {

    font-size: 18px;

    line-height: 20px;

  }

  .hoz-tab-container .tab-container .tab-content p {

    font-size: 15px;

    line-height: 24px;

  }

  .icon-menu-mobile {

    float: left;

    width: auto;

    margin-top: 8px !important;

    margin-right: 10px;

  }

  .fa-plus.active::before, .ordering span.fa-plus:hover::before {

    content: "\f068";

  }

  .newsletter-bottom {

    overflow: hidden;

  }

  .newsletter-bottom img {

    max-width: inherit;

    height: 100%;

  }

  .mega-menu {

    padding: 0 15px;

  }

  .mega-menu .navbar-header {

    display: inline-block;

    width: 100%;

    padding: 5px 0px;

  }

  .mega-menu ul.navbar-nav {

    display: none;

    margin-bottom: 20px;

    border: 1px solid #eeeeee;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2 {

    height: auto;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2:hover .menu-level-2 {

    left: 0px;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2 .menu-level-2 {

    display: none;

    opacity: 1;

    -webkit-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

  }

  .mega-menu ul.navbar-nav .sub-menu {

    display: none;

    min-width: 100%;

    padding: 0px 20px;

  }

  .mega-menu ul.navbar-nav .sub-menu .top-sub-menu {

    display: none;

  }

  .mega-menu ul.navbar-nav .sub-menu .bottom-sub-menu {

    display: none;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 {

    padding: 0 0 10px 20px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li {

    display: inline-block;

    width: 100%;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 {

    height: auto;

    padding-top: 0px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 a {

    font: 400 14px/40px "Roboto Slab";

    text-transform: capitalize;

    letter-spacing: 0px;

    padding-left: 15px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 a:after {

    width: 5px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2 img {

    display: none;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level2.images {

    border: none !important;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li li.level3 a::after {

    top: 8px;

  }

  .mega-menu ul.navbar-nav li {

    display: inline-block !important;

    width: 100% !important;

    border-left: none;

    position: relative;

  }

  .mega-menu ul.navbar-nav li a {

    height: auto;

    line-height: 40px;

    background: none;

    text-align: left;

    padding-left: 20px;

    color: #888;

  }

  .mega-menu ul.navbar-nav li a:hover {

    background: none;

    color: #000;

  }

  .mega-menu ul.navbar-nav li.dropdown.active a {

    background: none;

    color: #000;

  }

  .mega-menu ul.navbar-nav li.level1 {

    border-bottom: 1px solid #eeeeee;

  }

  .mega-menu ul.navbar-nav li.level1:last-child {

    border-bottom: none;

    border-right: none;

  }

  .mega-menu ul.navbar-nav li.hassub i {

    display: block;

    position: absolute;

    right: 0px;

    top: 0px;

    padding: 13px;

    font-size: 12px;

  }

  .mega-menu ul.navbar-nav li.level3 i {

    display: none !important;

  }

  .mega-menu {

    width: 100%;

    float: initial;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 {

    opacity: 1;

    position: static;

    transform: translate(0px, 0px);

    -webkit-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    display: none;

    background: none;

    padding: 0px 35px;

    margin: 0px;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li a {

    color: #000 !important;

    border-bottom: none;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li a:after {

    top: 6px;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2:hover {

    overflow: hidden;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2 i {

    display: none;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2.hassub i {

    display: block;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 li.level2 li:first-child {

    padding-top: 0px;

  }

  .mega-menu ul.navbar-nav ul.menu-level-1 .menu-level-2 {

    left: 0px;

    position: relative;

    top: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .mega-menu ul.navbar-nav li {

    text-align: left;

  }

  .mega-menu ul.navbar-nav li.level1 {

    padding: 0px;

  }

  .mega-menu ul.navbar-nav li.dropdown.images {

    position: relative;

  }

  .mega-menu ul.navbar-nav li.hassub i {

    color: #555555;

  }

  .mega-menu ul.navbar-nav li.level2 {

    padding: 0px;

    border-top: 1px dashed #eeeeee !important;

    height: 30px;

    line-height: 30px;

  }

  .mega-menu ul.navbar-nav li.level2 a {

    padding-left: 15px;

  }

  .mega-menu ul.navbar-nav .sub-menu {

    transform: translate(0px, 0px);

    background: none;

    -webkit-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 {

    padding: 0;

    padding-left: 15px;

    margin: 0px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li .menu-level-2 {

    padding-left: 20px;

  }

  .mega-menu ul.navbar-nav .sub-menu ul.menu-level-1 li.level3:last-child {

    border-bottom: none;

  }

  .shipping-container .shipping-content {

    padding: 0px;

  }

  .shipping-container .shipping-content .col-md-4 {

    width: 100%;

    padding: 15px 0px;

    border-bottom: 1px solid #ececec;

    border-right: none;

  }

  .shipping-container .shipping-content .col-md-4:last-child {

    border: none;

  }

  .container .col-md-7:first-child, .container .col-md-5:first-child {

    margin-bottom: 30px;

  }

  .banner-home2 .col-md-5 a {

    width: 100%;

  }

  .contact-us .col-md-6:last-child {

    padding: 0px;

  }

  .contact-us .form-horizontal .col-md-6:nth-child(2n) {

    padding-left: 0px;

  }

  .contact-us .contact-form {

    padding: 50px 30px 30px;

  }

  .contact-us .contact-form p::after {

    left: -18px;

    right: -18px;

  }

  .blog-slider .blog-post-item .blog-post-content .blog-title {

    padding: 0px 20px;

  }

  .slide-show-home3 .col-md-9, .slide-show-home3 .col-md-3 {

    padding: 0px !important;

  }

  .slide-show-home3 .col-md-3 {

    margin-top: 30px;

  }

  .newsletter-v2 {

    text-align: center;

  }

  .newsletter-v2 .col-md-6:last-child {

    margin-top: 30px;

    text-align: center;

  }

  .cat-box-home3 .col-md-6 {

    padding: 0px !important;

  }

  .slider-one-item-home3 .product .text {

    width: 400px;

    height: 200px;

    margin-left: -200px;

    margin-top: -100px;

  }

  .slider-one-item-home3 .product .text h4 {

    font-size: 12px;

    margin-top: 20px;

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

  .slider-one-item-home3 .product .text h3 {

    font-size: 30px;

    margin-bottom: 15px;

  }

  .slider-one-item-home3 .product .text button {

    height: 30px;

    line-height: 26px;

    padding: 0 25px;

    font-size: 10px;

    margin-top: 10px;

  }

  .shipping-v2 i.icons {

    font-size: 25px;

  }

  .shipping-v2 h3 {

    font-size: 10px;

  }

  .shipping-v2 p {

    font-size: 10px;

    line-height: 15px;

  }

  .shipping-v2 .col-md-3:after {

    top: 15px;

    height: 60px;

  }

  .banner-home4-top .col-md-6 {

    width: 100%;

  }

  .tab-product-all {

    padding: 0px 15px;

  }

  .newsletter-home4 .col-md-4 {

    padding: 0px !important;

  }

  .banner-hom7-center .col-md-6 {

    display: inline;

  }

  .instafeed .items {

    width: 33.33%;

  }

  .instafeed .items:nth-child(4), .instafeed .items:nth-child(5) {

    width: 50%;

  }

  .banner-hom7-center .banner-private-v2 {

    display: inline-block;

  }

  .banner-hom7-center .banner-private-v2 .text {

    width: 400px;

    height: 200px;

    margin-left: -200px;

    margin-top: -100px;

  }

  .banner-hom7-center .banner-private-v2 .text h4 {

    font-size: 12px;

    margin-top: 20px;

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

  .banner-hom7-center .banner-private-v2 .text h3 {

    font-size: 30px;

    margin-bottom: 15px;

  }

  .banner-hom7-center .banner-private-v2 .text button {

    height: 30px;

    line-height: 26px;

    padding: 0 25px;

    font-size: 10px;

    margin-top: 10px;

  }

  #header .header-top .container::before {

    height: 0px;

  }

  .shipping-container.shipping-container-home8 {

    padding-top: 30px;

  }

  .shipping-container.shipping-container-home8 .shipping-content .col-md-4 {

    border-bottom: 1px solid #2d2d2d;

  }

  .slider-slick-home8 .slick-prev, .slider-slick-home8 .slick-next {

    width: 80px;

  }

  .slider-slick-home8 .slick-prev {

    left: 215px;

  }

  .slider-slick-home8 .slick-next {

    right: 215px;

  }

  .time .distance {

    width: 150px;

  }

  .banner-home8-top .col-md-12 {

    width: 100%;

  }

  .slider-slick-home8 .slick-slide h3 {

    font-size: 20px;

    line-height: 20px;

  }

  .product-img-box #image-view {

    float: initial;

  }

  .product-img-box .product-thumb {

    text-align: center;

    width: 100%;

  }

  .product-img-box .thumb-content {

    max-width: 100%;

    text-align: center;

    margin-top: 30px;

  }

  .product-img-box .thumb-content li {

    display: inline-block;

    max-width: 100px;

    float: initial;

  }

  .mockup .row:nth-child(2n) {

    background: none;

  }

  .mockup .row:nth-child(2n) .mockup-text {

    background: #262626;

  }

  .mockup .col-md-6 {

    width: 100%;

  }

  #customer .col-md-6 {

    padding: 0px;

  }

  .slider-loobook2 .items .text {

    right: 50px;

    left: 50px;

  }

  .container.container-ver2 {

    width: 100%;

  }

  .cart-box-container .col-md-8, .cart-box-container .col-md-4 {

    padding: 0px;

  }

  .title-page h3 {

    font-size: 30px;

    padding-bottom: 10px;

  }

  .boxed-content.images {

    width: 100%;

  }

  .boxed-content.boxed-content-v2 {

    margin-left: 30px;

  }

  .icon-box-v5 .feature-box.ver4 {

    background-size: 100% auto;

  }

  .tab-v1 .nav-tabs li {

    width: 100%;

    margin-bottom: 5px;

  }

  .tab-v1 .nav-tabs li.active a:after, .tab-v1 .nav-tabs li:hover a:after {

    position: static;

    border: none;

  }

  .tab-v1 .custom-content .col-md-6 {

    padding: 0px;

    margin-bottom: 30px;

  }

  .tab-v1 .custom-content .col-md-6 img {

    max-width: 100%;

  }

  .banner-home3-lookbook2 .text {

    height: 190px;

    margin-top: -95px;

    top: 50%;

  }

  .banner-home3-lookbook2 .text h3 {

    font: 300 20px/30px "Oswald";

    padding-bottom: 20px;

  }

  .banner-home3-lookbook2 .text .icons {

    font-size: 50px;

    padding-bottom: 30px;

  }

  .banner-home-collec1.related-products .product-details .text {

    left: 30px;

    top: 20%;

    max-width: 400px;

  }

  .banner-home-collec1.related-products .product-details h3 {

    font-size: 30px;

  }

  .banner-home-collec1.related-products .product-details h4 {

    font-size: 12px;

    margin-bottom: 15px;

  }

  .banner-home-collec1.related-products .product-details .product-content {

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 20px;

  }

  .products.grid_full.grid_sidebar.list-item .item-inner {

    width: 100%;

  }

  .product-details-content.product-details-content-v2 .col-md-5 {

    position: relative;

    top: 0px;

    left: 0px;

  }

  .product-details-content.product-details-content-v2 .box-details-info {

    padding-left: 0px;

    padding-right: 0px;

  }

  #description .row {

    margin: 0px;

  }

  .mockup-v2 .col-md-6 .text {

    margin-top: -5px;

    padding-top: 30px;

    padding-left: 20px;

  }

  .banner-product-details3 h3 {

    font: 400 30px/30px "Oswald";

  }

  .container-ver2 .product-details-content .col-md-6:last-child {

    padding: 0px;

  }

  .container-ver2 .product-details-content .box-details-info {

    padding: 0px;

  }

  .container-ver2 .product-details-content .box-detalis-v2 .options {

    padding: 0px;

  }

  .blog-classic #secondary.col-md-3, .blog-classic #primary.col-md-9 {

    width: 100%;

    padding: 0px;

  }

  .blog-post-container .blog-post-item .blog-post-image iframe {

    max-width: 100%;

  }

  .form-horizontal .form-group.col-md-6 {

    padding: 0px !important;

  }

  #footer {

    text-align: center;

  }

  #footer .logo-footer, #footer .menu-footer, #footer .social {

    margin: auto;

    width: 100%;

    float: initial;

    margin-bottom: 20px;

    text-align: center;

  }

  #footer .menu-footer li a {

    margin: 0 10px;

  }

  #footer.footer-v3 {

    padding-left: 0px;

    padding-right: 0px;

    text-align: left;

    margin-bottom: 0px;

  }

  #footer.footer-v3 .footer-inner {

    padding-left: 15px;

    padding-right: 15px;

  }

  #footer.footer-v3 .footer-inner .col-md-3, #footer.footer-v3 .footer-inner .col-md-2 {

    margin-bottom: 30px;

  }

  #footer.footer-v3 .social {

    text-align: left;

  }

  .blog-masonry .inner-por-masonry .grid-item {

    height: auto;

    width: 50%;

  }

  .blog-masonry .inner-por-masonry .grid-item.width-2x {

    height: auto;

    width: 100%;

  }

  .blog-masonry .inner-por-masonry .grid-item h3, .blog-masonry .inner-por-masonry .grid-item h4, .blog-masonry .inner-por-masonry .grid-item p {

    position: absolute;

    bottom: 40px;

    left: 0px;

  }

  .blog-masonry .inner-por-masonry .grid-item h3 {

    bottom: 50px;

  }

  .blog-masonry .inner-por-masonry .grid-item p {

    bottom: 60px;

  }

  .blog-masonry .inner-por-masonry .grid-item:hover:after {

    opacity: 0;

  }

  .blog-masonry .inner-por-masonry .grid-item:hover h3, .blog-masonry .inner-por-masonry .grid-item:hover h4 {

    transform: translate(0, 0px);

  }

  .blog-masonry .inner-por-masonry .grid-item:hover p {

    transform: translate(0, 0px);

  }

  ul.bastian li {

    width: 100%;

  }

  ul.bastian li:first-child {

    border-right: 1px solid #000;

    border-bottom: none;

  }

  ul.bastian li:last-child {

    border-left: 1px solid #000;

    border-top: none;

  }

  .control-page a.title {

    font: 400 30px/30px "Playfair Display";

  }

  .popup-content-wrapper {

    margin-top: 50px;

  }

  .popup-content-wrapper .close-popup {

    top: 20px;

  }

  .popup-content-wrapper h3 {

    margin-top: 80px;

    margin-bottom: 15px;

  }

  .popup-content-wrapper h4 {

    font-size: 25px;

    line-height: 30px;

  }

  .popup-content-wrapper p {

    font-size: 12px;

    line-height: 15px;

  }

  .popup-content-wrapper button {

    margin-top: 15px;

  }

  #quickview-content .product-details-content .options .action {

    max-width: 330px;

  }

  #quickview-content .product-details-content .options .action form {

    margin-top: 10px;

    margin-right: 10px;

  }

  #quickview-content .product-details-content .options .action a.link-ver1 {

    margin-left: 0px;

    margin-right: 10px;

    margin-top: 10px;

  }

  .banner-top-home3 .items {

    width: 50%;

    float: left;

    max-width: 400px;

  }

  .banner-top-home3 .items:last-child {

    float: right;

  }

  .products .product .action a {

    transform: translate(0px, 0px);

    opacity: 1;

  }

  .special-content {

    padding-left: 20px;

    text-align: center;

  }

  .special-content h5:after {

    left: 0px;

    right: 0px;

    margin: auto;

  }

  .special-content .time {

    text-align: center;

  }

  .head-about .box {

    margin: 0px;

    text-align: center;

  }

  .head-about .box img {

    margin: auto;

  }

  .special {

    text-align: center;

  }

  .special .col-md-5, .special .col-md-7 {

    float: inherit;

    text-align: center;

  }

  .special .images-logo {

    margin: auto;

  }

  .special-content .time {

    margin: auto;

    padding-top: 10px;

  }

  .special-content .link-v1 {

    margin-left: 0px;

    float: inherit;

  }

  .choose-us .col-md-3 {

    text-align: center;

  }

  .choose-us .text {

    margin-bottom: 20px;

  }

  .page-contact .head {

    margin-top: 0px;

    padding: 15px;

  }

  .page-contact .head .item {

    padding: 0px;

    margin: 10px 0px;

  }

  .page-contact .head .item:nth-child(2), .page-contact .head .item:nth-child(3) {

    padding-left: 0px;

  }

  .page-contact .head .item .text p {

    font-size: 14px;

    padding-left: 8px;

  }

  .cart-box-container .cart-total .col-md-4 {

    padding-right: 0px;

  }

  .choose-us-home2 {

    text-align: center;

  }

  .special.special-v2 .special-content {

    margin: auto;

  }

  #header.header-v1.header-v4 #topbar .inner-topbar {

    padding: 10px 0px 0px;

  }

  .hidden-table {

    display: none;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .banner-home2-top {

    margin-top: 30px;

  }

  .banner-home2-top .col-md-3 {

    width: 50%;

  }

  .banner-home2-top .col-md-6 {

    float: left;

    width: 100%;

    padding: 0px;

    margin-top: 25px;

  }

  #primary {

    float: left;

    width: 100%;

    padding: 0px;

  }

  #secondary {

    padding: 0px;

    margin-top: 30px;

  }

  .banner-home3-bottom .col-md-8 {

    padding: 0px;

    margin-bottom: 30px;

  }

  .banner-home3-bottom .col-md-4 {

    padding: 0px;

  }

  .col-md-6.padding-left-0 {

    padding: 0px;

  }

  .col-md-6.padding-right-0 {

    padding: 0px;

  }

}



@media (max-width: 767px) {

  .tp-banner-container .tp-leftarrow {

    margin-top: -40px !important;

  }

  .tp-banner-container .tp-rightarrow {

    margin-top: -40px !important;

  }

  .tp-banner-container span {

    font-size: 12px;

    line-height: 20px;

  }

  .title-text h3 {

    font-size: 20px;

  }

  .title-text p {

    line-height: 20px;

  }

  .title-text::before {

    top: 17%;

  }

  .slidershow-container {

    margin-bottom: 20px;

  }

  .brand-container ul li {

    width: 33.33%;

    border-bottom: 1px solid #eeeeee;

  }

  .brand-container ul li:first-child, .brand-container ul li:nth-child(2) {

    width: 50%;

  }

  .brand-container ul li:nth-child(2) {

    border-right: 1px solid #eeeeee;

  }

  .blog-classic .blog-post-container.single-post .blog-post-item .head h3 {

    font-size: 20px;

    line-height: 30px;

  }

  .blog-classic .blog-post-container.single-post .blog-post-item .text {

    width: calc(100% - 10px);

    padding: 15px;

  }

  .blog-classic .blog-post-container.single-post .blog-post-item .text .content {

    padding: 15px;

  }

  .blog-post-container .comments {

    padding: 30px 15px;

  }

  .blog-classic .wrap-sidebar {

    padding: 30px 15px;

  }

  .mockup h2 {

    font-size: 30px;

  }

  .title-text.title-text-v2.title-text-v3 h3 {

    font-size: 24px;

  }

  #topbar .social {

    display: none;

  }

  #topbar .dropdown .btn {

    line-height: 40px;

  }

  #header .cart .icon-cart {

    height: auto;

  }

  #header .search i {

    height: auto;

  }

  #header .topbar-right {

    width: 100%;

    text-align: center;

  }

  #header.absolute {

    position: relative;

  }

  #header.absolute .header-top {

    padding: 0px;

    margin: 0px;

  }

  #header.absolute .float-left {

    padding-left: 0px;

  }

  #secondary {

    display: inline-block;

    width: 100%;

  }

  .mega-menu .navbar-header, .mega-menu ul.navbar-nav {

    margin: 0px;

  }

  .hoz-tab-container.ver2 .tabs li {

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

  #topbar {

    height: 40px;

  }

  #topbar .dropdown .btn {

    height: 40px;

    padding: 0 10px;

  }

  #topbar .topbar-right .sign-in {

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

  }

  #header .header-top {

    padding: 10px 0px 0px;

    margin-top: -23px;

    margin-bottom: 20px;

  }

  #header .header-top .logo-mobile {

    margin-top: 13px;

  }

  #header .header-top .logo-mobile img {

    width: 130px;

  }

  #header .header-top .col-md-10, #header .header-top .col-md-2 {

    width: auto;

  }

  #header .header-top .col-md-2 {

    float: right;

    margin-top: 8px;

  }

  #header .header-top .icon-menu-mobile {

    float: left;

    width: auto;

    margin-top: 6px;

    margin-right: 10px;

  }

  .mega-menu ul.navbar-nav {

    margin-top: 20px;

    margin-bottom: 15px;

  }

  .bg-slider-one-item {

    background-size: auto 100%;

  }

  #footer .menu-footer li {

    line-height: 30px;

  }

  #footer .menu-footer li a {

    margin: 0px 10px;

    font-size: 10px;

  }

  #footer .social a {

    margin: 0 10px;

  }

  .cart-list ul.list {

    overflow: scroll;

  }

  .cart-list ul.list li {

    padding: 10px 0px;

  }

  .blog-slider .blog-post-item .blog-post-content .cat {

    margin: 10px 0px;

    margin-top: 20px;

  }

  .blog-slider .blog-post-item .blog-post-content .cat:after {

    bottom: -7px;

  }

  .blog-slider .blog-post-item .blog-post-content .blog-title {

    font-size: 20px;

  }

  .blog-slider .blog-post-item .blog-post-content .comment {

    font-size: 10px;

  }

  .products .product .action a {

    transform: translate(0px, 0px);

    opacity: 1;

  }

  .products.grid_full.list-item .item-inner .product .product-title {

    font-size: 25px;

    margin-bottom: 0px;

  }

  .products.grid_full.list-item .item-inner .product .product-price-old {

    margin-left: 20px;

    font-size: 20px;

  }

  .products.grid_full.list-item .item-inner .product .product-price {

    font-size: 22px;

  }

  .products.grid_full.list-item .item-inner .product .description {

    font-size: 14px;

    line-height: 20px;

    margin-top: 0px;

  }

  .products.grid_full.list-item .item-inner .product .action {

    padding-left: 0px;

    width: 100%;

  }

  .products.grid_full.list-item .item-inner .product .social {

    width: 100%;

    padding-left: 0px;

  }

  #header #topbar.topbar-v3 {

    padding: 0px;

  }

  #header #topbar.topbar-v3 .social {

    display: inline-block;

    margin-top: 0px;

  }

  #header #topbar.topbar-v3 .topbar-right {

    width: auto;

    text-align: right;

  }

  #header.header-v6 #topbar.topbar-v3 {

    margin: 15px 0px;

  }

  #header.header-v3 #topbar .float-left p {

    display: none;

  }

  .special.home3-special .special-content .time {

    margin-left: 0px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .shipping-v2 {

    padding: 25px 0px;

  }

  .shipping-v2 .col-md-3 {

    margin-bottom: 20px;

    padding: 0px 8px;

  }

  #header.header-v4 #topbar {

    padding: 3px;

  }

  .banner-home8-top .col-md-3 {

    width: 100%;

  }

  .time .distance {

    width: 100px;

  }

  .slider-loobook2 .slick-prev, .slider-loobook2 .slick-next {

    width: 100px;

  }

  .slider-loobook2 .items .text {

    left: 30px;

    right: 30px;

    padding-top: 30px;

    bottom: -35px;

  }

  .slider-loobook2 .items .text h3 {

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 10px;

  }

  .slider-loobook2 .items .text p {

    font-size: 12px;

    margin-bottom: 20px;

  }

  .banner-header.banner-lbook3 .text {

    height: 100px;

    margin-top: -70px;

  }

  .banner-header.banner-lbook3 .text h3 {

    font-size: 40px;

    line-height: 30px;

    margin-bottom: 5px;

  }

  .blog-post-container-v4 .blog-post-content, .blog-post-container-v4 .blog-post-image {

    transform: translate(0px, 0px);

    opacity: 1;

  }

  .girllook .col-md-6 {

    padding: 0px;

  }

  .slider-full-screen2 .slider-one-item .product .text {

    top: 60px;

  }

  .slider-full-screen2 .slider-one-item .product .text .product-content {

    margin: 0px;

  }

  .slider-full-screen2 .slider-one-item .product .text .price {

    margin: 0px;

  }

  .wrap-breadcrumb .breadcrumb {

    width: 100%;

    text-align: center;

  }

  .wrap-breadcrumb .ordering-action {

    margin: 10px auto;

    width: 100%;

  }

  .wrap-breadcrumb .ordering {

    float: initial;

    margin: 0 auto 20px;

  }

  #secondary.col-md-3 {

    padding-right: 0px;

  }

  .mockup-v2 .mockup-center {

    width: 100%;

    text-align: center;

  }

  .mockup-v2 .mockup-center .col-md-4 {

    margin-bottom: 30px;

  }

  .mockup-v2 .mockup-center .col-md-4:last-child() {

    margin-bottom: 0px;

  }

  .product-details-content .product-name h1 {

    margin-top: 30px;

    font-size: 30px;

    line-height: 35px;

  }

  .product-details-content p {

    font-size: 16px;

    line-height: 25px;

  }

  .product-details-content .col-md-6 {

    padding: 0px;

  }

  .product-details-content .wrap-price p {

    margin-bottom: 0px;

  }

  .product-details-content .social i {

    margin: 0px 8px;

  }

  .mockup .col-md-6 {

    height: auto;

    padding-bottom: 30px;

    overflow: hidden;

  }

  .mockup .col-md-6 .wrap-text .text {

    padding-top: 15px;

  }

  .mockup-v2 .col-md-6 {

    height: auto;

    overflow: hidden;

    padding-bottom: 30px;

  }

  .mockup-v2 .col-md-6 .text .box-icons p {

    font: 300 12px/15px "Oswald";

  }

  .mockup-v2 .col-md-6 .text .box-icons p .icons {

    height: 50px;

    width: 50px;

    line-height: 50px;

    font-size: 20px;

    margin-right: 10px;

  }

  .banner-product-details3 h3 {

    font: 400 14px/30px "Oswald";

  }

  .blog-masonry .grid-sizer, .blog-masonry .grid-item {

    width: 50%;

  }

  .blog-masonry {

    margin: 0px;

  }

  .banner-header.banner-lbook3.single-post .text h3 {

    font: 400 30px/30px "Playfair Display";

  }

  .wrap-googlemap .col-md-6 {

    padding: 0px;

  }

  #footer .newsletter-footer form {

    width: 100%;

  }

  #footer .footer-top .col-md-6 {

    padding-left: 5px;

    padding-right: 5px;

  }

  #footer.footer-v3 .bottom {

    text-align: center;

  }

  #footer.footer-v3 .bottom p {

    margin-bottom: 15px;

    width: 100%;

  }

  ul.tabs.tabs-title.tabs-title-por li {

    padding: 0 15px;

  }

  .control-page a.title {

    font: 400 20px/20px "Playfair Display";

  }

  .control-page .box-icon {

    height: 40px;

    width: 40px;

    margin-left: -20px;

  }

  .control-page .box-icon i {

    line-height: 40px;

    font-size: 15px;

  }

  .popup-content {

    overflow-y: scroll;

  }

  .popup-content .popup-container .images {

    width: 100%;

    text-align: center;

  }

  .popup-content .popup-container .images img {

    margin: 0 auto;

  }

  .popup-content-wrapper.popup-content-wrapper-v2 {

    max-width: 100%;

    border-radius: 0px;

  }

  .quickview-wrapper {

    overflow-y: scroll;

  }

  .quickview-wrapper .quick-modal {

    margin-top: 20px;

  }

  .quickview-wrapper #quickview-content .product .product-images, .quickview-wrapper #quickview-content .product .product-info {

    width: 100%;

    padding: 0px;

  }

  .head-about .text {

    padding: 15px;

  }

  .head-about .text h3 {

    font-size: 22px;

    line-height: 25px;

  }

  .about-choose h3 {

    font-size: 30px;

    line-height: 35px;

  }

  .about-choose .border p {

    padding: 0px;

    font-size: 14px;

    line-height: 20px;

  }

  .our-team .head h3 {

    font-size: 30px;

    line-height: 35px;

  }

  .page-contact .content-text h3 {

    font-size: 30px;

    line-height: 35px;

  }

  table.table.cart-table td.product-quantity input {

    width: 80px;

  }

  table.table.cart-table td.product-quantity .quantity .plus {

    left: 60px;

  }

  .mega-menu + div {

    margin-top: -20px !important;

  }

  #header.header-v3-new.header-v3 .header-top {

    padding: 15px 0px 0px;

    margin: 0px;

  }

  #header.header-v3-new.header-v3 .header-top .cart {

    margin-top: 0px;

  }

  #header.header-v4 .float-left {

    display: none;

  }

}



@media (max-width: 467px) {

  #topbar .topbar-right a {

    display: inline-block;

    border: none;

  }

  #topbar .topbar-right .sign-in {

    width: 100%;

    text-align: right;

    padding: 0px;

  }

  #topbar .topbar-right .sign-in a:nth-child(1) {

    float: left;

    padding: 0px;

  }

  #topbar .topbar-right .sign-in a:nth-child(1) span {

    display: inline-block;

  }

  #topbar .topbar-right span {

    display: none;

  }

  .modal-body {

    padding: 0 20px;

  }

  button.button_search {

    width: 80px;

  }

  #header .header-top {

    display: inline-block;

    width: 100%;

  }

  #header .header-top .cart {

    margin-left: 10px;

    padding-left: 10px;

  }

  #header .header-top .settings {

    margin-left: 10px;

  }

  #header .header-top .settings .submenu {

    right: -42px;

    width: 290px;

  }

  #header .header-top .settings .submenu ul.language li img {

    width: 55px;

  }

  #header .header-top .search {

    margin-left: 0px;

  }

  #header .search .search-form {

    right: -15px;

  }

  #header .cart .cart-list {

    width: 290px;

  }

  #header.header-v3 .box-right {

    width: auto;

  }

  #header.header-v3.header-v2 .box-right {

    width: auto;

    padding-right: 10px;

  }

  .related-products .product-details {

    padding: 15px;

  }

  .related-products .product-details:after {

    right: 0px;

  }

  .newsletter-bottom h3 {

    font-size: 20px;

  }

  .slider-product .tabs li {

    font-size: 12px;

  }

  .shipping-v2 {

    background-size: auto 100%;

  }

  .newsletter-home4 .wrap-center.float-left .items .text {

    top: 10px;

  }

  .newsletter-home4 .wrap-center.float-left .items .text i {

    margin-bottom: 10px;

  }

  .newsletter-home4 .wrap-center.float-left .items .text h3 {

    font-size: 18px;

  }

  .newsletter-home4 .wrap-center.float-left .items .text p {

    padding: 0 15px;

    line-height: 15px;

    font-size: 10px;

    margin-top: 5px;

  }

  .newsletter-home4 .wrap-center.float-left .items form {

    height: 45px;

  }

  .newsletter-home4 .wrap-center.float-left .items form button {

    padding: 0 20px;

  }

  .check-billing .table tr th:nth-child(2) {

    display: none;

  }

  .check-billing .table tr td:nth-child(2) {

    display: none;

  }

  .acc-login .form-group .btn:nth-child(2n) {

    width: 100%;

    margin-left: 0px;

    margin-top: 20px;

  }

  .acc-login .form-group .btn:nth-child(2n+1) {

    width: 100%;

    margin: 0px;

  }

  .products.grid_full .item-inner, .products.grid_full.grid_sidebar .item-inner {

    padding: 0px !important;

  }

  ul.tabs.title span {

    display: none;

  }

  ul.tabs.title li {

    font-size: 18px;

  }

  .newsletter .col-md-7 .newsletter-content form {

    height: 40px;

  }

  .newsletter .col-md-7 .newsletter-content form input {

    height: 40px;

    padding: 0 100px 0 15px;

  }

  .newsletter .col-md-7 .newsletter-content form button {

    height: 40px;

    width: 100px;

  }

  .pushmenu {

    width: 320px;

  }

  .pushmenu-left {

    right: -320px;

  }

  .pushmenu-push-toright {

    right: 320px;

  }

  .cart-list ul.list li {

    padding: 10px 0px;

  }

  .shipping-container .col-md-4 i {

    font-size: 16px;

  }

  .shipping-container .col-md-4 h3 {

    letter-spacing: 2px;

    font-size: 11px;

  }

  .slider-product .tabs li {

    font-size: 11px;

    margin: 0 0 15px;

    padding: 0 10px;

  }

  .slider-product .tabs li:after {

    right: -4px;

  }

  .cart-list li a.delete-item {

    position: relative;

    display: inline-block;

    top: 12px;

  }

  .slider-one-item-home3 .product .text {

    width: 300px;

    height: 100px;

    margin-left: -150px;

    margin-top: -50px;

  }

  .slider-one-item-home3 .product .text h4 {

    margin-bottom: 5px;

    font-size: 10px;

    margin-top: 10px;

  }

  .slider-one-item-home3 .product .text h3 {

    font-size: 20px;

    margin-bottom: 10px;

    line-height: 20px;

    margin-bottom: 0px;

  }

  .slider-one-item-home3 .product .text p {

    display: none;

  }

  .slider-one-item-home3 .product .text button {

    font-size: 8px;

    padding: 0 10px;

    line-height: 21px;

    height: 25px;

  }

  .tab-product-all .products .item-inner {

    width: 100%;

  }

  .tab-product-all .products .item-inner:nth-child(3n), .tab-product-all .products .item-inner:nth-child(3n+1), .tab-product-all .products .item-inner:nth-child(3n+2) {

    padding: 0px !important;

  }

  .testimonial p {

    line-height: 25px;

    font-size: 14px;

  }

  .banner-private.center .text h2 {

    font-size: 30px;

    line-height: 30px;

  }

  .banner-private.center .text p {

    display: none;

  }

  .title-text-v2 h3 {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 10px;

  }

  .special.special-v2 .special-content h5 {

    font-size: 16px;

  }

  .special-content h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .special-content h5 {

    font-size: 16px;

    line-height: 20px;

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

  .special-content .time .countdown-times .distance {

    width: 70px;

    height: 55px;

  }

  .special-content .time .countdown-times .distance.hours .text {

    margin-left: 0px;

  }

  .special-content .time .countdown-times .distance .number {

    font-size: 28px;

  }

  .special-content .time .countdown-times .distance .text {

    font-size: 14px;

    text-align: center;

  }

  .home3-special .col-md-6 {

    padding: 0px;

  }

  .home3-special.special .special-content .time {

    padding: 15px 0px;

  }

  .home3-special.special .special-content .time .distance {

    width: 70px;

  }

  .home3-newsletter-content {

    padding: 30px;

    margin-bottom: 30px;

  }

  .special-content {

    padding-left: 0px;

  }

  .newsletter-home4 .col-md-4:nth-child(3n+2) .items .text h3, .newsletter-home4 .col-md-4:nth-child(3n+2) .items .text p {

    display: none;

  }

  .newsletter-home4 .col-md-4:nth-child(3n+2) .items form input {

    font-size: 10px;

    padding: 0 60px 0 10px;

  }

  .newsletter-home4 .col-md-4:nth-child(3n+2) .items form button {

    padding: 0 20px;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title, #header.header-v4 #topbar .topbar-left a {

    border: none;

    font-size: 9px;

    width: 32%;

  }

  #header.header-v4 #topbar .topbar-left .topbar-title i, #header.header-v4 #topbar .topbar-left a i {

    font-size: 12px;

  }

  .banner-home6 .col-md-6 .items .text {

    left: 20px;

  }

  .newsletter-home6 .newsletter-content form {

    max-width: 250px;

  }

  .banner-home7-top.banner-private .text {

    top: 15px;

  }

  .banner-home7-top.banner-private .text img {

    width: 30px;

    margin-bottom: 10px;

  }

  .banner-home7-top.banner-private .text h3 {

    font-size: 20px;

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

  .banner-home7-top.banner-private .text p {

    display: none;

  }

  .instafeed .items {

    width: 100%;

  }

  .instafeed .items:nth-child(4), .instafeed .items:nth-child(5) {

    width: 100%;

  }

  .banner-hom7-center .col-md-6 {

    display: inline-block;

  }

  .banner-hom7-center .banner-private-v2 .text {

    width: 300px;

    height: 100px;

    margin-left: -150px;

    margin-top: -50px;

  }

  .banner-hom7-center .banner-private-v2 .text h4 {

    margin-bottom: 5px;

    font-size: 10px;

    margin-top: 10px;

  }

  .banner-hom7-center .banner-private-v2 .text h3 {

    font-size: 20px;

    margin-bottom: 10px;

    line-height: 20px;

    margin-bottom: 0px;

  }

  .banner-hom7-center .banner-private-v2 .text p {

    display: none;

  }

  .banner-hom7-center .banner-private-v2 .text button {

    font-size: 8px;

    padding: 0 10px;

    line-height: 21px;

    height: 25px;

  }

  #header.header-v7 #topbar .topbar-title span {

    display: none;

  }

  .banner-home8-top.banner-home8-center .text h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .slider-slick-home8 .slick-next {

    right: 0px;

  }

  .slider-slick-home8 .slick-prev {

    left: 0px;

  }

  .best-selling .col-md-4 .products {

    padding-left: 15px;

    padding-right: 15px;

  }

  .best-selling .col-md-4 .products .product-images {

    margin: 0px;

    max-width: 100%;

  }

  .product-img-box .thumb-content li {

    max-width: 80px;

  }

  .product-details-content .options .action a.link-ver1 {

    margin-left: 0px;

    margin-right: 10px;

  }

  .product-details-content .options .action form {

    margin-bottom: 20px;

  }

  .upsell-product.products {

    margin: 0px;

  }

  .mockup .col-md-6 .wrap-text .text h3 {

    font-size: 20px;

    line-height: 20px;

    margin-bottom: 10px;

  }

  .mockup .col-md-6 .wrap-text .text p.title {

    margin-bottom: 10px;

  }

  .mockup .col-md-6 .wrap-text .text p {

    font-size: 12px;

    margin-bottom: 20px;

  }

  .slider-loobook2 .items .text h3 {

    font-size: 20px;

    line-height: 20px;

  }

  .slider-loobook2 .items .text p {

    font-size: 10px;

  }

  .tile-lookbook-v2 p {

    font-size: 12px;

    line-height: 18px;

  }

  .banner-header .text {

    height: 80px;

    margin-top: -40px;

    padding: 10px 30px;

  }

  .banner-header .text h3 {

    font-size: 14px;

    line-height: 15px;

  }

  .banner-header .text p {

    font-size: 10px;

  }

  .banner-header .text p i {

    font-size: 12px;

    margin: 0 10px;

  }

  .banner-header.banner-lbook3 img {

    min-height: 100px;

  }

  .banner-header.banner-lbook3 .text {

    height: 60px;

    margin-top: -30px;

  }

  .banner-header.banner-lbook3 .text h3 {

    font-size: 20px;

    line-height: 20px;

    margin-bottom: 5px;

    padding-bottom: 0px;

  }

  .banner-header.banner-lbook3 .text p {

    font-size: 9px;

  }

  .banner-header.banner-lbook3 .text p i {

    font-size: 12px;

    margin: 0 10px;

  }

  .banner-header.banner-lbook3 .text img {

    width: 100px;

  }

  .coupon .form-horizontal .control-label {

    display: none;

  }

  .coupon .form-control {

    padding-left: 10px;

    padding-right: 100px;

  }

  .coupon button {

    padding: 0px;

    font-size: 10px;

    width: 100px;

  }

  .boxed-content.boxed-content-v2 {

    padding: 20px 20px 20px 45px;

  }

  .login-box-container .form-horizontal .col-xs-6 {

    width: 100%;

    padding: 0px;

  }

  .login-box-container .link-button-fb {

    margin-bottom: 30px;

  }

  .tab-v1 .products .item-inner {

    width: 100%;

  }

  .banner-home3-lookbook1 .text h3 {

    font-size: 25px;

    letter-spacing: 15px;

  }

  .banner-home3-lookbook1 .text p {

    font-size: 10px;

  }

  .title-text h3 {

    font-size: 15px;

  }

  .banner-video .text {

    top: 30%;

  }

  .banner-video .text .icons {

    height: 80px;

    width: 80px;

    background-size: 100% auto;

  }

  .banner-video .text h3 {

    font: 400 15px/20px "Oswald";

    letter-spacing: 10px;

  }

  .banner-home-collec1.related-products .product-details .text {

    left: 20px;

    top: 20px;

    max-width: 400px;

  }

  .banner-home-collec1.related-products .product-details h3 {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .banner-home-collec1.related-products .product-details h4 {

    font-size: 10px;

    margin-bottom: 5px;

  }

  .banner-home-collec1.related-products .product-details h4:after {

    position: static;

    height: 0px;

  }

  .banner-home-collec1.related-products .product-details .product-content {

    display: none;

  }

  .slider-full-screen2 .bx-wrapper {

    width: 290px;

  }

  .slider-full-screen2 .slider-one-item .product .text {

    top: 30px;

    left: 30px;

  }

  .slider-full-screen2 .slider-one-item .product .text .product-content {

    display: none;

  }

  .slider-full-screen2 .slider-one-item .product .text h3 {

    font-size: 25px;

    margin-bottom: 10px;

  }

  .slider-full-screen2 .slider-one-item .product .text .price {

    font-size: 25px;

  }

  .wrap-breadcrumb .ordering {

    text-align: center;

  }

  .wrap-breadcrumb .ordering .float-left {

    margin-bottom: 10px;

  }

  .wrap-breadcrumb .ordering .float-right {

    width: 100%;

    text-align: left;

  }

  .wrap-breadcrumb .ordering p.result-count {

    margin: 0px;

  }

  .wrap-breadcrumb .ordering .order-by {

    margin: 0px;

  }

  .products.grid_full.list-item .item-inner .product-images, .products.grid_full.list-item .item-inner .product-title, .products.grid_full.list-item .item-inner .product-price, .products.grid_full.list-item .item-inner .description {

    width: 100%;

    padding: 0px;

  }

  .products.grid_full.list-item .item-inner .product-title {

    margin-top: 20px;

  }

  .products.grid_full.list-item .item-inner .product .product-price-old {

    margin-left: 0px;

  }

  .mockup-v2 .col-md-6 .text {

    padding-left: 15px;

    padding-right: 15px;

  }

  .mockup-v2 .col-md-6 .text h4 {

    font: 300 12px/15px "Oswald";

  }

  .mockup-v2 .col-md-6 .text h3 {

    font: 400 20px/20px "Playfair Display";

  }

  .mockup-v2 .col-md-6 .text .box-icons p {

    width: 100%;

  }

  .product-details-content.product-details-content-v2 .box-detalis-v2 .options {

    padding-bottom: 15px;

  }

  .product-details-content .box-detalis-v2 .options .infomation {

    padding-bottom: 50px;

  }

  .banner-product-details3 h3 {

    font: 400 12px/20px "Oswald";

  }

  .blog-post-container .blog-post-item .blog-post-image iframe {

    max-height: 200px;

  }

  .blog-masonry .grid-sizer, .blog-masonry .grid-item {

    width: 100%;

  }

  .blog-masonry .grid-item {

    padding: 0px;

  }

  .media-left, .media-right, .media-body {

    display: inline;

  }

  .tab-product-all.tab-product-all-v2.tab-product-all-v3.tab-por .products .item-inner {

    width: 100%;

    padding: 0px !important;

  }

  ul.tabs.tabs-title.tabs-title-por li {

    line-height: 40px;

  }

  .blog-masonry .inner-por-masonry .grid-item {

    height: auto;

    width: 100%;

  }

  .title-page.size-50 h3 {

    font-size: 30px;

    line-height: 30px;

  }

  .banner-top-home3 .items {

    width: 100%;

    float: left;

    max-width: 400px;

  }

  .banner-top-home3 .items:last-child {

    float: right;

  }

  .page-login h3 {

    font-size: 20px;

  }

  .page-login p {

    font-size: 14px;

  }

  .page-login .social a {

    width: 100%;

  }

  .page-login .social a.float-left {

    margin-bottom: 20px;

  }

  .page-login form label.label-check {

    font-size: 16px;

  }

  .page-login .remember .help {

    font-size: 15px;

  }

  .cart-total .item {

    padding: 15px;

  }

  .wrap-breadcrumb .ordering .float-left {

    width: 100%;

  }

  .wrap-breadcrumb .ordering .float-left .col, .wrap-breadcrumb .ordering .float-left .list {

    float: left;

  }

  .wrap-breadcrumb .ordering .float-left .result-count {

    float: right;

    margin-top: 12px;

  }

  table.table.cart-table thead th {

    text-align: center;

    font-size: 12px;

  }

}