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

    Template Name: nelson Furniture Bootstrap 4 Template
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Banner CSS
    06. Feature CSS
    07. Product CSS
    08. Testimonial CSS
    09. Cart CSS
    10. Checkout CSS
    11. Compare CSS
    12. My Account CSS
    13. Login Register CSS
    14. Faq CSS
    15. Blog CSS
    16. Comment CSS
    17. Sidebar CSS
    18. Brand CSS
    19. Contact CSS
    20. Newsletter CSS
    21. Modal CSS
    22. 404 CSS
    23. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, .site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 15px;
  line-height: 28px;
  font-style: normal;
  visibility: visible;
  font-family: "Montserrat", sans-serif;
  color: #151515;
  font-weight: 400;
  position: relative;
}

body[data-rtl="rtl"] {
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #151515;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

h1 {
  font-size: 36px;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #151515;
}

button, input[type="submit"] {
  cursor: pointer;
}

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

img {
  max-width: 100%;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section, .main-wrapper {
  float: left;
  width: 100%;
}

.border-bottom {
  border-bottom: 1px solid #eeeeee;
}

.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#scrollUp {
  background: #151515;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  bottom: 25px;
  right: 25px;
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#scrollUp:hover {
  background: #151515;
}

.bigButton {
	color:#fff;
	background:#f8750c;
	padding:14px 21px;
	margin:2px 0 15px 0;
	border-radius:3px;
	display:inline-block;
	font-size:19px;
	font-weight: 500;
	/*text-decoration:underline;*/
}
.bigButton:hover {
	color:#fff;
	background:#BB5503;
}
.bigButton a {
	color:#fff;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  .row-five-column > [class*="col-xl-"] {
    max-width: 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}

@media only screen and (max-width: 479px) {
  .container {
    max-width: 300px;
  }
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0 !important;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--
    - Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f8f8f8 !important;
}

.bg-gray-two {
  background-color: #f3f1ec !important;
}

.bg-black {
  background-color: #111111;
  opacity: .95;
}

.bg-dark {
  background-color: #151515 !important;
}

.bg-dark-two {
  background-color: #1c2535 !important;
}

.bg-dark-three {
  background-color: #1d2736 !important;
}

.bg-dark-four {
  background-color: #1d2634 !important;
}

.bg-skyblue {
  background-color: #dfecf7 !important;
}

.bg-theme {
  background-color: #151515 !important;
}

/*-- 
    - Tab Content & Pane Fix
------------------------------------------*/
.tab-content {
  width: 100%;
}

.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/*-- 
    - Main Wrapper
------------------------------------------*/
/*-- 
    - Section Title
------------------------------------------*/
.section-title h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 23px;
  }
}

.section-title span {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  display: block;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .section-title span {
    font-size: 14px;
  }
}

.section-title p {
  margin-top: 15px;
  line-height: 22px;
}

.section-title.full-width p {
  margin-bottom: 35px;
  max-width: 100%;
}

.section-title.text-center {
  text-align: center;
  background-position: top center;
}

.section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.section-title.text-left {
  text-align: left;
  background-position: top left;
}

.section-title.text-left p {
  margin-left: 0;
  margin-right: auto;
}

.section-title.text-right {
  text-align: right;
  background-position: top right;
}

.section-title.text-right p {
  margin-left: auto;
  margin-right: 0;
}

.section-title.color-white h1 {
  color: #ffffff;
}

.section-title.color-white p {
  color: #aaaaaa;
}

.product-tab ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-tab ul li a {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #686868;
}

.product-tab ul li a::after {
  content: '-';
  margin: 0 7px;
}

.product-tab ul li a:hover, .product-tab ul li a.active {
  color: #151515;
  font-weight: 700;
}

.product-tab ul li:last-child a::after {
  display: none;
}

/*-- 
    - Button
------------------------------------------*/
.btn {
  background-color: #f8750c;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  padding: 12px 24px;
  text-transform: uppercase;
  position: relative;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.btn:hover {
  background-color: #BB5503;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
    line-height: 23px;
    height: 45px;
    padding: 10px 25px;
  }
  .btn:hover::before {
    left: 6px;
    top: 6px;
  }
  .btn:hover::after {
    left: -6px;
    top: -6px;
  }
}

/* Pentagon Icon CSS */
.pentagon-icon .icon {
  position: relative;
  width: 50px;
  height: 77px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  background-color: #151515;
  border-radius: 6px;
  margin: 0 20px;
}

@media only screen and (max-width: 767px) {
  .pentagon-icon .icon {
    width: 38px;
    height: 57px;
  }
}

.pentagon-icon .icon::before, .pentagon-icon .icon::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #151515;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  z-index: -1;
  border-radius: 6px;
}

.pentagon-icon .icon::after {
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
          transform: rotate(-60deg);
}

.pentagon-icon .icon i {
  font-size: 26px;
  color: #151515;
}

/*-- 
    - Page Banner Section
------------------------------------------*/
.page-banner-section {
  padding: 120px 0 130px;
  position: relative;
  z-index: 1;
	height: 300px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .page-banner-section {
    padding: 100px 0 110px;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner-section {
    padding: 90px 0 100px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section {
    padding: 80px 0 90px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page-banner-section {
    padding: 70px 0 80px;
    width: 100%;
  }
}

/*-- Page Banner --*/
.page-banner h2 {
  font-size: 39px;
  font-weight: 500;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .page-banner h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .page-banner h2 {
    font-size: 26px;
  }
}

/*-- Page Breadcrumb --*/
.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page-breadcrumb li {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  margin-top: 10px;
  color: #151515;
}

@media only screen and (max-width: 575px) {
  .page-breadcrumb li {
    font-size: 13px;
  }
}

.page-breadcrumb li::after {
  content: "/";
  margin: 0 6px;
  color: #151515;
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li a {
  color: #151515;
}

.page-breadcrumb li a:hover {
  color: #151515;
}

/*-- 
    - Page Pagination
------------------------------------------*/
.page-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.page-pagination li {
  margin: 0 15px 0 0;
  vertical-align: middle;
}

.page-pagination li:last-child {
  margin-right: 0;
}

.page-pagination li a {
  height: 30px;
  line-height: 30px;
  min-width: 0;
  padding: 0 5px;
}

.page-pagination li:hover a {
  color: #151515;
}

.page-pagination li.active a {
  color: #151515;
}

.grid-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
}

.grid-filter button {
  background-color: transparent;
  color: #151515;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px;
  text-transform: capitalize;
  line-height: 1;
  padding-bottom: 5px;
  position: relative;
}

.grid-filter button::before {
  content: "";
  height: 6px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #151515;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.grid-filter button:hover::before, .grid-filter button.active::before {
  width: 100%;
}

.grid-filter.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid-filter.center button {
  margin: 0 10px 10px;
}

.grid-filter.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid-filter.left button {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}

.grid-filter.left button:last-child {
  margin-right: 0;
}

.grid-filter.right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid-filter.right button {
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 10px;
}

.grid-filter.right button:last-child {
  margin-left: 0;
}

.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #151515;
  color: #ffffff;
  padding: 10px;
  width: 44px;
  height: 44px;
  border-radius: 0;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}

.slick-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #151515;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.slick-slider .slick-arrow i {
  font-size: 24px;
  line-height: 20px;
  display: block;
}

.slick-slider .slick-arrow.slick-prev {
  left: 0;
  margin-left: 40px;
}

.slick-slider .slick-arrow.slick-next {
  right: 0;
  margin-right: 40px;
}

.slick-slider:hover .slick-arrow {
  opacity: 1;
}

.slick-slider:hover .slick-arrow.slick-prev {
  margin-left: 20px;
}

.slick-slider:hover .slick-arrow.slick-next {
  margin-right: 20px;
}

.slick-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 20px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 15px;
}

.slick-slider .slick-dots li {
  margin: 0 5px;
}

.slick-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #151515;
  background-color: #151515;
  text-indent: -9999px;
  border-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .slick-slider .slick-dots li button {
    border-width: 2px;
    width: 10px;
    height: 10px;
  }
}

.slick-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #f1f1f1;
}

@media only screen and (max-width: 767px) {
  .slick-slider .slick-dots li.slick-active button {
    width: 20px;
  }
}

.gallery-item {
  position: relative;
}

.gallery-item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #151515;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gallery-item img {
  width: 100%;
}

.gallery-item .plus {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  opacity: 0;
}

.gallery-item .plus::before, .gallery-item .plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gallery-item .plus::before {
  width: 150px;
  height: 1px;
}

.gallery-item .plus::after {
  width: 1px;
  height: 150px;
}

.gallery-item:hover::before {
  opacity: 0.75;
}

.gallery-item:hover .plus {
  opacity: 1;
}

.gallery-item:hover .plus::before {
  width: 40px;
}

.gallery-item:hover .plus::after {
  height: 40px;
}

blockquote.blockquote {
  background-color: #f1f2f3;
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

blockquote.blockquote::before {
  position: absolute;
  content: url(../images/icons/quote-left.png);
  left: -5px;
  top: -10px;
  z-index: -1;
  opacity: 0.07;
}

blockquote.blockquote p {
  font-size: 18px;
  font-style: italic;
}

blockquote.blockquote .author {
  font-size: 14px;
  display: block;
  line-height: 18px;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
header.header {
  background-color: #ffffff;
  position: static;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

header.header.is-sticky {
  position: fixed !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff !important;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

header.header.is-sticky .header-top {
  display: none;
}

header.header.is-sticky .header-middle {
  display: none;
}

.header-absolute {
  position: absolute !important;
  background-color: transparent !important;
}

/*Header Search And Cart Area CSS*/
.header-search-cart-area {
  text-align: right;
}

.header-search-cart-area > ul > li {
  display: inline-block;
  list-style: none;
  position: relative;
}

.header-search-cart-area > ul > li > a {
  font-size: 24px;
  height: 40px;
  width: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #363636;
}

.header-search-cart-area > ul > li > a i {
  font-size: 24px;
}

.header-search-cart-area > ul > li > a:hover {
  color: #151515;
}

.header-search-cart-area ul > li.mini-cart > a {
  position: relative;
  width: auto;
}

.cart-quantity {
  position: absolute;
  width: 23px;
  height: 23px;
  background: #151515;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
  line-height: 23px;
  color: #fff;
  font-weight: 500;
  top: -3px;
  left: 16px;
}

.mini-cart-total {
  font-size: 18px;
  color: #151515;
  line-height: 24px;
  font-weight: 500;
  margin-left: 5px;
}

.header-cart {
  position: absolute;
  width: 320px;
  background: #fff;
  right: 0;
  top: 120%;
  padding: 5px 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  z-index: 9999999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-search-cart-area ul > li.mini-cart:hover .header-cart {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
}

.cart-img {
  float: left;
  width: 30%;
  margin-right: 10px;
  position: relative;
}

.cart-content {
  float: left;
  width: 65%;
}

ul.cart-items > li {
  list-style: none;
  display: block;
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
  text-align: left;
}

.cart-content > span {
  color: #222;
  font-weight: 400;
  font-size: 16px;
}

.cart-content > span.product-price {
  color: #151515;
  font-size: 16px;
}

.product-name {
  color: #222;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  width: 155px;
}

.cart-item-remove > a {
  position: absolute;
  color: #222;
  right: 2px;
  top: 18px;
  display: inline-block;
  left: auto;
  font-size: 20px;
}

.cart-item-remove > a:hover {
  color: #151515;
}

.cart-total {
  overflow: hidden;
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ededed;
}

.cart-total > h5 {
  color: #3e3d43;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.cart-btn {
  padding: 20px;
  background-color: #fff;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -5px;
}

.cart-btn > a {
  display: block;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.cart-btn > a:first-child {
  margin-bottom: 10px;
}

.cart-btn > a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

/*Currency CSS*/
.currency-dropdown {
  position: absolute;
  top: 140%;
  right: 0;
  min-width: 300px;
  background: #fff;
  padding: 40px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  z-index: 99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-search-cart-area ul > li.currency-menu:hover .currency-dropdown {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.currency-dropdown > li {
  display: block;
  list-style: none;
  margin-bottom: 15px;
  line-height: 1;
}

.currency-dropdown > li:last-child {
  margin-bottom: 0;
}

.currency-dropdown > li > a {
  text-transform: uppercase;
  font-size: 14px;
  color: #292929;
  display: block;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 25px;
}

.currency-dropdown > li > ul {
  padding-left: 15px;
}

.currency-dropdown > li > ul > li {
  list-style: none;
}

.currency-dropdown > li > ul > li > a {
  color: #333;
  padding: 10px 0;
  display: block;
  color: #333;
  padding: 10px 0;
  display: block;
}

.currency-dropdown > li > ul > li > a:hover {
  color: #151515;
}

.currency-dropdown > li > ul > li.active > a {
  color: #151515;
}

.currency-dropdown > li > ul > li > a > img {
  padding-right: 5px;
}

/*-- Header Search --*/
.header-search {
  margin-left: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.header-search.red-color button {
  color: #ffffff;
}

.header-search.white-color button {
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-search {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header-search {
    margin-left: 0;
    margin-right: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .header-search {
    margin-left: 0;
    margin-right: 30px;
  }
}

.header-search-toggle {
  background-color: transparent;
  border: none;
  color: #151515;
  padding: 0;
  line-height: 30px;
  width: 40px;
  height: 30px;
}

.header-search-toggle i {
  font-size: 15px;
}

.header-search-toggle.open i {
  font-size: 30px;
}

/*Main Search CSS*/
.main-search-active {
  background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
  width: 100%;
  min-height: 100vh;
  padding: 32px 46px 39px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .main-search-active {
    padding: 32px 20px 39px;
  }
}

.sidebar-search-icon {
  position: absolute;
  top: 50px;
  right: 70px;
  color: #ffffff;
  font-size: 60px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .sidebar-search-icon {
    right: 0;
  }
}

.sidebar-search-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 50px;
  line-height: 1;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-search-input {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
      -ms-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  display: inline-block;
  padding: 0 50px;
  width: 75%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input {
    padding: 0 10px;
    width: 100%;
  }
}

.sidebar-search-input form .form-search {
  position: relative;
}

.sidebar-search-input form .form-search input {
  padding: 10px 0;
  border: 0;
  border-bottom: 5px solid transparent;
  background-color: transparent;
  font-size: 200px;
  width: 100%;
  height: auto;
  color: #ffffff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sidebar-search-input form .form-search input {
    font-size: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-search-input form .form-search input {
    font-size: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input form .form-search input {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input form .form-search input {
    font-size: 50px;
  }
}

.sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-moz-placeholder, .sidebar-search-input form .form-search input:-ms-input-placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder {
  color: #ffffff;
}

.sidebar-search-input form .form-search input::placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-moz-placeholder, .sidebar-search-input form .form-search input:-ms-input-placeholder, .sidebar-search-input form .form-search input::placeholder {
  color: #ffffff;
}

.sidebar-search-input form .form-search button {
  background-color: transparent;
  border: medium none;
  color: #ffffff;
  font-size: 30px;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-search-input p {
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding: 11px 0;
  text-align: right;
  opacity: 0;
  line-height: 1.6;
  color: #ffffff;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, -webkit-transform .4s;
  -o-transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s, -webkit-transform .4s;
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input p {
    font-size: 14px;
  }
}

.main-search-active.inside {
  opacity: 1;
  visibility: visible;
  z-index: 9999999;
}

.main-search-active.inside .sidebar-search-input {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.main-search-active.inside .sidebar-search-input input {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: .5s ease-out .3s;
  -o-transition: .5s ease-out .3s;
  transition: .5s ease-out .3s;
  border-bottom-color: #ffffff;
}

.main-search-active.inside .sidebar-search-input p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/*Main Search CSS*/
/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.main-menu > ul > li {
  position: relative;
}

.main-menu > ul > li > a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #151515;
  text-transform: capitalize;
  display: block;
  padding: 42px 0 42px 0;
  margin: 0 37px 0 0;
  position: relative;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li > a {
    padding: 30px 0 30px 0;
    margin: 0 22px 0 0;
    font-size: 16px;
  }
}

.main-menu > ul > li.has-dropdown > a::after {
  content: "\f107";
  font-family: Fontawesome;
  line-height: 30px;
  margin-left: 3px;
}

.main-menu > ul > li.active > a, .main-menu > ul > li:hover > a {
  color: #151515;
}

.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-two > ul > li > a {
    padding: 30px 12px;
    margin: 0;
  }
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  padding: 20px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 210px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}

.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

.sub-menu li a {
  font-family: "Montserrat", sans-serif;
  color: #151515;
  display: block;
  font-size: 14px;
  line-height: 35px;
  font-weight: 400;
  padding: 0 20px;
  text-align: left;
}

.sub-menu li.has-dropdown > a::after {
  content: "\f105";
  font-family: Fontawesome;
  line-height: 30px;
  float: right;
}

.sub-menu li.active > a {
  color: #151515;
}

.sub-menu li .sub-menu {
  left: 100%;
  top: 0;
  margin-left: 0;
}

.sub-menu li:hover > a {
  color: #151515;
  padding-left: 25px;
}

.sub-menu li:hover > .sub-menu {
  margin-top: -10px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.sub-menu li .sub-menu {
  left: 100%;
  margin-left: 0;
  top: 0;
}

.sub-menu li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.sub-menu li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu.four-column {
  width: 800px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu.four-column {
    width: 820px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu.four-column {
    width: 820px;
  }
}

.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-bottom: 2px solid #151515;
  text-align: left;
  z-index: 999;
  width: 800px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu {
    width: 770px;
    left: -40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu {
    width: 770px;
    left: -160px;
  }
}

.mega-menu > li {
  width: 25%;
  padding: 0px 13px;
  margin: 34px 0;
  float: left;
  border-left: 1px solid #eeeeee;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}

.mega-menu > li:first-child {
  border-left: 0;
}

.mega-menu > li > a {
  margin: 0 0 12px 8px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  color: #151515;
  text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}

.mega-menu > li > ul > li {
  display: block;
}

.mega-menu > li > ul > li > a {
  padding: 0px 8px;
  display: block;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  color: #151515;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}

.mega-menu > li > ul > li > a:hover {
  color: #151515;
}

/* offcanvas mobile menu */
.header-mobile-navigation {
  padding: 20px 0;
}

.header-mobile-navigation .mobile-navigation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-mobile-navigation .mobile-navigation ul li {
  margin-left: 20px;
}

.header-mobile-navigation .mobile-navigation ul li:first-child {
  margin-left: 0;
}

.header-mobile-navigation .mobile-navigation ul li a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #151515;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon {
  position: relative;
  display: inline-block;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #151515;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon a span {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 18px;
  height: 18px;
  color: #151515;
  border-radius: 100%;
}

.offcanvas-widget-area {
  margin-bottom: 35px;
}

@media only screen and (max-width: 479px) {
  .offcanvas-widget-area {
    margin-bottom: 30px;
  }
}

.off-canvas-contact-widget {
  margin-bottom: 20px;
}

.off-canvas-contact-widget .header-contact-info {
  -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li {
  display: inline-block;
  margin-right: 25px;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li i {
  font-size: 14px;
  margin-right: 5px;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li a {
  font-weight: 400;
  line-height: 22px;
  color: #151515;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li a:hover {
  color: #151515;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li:last-child {
  margin-right: 0;
}

.offcanvas-mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  max-width: 100%;
  height: 100vh;
  z-index: 9999;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  padding-left: 60px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.offcanvas-mobile-menu.active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.offcanvas-mobile-menu.inactive {
  -webkit-transform: translateX(calc(100% + 60px));
      -ms-transform: translateX(calc(100% + 60px));
          transform: translateX(calc(100% + 60px));
}

.offcanvas-menu-close {
  position: absolute;
  left: 0;
  top: 0;
  background: #343538;
  z-index: 9;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
}

@media only screen and (max-width: 479px) {
  .offcanvas-menu-close {
    width: 50px;
    height: 50px;
    line-height: 48px;
    left: 10px;
    font-size: 18px;
  }
}

.offcanvas-menu-close:hover, .offcanvas-menu-close:focus {
  color: #ffffff;
}

.offcanvas-menu-close i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.offcanvas-menu-close:hover i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.offcanvas-wrapper {
  overflow: auto;
  height: 100%;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
}

.offcanvas-mobile-search-area {
  background-color: #e6e6e6;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  z-index: 9;
  margin-left: 60px;
}

.offcanvas-mobile-search-area input {
  width: 100%;
  font-size: 16px;
  display: block;
  padding: 9px 25px;
  padding-right: 35px;
  color: #222;
  background: #e6e6e6;
  border: none;
}

@media only screen and (max-width: 479px) {
  .offcanvas-mobile-search-area input {
    font-size: 14px;
    padding: 5px 15px;
    padding-right: 35px;
  }
}

.offcanvas-mobile-search-area button {
  background: none;
  border: none;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #aaa;
  padding: 0;
}

.offcanvas-mobile-search-area button i {
  font-size: 18px;
  line-height: 40px;
}

.offcanvas-inner-content {
  padding: 90px 35px 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 479px) {
  .offcanvas-inner-content {
    padding: 70px 25px 0;
  }
}

.offcanvas-navigation {
  margin-bottom: 50px;
}

.offcanvas-navigation > ul > li > a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 0;
  color: #151515;
}

.offcanvas-navigation > ul > li > a:hover {
  color: #151515;
}

@media only screen and (max-width: 479px) {
  .offcanvas-navigation > ul > li > a {
    font-size: 14px;
    line-height: 20px;
  }
}

.offcanvas-navigation ul.submenu2 {
  margin-left: 25px;
}

.offcanvas-navigation ul.submenu2 > li > a {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 0;
}

.offcanvas-navigation ul.submenu2 > li > a:hover {
  color: #151515;
}

@media only screen and (max-width: 479px) {
  .offcanvas-navigation ul.submenu2 > li > a {
    font-size: 13px;
    line-height: 18px;
  }
}

.offcanvas-navigation ul li.menu-item-has-children {
  position: relative;
  display: block;
}

.offcanvas-navigation ul li.menu-item-has-children a {
  display: block;
}

.offcanvas-navigation ul li.menu-item-has-children.active > .menu-expand i:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand {
  position: absolute;
  right: auto;
  left: 95%;
  top: -5px;
  width: 30px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand i {
  display: block;
  margin-top: 25px;
  border-bottom: 1px solid;
  position: relative;
  width: 10px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand i:before {
  width: 100%;
  content: "";
  border-bottom: 1px solid;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.off-canvas-widget-social a {
  margin: 0 10px;
  font-size: 14px;
}

.off-canvas-widget-social a:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 479px) {
  .off-canvas-widget-social a {
    margin: 0 10px;
  }
}

.off-canvas-widget-social a:hover {
  color: #151515;
}

/* offcanvas settings */
.offcanvas-settings .offcanvas-navigation > ul > li > a {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0;
}

.offcanvas-settings .offcanvas-navigation > ul > li.menu-item-has-children .menu-expand {
  height: 30px;
  top: -15px;
  margin-top: 0;
}

.offcanvas-settings .offcanvas-navigation ul.sub-menu > li > a {
  padding: 5px 0;
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: transparent;
  color: #151515;
  padding: 10px;
  width: 54px;
  height: 54px;
  border-radius: 0;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}

.hero-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #151515;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.hero-slider .slick-arrow i {
  font-size: 24px;
  line-height: 30px;
  display: block;
}

.hero-slider .slick-arrow.slick-prev {
  left: 40px;
  margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

.hero-slider .slick-arrow.slick-next {
  right: 40px;
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

.hero-slider .slick-arrow:hover {
  background-color: #151515;
  color: #ffffff;
}

.hero-slider .slick-arrow:hover::before {
  margin-left: 6px;
  margin-top: 6px;
}

.hero-slider:hover .slick-arrow {
  opacity: 1;
}

.hero-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}

.hero-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}

.hero-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-slider .slick-dots {
    bottom: 15px;
  }
}

.hero-slider .slick-dots li {
  margin: 0 5px;
}

.hero-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #151515;
  background-color: #151515;
  text-indent: -9999px;
  border-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li button {
    border-width: 2px;
    width: 10px;
    height: 10px;
  }
}

.hero-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #151515;
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li.slick-active button {
    width: 20px;
  }
}

/*-- Hero Item --*/
.hero-item {
  width: 100%;
	height: auto;
  /*height: 800px;*/
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.hero-item.large-height {
  height: 900px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item.large-height {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.large-height {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.large-height {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item.large-height {
    height: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item {
    height: 400px;
  }
}

/*-- Hero Content For Background Video --*/
.hero-content {
  text-align: center;
}

.hero-content h2 {
  font-size: 27px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero-content h2 {
    font-size: 21px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h2 {
    font-size: 18px;
  }
}

.hero-content h1 {
  font-size: 90px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h1 {
    font-size: 44px;
  }
}

.hero-content h3 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .hero-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h3 {
    font-size: 14px;
  }
}

/*-- Hero Content Two For Hero Slider --*/
.hero-content-2 {
  margin: 80px 0 50px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 {
    margin-top: 30px 0 40px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 {
    margin-top: 20px 0 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 {
    margin-top: 30px;
  }
}

.hero-content-2.margin-top {
  margin-top: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2.margin-top {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2.margin-top {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2.margin-top {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2.margin-top {
    margin-top: 30px;
  }
}

.hero-content-2.left {
  text-align: left;
}

.hero-content-2.center {
  text-align: center;
}

.hero-content-2.right {
  text-align: right;
}

/*.hero-content-2 > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}*/

.hero-content-2 h2 {
  font-size: 56px;
  line-height: 64px;
  font-weight: 600;
  text-transform: capitalize;
  color: #FFF;
  margin-bottom: 30px;
	text-shadow: 2px 2px 5px darkblue;
}
h3.hero-subtext {
  margin: 10px 0 10px 0;
	color: #fff;
	text-shadow: 2px 2px 5px darkblue;
	font-size: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h2 {
    font-size: 50px;
    line-height: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}

.hero-content-2 p {
  font-size: 16px;
  color: #ffffff;
  max-width: 650px;
  margin-bottom: 40px;
}

.hero-content-2 .btn {
  font-size: 18px;
}

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Content Two For Hero Slider --*/
}

.slick-active .hero-content-2 > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.slick-active .hero-content-2 > *:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slick-active .hero-content-2 > *:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slick-active .hero-content-2 > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slick-active .hero-content-2 > *:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slick-active .hero-content-2 > *:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.slick-active .hero-content-2 > *:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
/* About Page CSS */
.about-us-content span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
}

/*.about-us-content span::before {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  background: #151515;
  left: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}*/
.about-us-content span::after {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  background: #151515;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
	margin: 0 23px;
}
.about-us-content h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: capitalize;
  color: #151515;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
    max-width: 470px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

.about-us-content p {
  line-height: 22px;
  max-width: 470px;
}

/*.about-us-image {
  overflow: hidden;
}*/

.about-us-image.img-full img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.about-us-img-wrapper:hover .about-us-image img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.single-team {
  position: relative;
}

.single-team .team-image {
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team .team-image a {
  display: block;
}

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

.single-team .team-content {
  bottom: 0;
  padding: 30px;
  position: absolute;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .single-team .team-content {
    padding: 30px;
  }
}

.single-team .team-content .team-hover-info {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  padding: 30px 0;
  right: 30px;
  z-index: 2;
}

.single-team .team-content .team-hover-info h2 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 14px;
  text-transform: capitalize;
}

.single-team .team-content .team-hover-info h2 a:hover {
  color: #ffffff;
}

.single-team .team-content .team-hover-info .team-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.single-team .team-content .team-hover-info .team-social li {
  list-style: none;
  padding: 0 17px;
}

.single-team .team-content .team-hover-info .team-social li > a > i {
  border: 0 solid transparent;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  height: auto;
  line-height: 20px;
  width: auto;
}

.single-team .team-content .team-hover-info .team-social li > a:hover > i {
  color: #151515;
}

.single-team:hover .team-image img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team:hover .team-content {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

/*----------------------------------------*/
/*  05. Banner CSS
/*----------------------------------------*/
/* Banner CSS */
.single-banner-item {
  position: relative;
  z-index: 2;
}

.single-banner-item .banner-image {
  position: relative;
  overflow: hidden;
}

.single-banner-item .banner-image a {
  display: block;
  width: 100%;
}

.single-banner-item .banner-image a img {
  width: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-banner-item .banner-content {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .banner-content {
    bottom: 30px;
  }
}

.single-banner-item .banner-content.tr-right {
  bottom: auto;
  top: 40px;
  right: 90px;
  left: auto;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .banner-content.tr-right {
    top: 30px;
    right: 26px;
  }
}

.single-banner-item .banner-content.tl-left {
  left: 40px;
  right: auto;
  top: 40px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .banner-content.tl-left {
    left: 15px;
    top: 25px;
  }
}

.single-banner-item .banner-content.color-white .title {
  color: #ffffff;
}

.single-banner-item .banner-content.color-white a {
  color: #ffffff;
}

.single-banner-item .banner-content .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .banner-content .title {
    font-size: 24px;
    line-height: 28px;
  }
}

.single-banner-item .banner-content a {
  font-size: 16px;
  line-height: 32px;
  text-decoration: underline;
  font-weight: 500;
}

.single-banner-item .discount-banner-content {
  position: absolute;
  top: 40px;
  left: 40px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content {
    top: 20px;
    left: 20px;
  }
}

.single-banner-item .discount-banner-content h3 {
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content h3 {
    font-size: 22px;
    line-height: 38px;
  }
}

.single-banner-item .discount-banner-content h3 span {
  font-size: 55px;
  color: #ff0000;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content h3 span {
    font-size: 50px;
  }
}

.single-banner-item .sp-banner-content {
  padding-left: 145px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-item .sp-banner-content {
    padding-left: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content {
    padding-left: 15px;
  }
}

.single-banner-item .sp-banner-content.content-right {
  padding-left: 420px;
  padding-top: 60px;
  padding-bottom: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 320px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 55px;
    padding-bottom: 60px;
    padding-left: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 55px;
    padding-bottom: 60px;
    padding-left: 10px;
  }
}

.single-banner-item .sp-banner-content .normat-text {
  display: block;
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .normat-text {
    font-size: 16px;
    line-height: 36px;
  }
}

.single-banner-item .sp-banner-content .title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .title {
    font-size: 24px;
    line-height: 28px;
  }
}

.single-banner-item .sp-banner-content .countdown-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content .countdown-area {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area {
    margin-bottom: 10px;
  }
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area .single-countdown {
    font-size: 18px;
    line-height: 1;
  }
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown.big-font {
  font-size: 30px;
  line-height: 1;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area .single-countdown.big-font {
    font-size: 26px;
    line-height: 26px;
  }
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown:nth-child(1)::before {
  display: none;
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown:nth-child(2)::before {
  display: none;
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown::before {
  content: ':';
  margin: 0 5px;
}

.single-banner-item .sp-banner-content a {
  font-size: 16px;
  line-height: 32px;
  text-decoration: underline;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .single-banner-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0.7;
  }
}

.single-banner-item:hover .banner-image a img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/*----------------------------------------*/
/*  06. Feature CSS
/*----------------------------------------*/
.features-section .row .col-lg-4:last-child .single-feature {
  border-right: 0;
}

/* Single Feature CSS */
.single-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .single-feature {
    border-right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.single-feature .feature-image {
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .single-feature .feature-content {
    text-align: left;
  }
}

.single-feature .feature-content h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

.single-feature .feature-content p {
  font-size: 14px;
  line-height: 24px;
  max-width: 230px;
}

/*----------------------------------------*/
/*  07. Product CSS
/*----------------------------------------*/
/*-- Product --*/
.single-grid-product {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.single-grid-product .product-label span {
  position: absolute;
  z-index: 2;
  color: #e33;
  text-align: center;
  display: inline-block;
  top: 20px;
  right: 20px;
  font-size: 15px;
  line-height: 30px;
  font-weight: 600;
}

.single-grid-product .product-label span.new {
  color: #e33;
}

.single-grid-product .product-label span.sale {
  color: #151515;
  left: auto;
  right: 20px;
}

.single-grid-product .product-image {
  position: relative;
  margin-bottom: 20px;
}

.single-grid-product .product-image > a {
  display: block;
  width: 100%;
}

.single-grid-product .product-image > a img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.single-grid-product .product-image > a img:nth-child(1) {
  visibility: visible;
  opacity: 1;
}

.single-grid-product .product-image > a img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.single-grid-product .product-image .product-action {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 6;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.single-grid-product .product-image .product-action > ul > li {
  list-style: none;
  display: block;
  margin-bottom: 5px;
  opacity: 0;
}

.single-grid-product .product-image .product-action > ul > li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  color: #151515;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-grid-product .product-image .product-action > ul > li a:hover {
  color: #ffffff;
  background: #151515;
}

.single-grid-product .product-content {
  text-align: center;
}

.single-grid-product .product-content .title {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 31px;
  font-weight: 500;
}

.single-grid-product .product-content .title a {
  display: block;
}

.single-grid-product .product-content .title a:hover {
  color: #151515;
}

.single-grid-product .product-content p .main-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}

.single-grid-product .product-content p .main-price.discounted {
  text-decoration: line-through;
}

.single-grid-product .product-content p .discounted-price {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 10px;
  color: #e33;
}

.single-grid-product:hover .product-image > a img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}

.single-grid-product:hover .product-image .product-action ul li {
  opacity: 1;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(1) {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(2) {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 700ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(3) {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 900ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(4) {
  -webkit-animation: 1100ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 1100ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product.list-mode {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-bottom: 20px;
}

.single-grid-product.list-mode .list-mode-image {
  -webkit-flex-basis: 100px;
      -ms-flex-preferred-size: 100px;
          flex-basis: 100px;
}

.single-grid-product.list-mode .list-mode-content {
  -webkit-flex-basis: calc(100% - 100px);
      -ms-flex-preferred-size: calc(100% - 100px);
          flex-basis: calc(100% - 100px);
  padding-left: 20px;
}

/* List Product CSS */
.product-list-item .single-grid-product .product-image {
  margin-bottom: 0;
}

.product-content-shop-list {
  text-align: left;
}

.product-content-shop-list h3 {
  font-size: 18px;
  line-height: 31px;
  font-weight: 500;
  margin: 0px 0 10px 0;
}

@media only screen and (max-width: 575px) {
  .product-content-shop-list h3 {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .product-content-shop-list h3 {
    margin-top: 10px;
  }
}

.product-content-shop-list .product-category-rating {
  margin: 0 0 10px 0;
}

.product-content-shop-list .product-category-rating .review a {
  font-weight: 400;
  line-height: 12px;
  color: #929292;
  margin-left: 10px;
}

.product-content-shop-list .product-category-rating .review a:hover {
  color: #292929;
}

.product-content-shop-list .product-category-rating .rating {
  margin-top: -3px;
}

.product-content-shop-list .product-category-rating .rating i {
  font-size: 15px;
}

.product-content-shop-list .product-category-rating .rating i.active {
  color: #F5C60D;
}

.product-content-shop-list .product-price {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .product-content-shop-list .product-price {
    margin: 0 0 15px 0;
  }
}

.product-content-shop-list .product-price .main-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}

.product-content-shop-list .product-price .main-price.discounted {
  text-decoration: line-through;
}

.product-content-shop-list .product-price .discounted-price {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-right: 10px;
  color: #e33;
}

.product-content-shop-list .product-desc {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .product-content-shop-list .product-desc {
    padding-top: 15px;
  }
}

/*-- Product Countdown CSS --*/
.product-details-content .product-countdown-two {
  margin-bottom: 25px;
}

.product-details-content .product-countdown-two .single-count {
  padding: 15px 25px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-countdown-two .single-count {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-countdown-two .single-count {
    padding: 15px;
  }
}

.product-details-content .product-countdown-two .single-count .single-countdown-times {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-countdown-two .single-count .single-countdown-times {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-countdown-two .single-count .single-countdown-times {
    font-size: 14px;
  }
}

.product-details-content .product-countdown-two .single-count .single-countdown-content {
  font-size: 10px;
}

.product-countdown-two .single-count {
  background-color: #292929;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 400;
  border-right: 1px solid #ffffff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-countdown-two .single-count {
    padding: 10px;
  }
}

.product-countdown-two .single-count .single-countdown-times {
  display: block;
  font-size: 14px;
}

.product-countdown-two .single-count .single-countdown-content {
  font-size: 10px;
}

/* Shop Toolbar CSS */
.shop-area {
  position: relative;
  z-index: 9;
  background: #ffffff;
  padding: 30px 0 0 0px;
}

@media only screen and (max-width: 767px) {
  .shop-area {
    padding: 15px 0 0 0px;
  }
}

.shop-topbar-wrapper {
  position: relative;
  padding: 10px 0;
  margin: 0 0 40px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 575px) {
  .shop-topbar-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media only screen and (max-width: 575px) {
  .grid-list-option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .grid-list-option ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
}

.grid-list-option ul li {
  margin-right: 12px;
}

.grid-list-option ul li:last-child {
  margin-right: 0;
}

.grid-list-option ul li a {
  font-size: 18px;
  display: block;
  text-align: center;
  color: #151515;
}

.grid-list-option ul li a.active, .grid-list-option ul li a:hover {
  color: #151515;
}

.grid-list-option p {
  margin-left: 50px;
}

@media only screen and (max-width: 767px) {
  .grid-list-option p {
    margin-left: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .toolbar-short-area {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.toolbar-shorter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .toolbar-shorter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .toolbar-shorter {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.toolbar-shorter:last-child {
  margin-right: 0;
}

.toolbar-shorter label {
  display: block;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 14px;
  color: #151515;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .toolbar-shorter label {
    margin-right: 10px;
    width: 65px;
  }
}

.nice-select.wide {
  width: 200px;
}

@media only screen and (max-width: 767px) {
  .nice-select.wide {
    width: 165px;
  }
}

.nice-select.small {
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  margin-right: 10px;
}

/*-- Product Details --*/
.product-details-images .lg-image {
  position: relative;
}

.product-details-images .lg-image > a {
  width: 100%;
}

.product-details-images .lg-image img {
  width: 100%;
}

.product-details-thumbs, .product-details-thumbs-2 {
  margin-top: 15px;
  overflow: hidden;
}

.product-details-thumbs .slick-list, .product-details-thumbs-2 .slick-list {
  margin: 0 -5px;
}

.product-details-thumbs .slick-list .slick-slide, .product-details-thumbs-2 .slick-list .slick-slide {
  padding: 0 5px;
}

.product-details-thumbs .slick-list .slick-slide > img, .product-details-thumbs-2 .slick-list .slick-slide > img {
  border: 1px solid transparent;
}

.product-details-thumbs .slick-active.slick-current > img, .product-details-thumbs-2 .slick-active.slick-current > img {
  border-color: #151515;
}

.product-details-thumbs .sm-image {
  cursor: pointer;
}

.product-large-thumb {
  position: relative;
  overflow: hidden;
}

a.popup-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px !important;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #373737;
  color: #fff;
  border-radius: 4px;
  z-index: 9;
}

.product-large-thumb a.popup-img:hover {
  background-color: #151515;
  color: #fff;
}

.product-details-content {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    margin-top: 30px;
  }
}

.product-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.product-nav > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d1d1d1;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  color: #d1d1d1;
  position: relative;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-nav > a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.product-details-content.text-center h2 {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-details-content.text-center h2 {
    max-width: 245px;
    font-size: 18px;
    margin: auto;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .product-details-content.text-center h2 {
    max-width: 195px;
    font-size: 17px;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
  }
}

.product-details-content h2 {
  color: #151515;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 10px;
  max-width: 400px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    max-width: 370px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content h2 {
    font-size: 17px;
    max-width: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 300px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 175px;
  }
}

.single-product-reviews {
  font-size: 15px;
  margin-bottom: 20px;
}

.single-product-reviews i.active {
  color: #F5C60D;
}

.review-link {
  font-size: 15px;
  color: #151515;
  margin-left: 10px;
  line-height: 30px;
  display: inline-block;
}

.review-link:hover {
  color: #151515;
}

.single-product-price {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.single-product-price .price.new-price {
  color: #151515;
  font-weight: 500;
}

.single-product-price .regular-price {
  text-decoration: line-through;
}

.product-description p {
  line-height: 25px;
  color: #151515;
  margin-bottom: 30px;
}

.single-product-quantity {
  margin-bottom: 35px;
}

.single-product-quantity .product-quantity {
  background: #fff;
  border: 1px solid #ededed;
  float: left;
  margin-right: 15px;
  padding: 0 10px;
  border-radius: 0;
}

.single-product-quantity .product-quantity input {
  background: none;
  border: none;
  color: #151515;
  font-size: 20px;
  font-weight: 400;
  height: 55px;
  line-height: 53px;
  padding: 0;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .single-product-quantity .product-quantity input {
    height: 45px;
    width: 40px;
  }
}

.single-product-quantity .btn {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .single-product-quantity .btn {
    padding: 8px 15px;
  }
}

.single-product-quantity .btn i {
  font-size: 20px;
  margin-right: 10px;
}

.wishlist-compare-btn {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .wishlist-compare-btn {
    text-align: left;
  }
}

@media only screen and (max-width: 479px) {
  .wishlist-compare-btn {
    text-align: center;
  }
}

.wishlist-compare-btn a {
  background: none;
  border: 1px solid #ededed;
  color: #151515;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  line-height: 43px;
  text-align: center;
  width: 170px;
  border-radius: 0;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a {
    width: 155px;
  }
}

.wishlist-compare-btn a.wishlist-btn {
  margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.wishlist-compare-btn a.add-compare {
  border-radius: 5px;
}

.wishlist-compare-btn a.wishlist-btn:before {
  content: '\f08a';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: top;
}

.wishlist-compare-btn a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
  animation: crFlipX 2s ease-in-out infinite both;
}

.product-meta {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 15px 0;
  width: 100%;
}

.product-meta .posted-in {
  color: #151515;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
  text-transform: uppercase;
}

.product-meta .posted-in > a {
  color: #151515;
  font-weight: 400;
  text-transform: none;
}

.product-meta .posted-in > a:hover {
  color: #151515;
}

.single-product-sharing {
  margin-bottom: 0;
  padding: 15px 0;
  width: 100%;
}

.single-product-sharing > h3 {
  color: #151515;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 15px;
  text-transform: uppercase;
}

.single-product-sharing ul {
  display: inline-block;
  margin-bottom: 10px;
}

.single-product-sharing ul > li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.single-product-sharing ul li a {
  color: #555555;
  display: block;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.single-product-sharing ul li a:hover {
  color: #151515;
}

/*Single Product variable css*/
.product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.product-variants > .product-variants-item {
  margin: 20px 0;
  display: block;
  margin-top: 0;
}

.product-variants > .product-variants-item:last-child {
  margin-left: 30px;
}

.product-variants-item span.control-label {
  margin-bottom: 6px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  text-transform: capitalize;
}

.product-variants .product-variants-item select {
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
}

.procuct-color > li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
}

.procuct-color > li:nth-child(2) > a > span.color {
  background: #00EEB3;
}

.procuct-color > li > a > span.color {
  background: #ffa07a;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.procuct-color > li.active > a > span.color, .procuct-color > li:hover > a > span.color {
  outline: 1px solid #D6B98C;
  outline-offset: 1px;
}

/*single product group css*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}

.group-cart-table .table {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}

.group-cart-table .table td {
  text-align: center;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table td {
    min-width: 150px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table .table td {
    min-width: 180px;
  }
}

.group-cart-table .quantity-field label {
  margin-right: 5px;
}

.group-cart-table .quantity-field input {
  width: 50px;
  text-align: center;
  border: 1px solid #ddd;
  height: 45px;
}

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 {
  padding: 40px 0px;
}

.product-details-images-2 {
  float: right;
  width: calc(100% - 110px);
  padding-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2 {
  float: left;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 {
  float: left;
  width: calc(100% - 110px);
  padding-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2.tabstyle-3 {
  float: right;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

/*Single Product gallery Style CSS*/
.lg-image.col-50 {
  float: left;
  width: 50%;
  padding: 5px;
  position: relative;
}

.lg-image.col-50 a.popup-img {
  bottom: 5px;
  right: 5px;
}

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky {
  position: relative;
  margin-bottom: 20px;
}

.lg-image.sidebar-sticky:last-child {
  margin-bottom: 0;
}

/*Single Product slider box Style CSS*/
.slider-box {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .slider-box {
    margin-bottom: 0;
  }
}

.slider-box .slick-list {
  margin: 0 -10px;
}

.slider-box .slick-list .slick-slide {
  padding: 0 10px;
}

.slider-box-content .product-description p {
  max-width: 80%;
  margin: auto;
  margin-bottom: 15px;
}

.slider-box-content .product-quantity {
  float: none;
  display: inline-block;
}

.slider-box-content .add-to-link {
  display: inline-block;
}

/*-- Product Details Tab List --*/
.dec-and-review-menu {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0;
  background-color: #f3f1ec;
}

.dec-and-review-menu > li {
  list-style: none;
  position: relative;
  z-index: 9;
  display: inline-block;
  margin-right: 50px;
}

@media only screen and (max-width: 575px) {
  .dec-and-review-menu > li {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}

.dec-and-review-menu > li:last-child {
  margin-right: 0;
}

.dec-and-review-menu > li > a {
  display: block;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

.dec-and-review-menu > li > a.active, .dec-and-review-menu > li > a:hover {
  color: #151515;
}

/*-- Product Details Tab Content --*/
.product-review-tab {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-review-tab {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-review-tab {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-tab {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .product-review-tab {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.product-review-content-tab {
  padding-top: 40px;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-review-content-tab {
    padding-top: 20px;
  }
}

.single-product-description p {
  line-height: 22px;
  color: #151515;
}

.review-page-comment h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.review-page-comment > ul {
  margin: 0 0 25px;
}

.review-page-comment > ul > li {
  margin: 0 0 20px;
  position: relative;
  list-style: none;
}

.product-comment img {
  width: 60px;
  float: left;
}

.product-comment-content {
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-left: 80px;
  position: relative;
  padding: 15px 15px 0;
}

.product-comment-content:before {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  content: '';
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 10px;
}

.meta > strong {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 31px;
}

.meta > span {
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
}

.description p {
  font-size: 15px;
  color: #151515;
  line-height: 28px;
}

.comment-notes {
  margin: 0;
}

.rating i.fa:not(:last-child) {
  color: #F9BA48;
}

.comment-form-comment {
  margin-bottom: 10px;
}

.comment-form-comment textarea {
  border: 1px solid #ededed;
  border-radius: 0;
  height: 125px;
  padding: 10px;
  width: 100%;
  background: #f5f5f5;
}

.review-comment-form-author, .review-comment-form-email {
  margin-bottom: 10px;
}

.review-comment-form-author input, .review-comment-form-email input {
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  height: 38px;
  line-height: 38px;
  max-width: 100%;
  width: 300px;
  display: block;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.review-comment-form-author input:focus, .review-comment-form-email input:focus, .comment-form-comment textarea:focus {
  outline: auto;
  outline-color: #151515;
}

.form-button {
  border: none !important;
  height: 42px !important;
  line-height: 40px !important;
  background: #151515;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  letter-spacing: .1em;
  line-height: 38px;
  overflow: hidden;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}

.form-button:hover {
  background: #222;
  color: #fff;
}

/*----------------------------------------*/
/*  08. Testimonial CSS
/*----------------------------------------*/
/*-- Testimonial --*/
.testimonial-image {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .testimonial-image {
    margin-bottom: 30px;
  }
}

.testimonial-image > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner {
    padding: 0 10px;
  }
}

.testimonial .testimonial-inner .testimonial-description blockquote {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  max-width: 505px;
}

.testimonial .testimonial-inner .testimonial-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial .testimonial-inner .testimonial-author {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author {
    padding-bottom: 15px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-thumb {
  width: 80px;
  border: 3px solid #d2d2d2;
  border-radius: 50px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-thumb {
    margin-right: 10px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-thumb img {
  width: 100%;
}

.testimonial .testimonial-inner .testimonial-author .author-info h4 {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-info h4 {
    font-size: 16px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-info span {
  display: block;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-info span {
    font-size: 13px;
    line-height: 26px;
  }
}

/*-- Slide Image In Animation --*/
.slick-active {
  /*-- Slide Image For Hero Testimonial --*/
}

.slick-active .testimonial-image > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.slick-active .testimonial-image > *:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slick-active .testimonial-image > *:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slick-active .testimonial-image > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slick-active .testimonial-image > *:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slick-active .testimonial-image > *:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.slick-active .testimonial-image > *:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/*---------------------------------------
    09. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 2px solid #151515;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 2px solid #151515;
  }
}

.cart-table .table thead {
  background-color: #151515;
}

@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}

.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 20px;
}

.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 120px;
  min-width: 100px;
  width: 120px;
}

@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 120px;
  }
}

.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}

.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #eeeeee;
}

.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}

.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-title a:hover {
  color: #151515;
}

.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-quantity .pro-qty {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1px solid #eeeeee;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}

.cart-table td.pro-quantity .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
  color: #151515;
}

.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-stock span.in-stock {
  font-size: 14px;
  text-transform: capitalize;
  color: #30b878;
}

.cart-table td.pro-stock span.out-stock {
  color: #EB3E32;
}

.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-remove a i {
  font-size: 15px;
}

.cart-table td.pro-remove a:hover {
  color: #ff0000;
}

@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}

.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 0;
  height: 55px;
  border: 1px solid #999999;
  line-height: 40px;
  padding: 9px 20px;
  color: #151515;
  background-color: transparent;
}

.calculate-shipping form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #151515;
  color: #151515;
  background-color: transparent;
}

.calculate-shipping form input[type="submit"] {
  font-weight: 700;
  color: #151515;
  background-color: #151515;
  border-color: #151515;
  width: 140px;
}

.calculate-shipping form input[type="submit"]:hover {
  background-color: #151515;
  border-color: #151515;
  color: #151515;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}

.discount-coupon form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #151515;
  background-color: transparent;
}

.discount-coupon form input[type="submit"] {
  font-weight: 700;
  color: #151515;
  background-color: #151515;
  border-color: #151515;
  width: 140px;
}

.discount-coupon form input[type="submit"]:hover {
  background-color: #151515;
  border-color: #151515;
  color: #151515;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

.cart-summary .cart-summary-wrap {
  background-color: #f5f5f5;
  padding: 45px 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}

.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
  color: #151515;
}

.cart-summary .cart-summary-wrap p {
  font-weight: 600;
  line-height: 23px;
  color: #151515;
}

.cart-summary .cart-summary-wrap p span {
  float: right;
}

.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #151515;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #151515;
  margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
  float: right;
}

.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 180px;
  border-radius: 0;
  height: 44px;
  line-height: 24px;
  padding: 9px 20px;
  margin-left: 20px;
  float: right;
}

.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
  color: #151515;
  background-color: #151515;
  border-color: #151515;
}

.cart-summary .cart-summary-button button:hover {
  background-color: #151515;
  border-color: #151515;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*---------------------------------------
    10. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}

.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #151515;
  margin-bottom: 15px;
}

.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #151515;
  margin-bottom: 15px;
}

.checkout-form input[type="checkbox"] {
  width: auto;
}

.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}

@media only screen and (max-width: 575px) {
  .checkout-form .check-box {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .checkout-form .check-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.checkout-form .check-box:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 575px) {
  .checkout-form .check-box:last-child {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .checkout-form .check-box:last-child {
    margin-bottom: 0px;
  }
}

.checkout-form .check-box input[type="checkbox"] {
  display: none;
}

.checkout-form .check-box input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #151515;
  margin: 0;
}

.checkout-form .check-box input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #151515;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::before {
  border: 2px solid #151515;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #151515;
  padding: 45px;
}

@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}

.checkout-cart-total h4 {
  -webkit-flex-basis: 18px;
      -ms-flex-preferred-size: 18px;
          flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #ffffff;
}

.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}

.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}

.checkout-cart-total h4 span {
  float: right;
  display: block;
}

.checkout-cart-total ul {
  border-bottom: 1px solid #ffffff;
}

.checkout-cart-total ul li {
  color: #ffffff;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}

.checkout-cart-total ul li span {
  color: #ffffff;
  float: right;
}

.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}

.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #151515;
  padding: 45px;
}

@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}

.single-method:last-child {
  margin-bottom: 0;
}

.single-method input[type="radio"] {
  display: none;
}

.single-method input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

.single-method input[type="radio"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #151515;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]:checked + label::before {
  border: 2px solid #ffffff;
}

.single-method input[type="radio"]:checked + label::after {
  opacity: 1;
}

.single-method input[type="checkbox"] {
  display: none;
}

.single-method input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

.single-method input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #151515;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]:checked + label::before {
  border: 2px solid #ffffff;
}

.single-method input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #ffffff;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*---------------------------------------
    11. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #151515;
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 15px;
  color: #444444;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .category:hover {
  color: #151515;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #444444;
  line-height: 20px;
  margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #151515;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #444444;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #151515;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 25px 10px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #222;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 26px;
  overflow: hidden;
  display: block;
  text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
  padding-left: 25px;
  padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
  left: calc(100% - 41px);
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #151515;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #444444;
  font-size: 14px;
}

/*---------------------------------------
    12. My Account CSS
-----------------------------------------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
}

.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #151515;
  font-weight: 500;
  font-size: 15px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #151515;
  color: #ffffff;
}

.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  background-color: #ffffff;
  font-size: 15px;
  border: 1px solid #eeeeee;
  padding: 30px;
}

@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.myaccount-content .welcome a {
  color: #000000;
}

.myaccount-content .welcome a:hover {
  color: #151515;
}

.myaccount-content .welcome strong {
  font-weight: 600;
}

.myaccount-content a.edit-address-btn {
  border-color: #151515;
}

.myaccount-content a.edit-address-btn i {
  padding-right: 5px;
}

.myaccount-content a.edit-address-btn:hover {
  background-color: #151515;
  border-color: #151515;
}

.myaccount-content button.save-change-btn {
  background: none;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #151515;
  border-color: #151515;
  width: 140px;
  padding: 10px 0;
  border-radius: 3px;
}

.myaccount-content button.save-change-btn:hover {
  background-color: #151515;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}

.myaccount-table table td a:hover,
.myaccount-table .table td a:hover {
  color: #ffffff;
}

.saved-message {
  border-top: 3px solid #151515;
  border-top: 3px solid #151515;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}

.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 0;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}

/*---------------------------------------
    13. Login Register CSS
-----------------------------------------*/
.form-login-title > h2, .form-register-title > h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .form-login-title > h2, .form-register-title > h2 {
    font-size: 24px;
    line-height: 20px;
  }
}

.login-form, .register-form {
  padding: 20px;
  border: 1px solid #d3ced2;
  margin: 30px 0;
  text-align: left;
  border-radius: 5px;
}

.form-fild, .login-submit, .lost-password, .register-submit {
  margin-bottom: 10px;
}

.login-submit label {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .login-submit label {
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 10px;
  }
}

.form-fild p {
  margin: 0;
}

.form-fild p span.required {
  color: #f23838;
}

.form-fild input {
  width: 100%;
  padding: 0 15px;
  height: 45px;
  border: 1px solid #dddddd;
  color: #151515;
  border-radius: 5px;
}

.lost-password > a {
  color: #a43d21;
}

.lost-password > a:hover {
  color: #151515;
}

/*----------------------------------------*/
/*  14. Faq CSS
/*----------------------------------------*/
.faq-desc {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-desc {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-desc {
    margin-bottom: 30px;
  }
}

.faq-desc h3 {
  color: #444;
  font-size: 18px;
  font-weight: 700;
}

.faq-desc p {
  color: #151515;
  margin: 0;
}

.faq-accordion .card {
  border-radius: 0;
  margin-bottom: 10px;
}

.faq-accordion .card.actives {
  border: 1px solid #151515;
}

.faq-accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border: 0;
}

.faq-accordion .card-header a {
  display: block;
  padding: 15px 10px 15px 25px;
  cursor: pointer;
}

.faq-accordion .card-header a.collapsed:before {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-accordion .card-header a:after {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
  content: "\f068 ";
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-header a {
    font-size: 14px;
    padding-right: 30px;
  }
}

.faq-accordion .card-header a:hover {
  color: #151515 !important;
}

/* Faq Style Two CSS */
.faq-accordion .card-style-two {
  border-radius: 0;
  margin-bottom: 10px;
  background-color: transparent;
  border: 0;
}

.faq-accordion .card-style-two.actives {
  border: 0;
}

.faq-accordion .card-style-two.actives .card-header {
  background-color: #151515;
  border-color: #151515;
}

.faq-accordion .card-style-two.actives .card-header a {
  color: #ffffff;
}

.faq-accordion .card-style-two .card-header {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: block;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}

.faq-accordion .card-style-two .card-header:hover {
  background-color: #151515;
  border-color: #151515;
}

.faq-accordion .card-style-two .card-header a {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 500;
  color: #151515;
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    font-size: 13px;
  }
}

.faq-accordion .card-style-two .card-header a.collapsed::before {
  font-size: 18px;
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-accordion .card-style-two .card-header a.collapsed::after {
  display: none;
}

.faq-accordion .card-style-two .card-header a:after {
  font-size: 18px;
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 12px;
  content: "\f068";
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    padding: 15px 15px;
  }
}

.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff;
}

.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff !important;
}

.faq-accordion .card-body {
  border: 1px solid #ebebeb;
}

/*---------------------------------------
    15. Blog CSS
-----------------------------------------*/
/*-- Blog --*/
.blog .blog-inner .blog-media {
  margin-bottom: 15px;
}

.blog .blog-inner .blog-media .image {
  display: block;
}

.blog .blog-inner .blog-media .image img {
  width: 100%;
}

.blog .blog-inner .blog-audio iframe {
  width: 100%;
  height: 242px;
  border: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-audio iframe {
    height: 190px;
  }
}

.blog .blog-inner .blog-video iframe {
  width: 100%;
  height: 242px;
  border: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-video iframe {
    height: 190px;
  }
}

.blog .blog-inner .blog-gallery a {
  display: block;
}

.blog .blog-inner .blog-gallery a img {
  width: 100%;
}

.blog .blog-inner .content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}

.blog .blog-inner .content .meta li {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .content .meta li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .meta li {
    font-size: 13px;
  }
}

.blog .blog-inner .content .meta li::after {
  content: "-";
  margin: 0 10px;
}

.blog .blog-inner .content .meta li:last-child::after {
  display: none;
}

.blog .blog-inner .content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .content .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .title {
    font-size: 16px;
  }
}

.blog .blog-inner .content .desc {
  margin-top: 20px;
}

.blog .blog-inner .content .read-more {
  font-size: 16px;
  line-height: 30px;
  text-decoration: underline;
}

.blog .blog-inner .content .read-more:hover {
  color: #151515;
}

/*-- Blog Details --*/
.blog-details .blog-inner .blog-media {
  margin-bottom: 30px;
}

.blog-details .blog-inner .blog-media .image {
  display: block;
}

.blog-details .blog-inner .blog-media .image img {
  width: 100%;
}

.blog-details .blog-inner .blog-audio iframe {
  width: 100%;
  border: 0;
}

.blog-details .blog-inner .blog-video iframe {
  width: 100%;
  border: 0;
  height: 565px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 465px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 300px;
  }
}

.blog-details .blog-inner .content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
}

.blog-details .blog-inner .content .meta li {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .content .meta li {
    font-size: 12px;
  }
}

.blog-details .blog-inner .content .meta li::after {
  content: "-";
  margin: 0 10px;
}

.blog-details .blog-inner .content .meta li:last-child::after {
  display: none;
}

.blog-details .blog-inner .content .title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .content .title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-details .blog-inner .content .title {
    font-size: 20px;
  }
}

.blog-details .blog-inner .content .desc {
  margin-top: 20px;
}

.blog-details .blog-inner .content .blog-post-list li {
  display: block;
  list-style: none;
  line-height: 30px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}

.blog-details .blog-inner .content .blog-post-list li::before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome;
  top: 0;
  left: 0;
  z-index: 1;
}

.blog-details .blog-inner .content .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-details .blog-inner .content .tags li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  line-height: 24px;
  margin-right: 15px;
}

.blog-details .blog-inner .content .tags li::after {
  content: ",";
  margin-left: 3px;
}

.blog-details .blog-inner .content .tags li:first-child::after, .blog-details .blog-inner .content .tags li:last-child::after {
  display: none;
}

.blog-details .blog-inner .content .tags li i {
  font-size: 18px;
  line-height: 24px;
}

.blog-details .blog-inner .content .tags li a {
  display: block;
}

.comments-wrapper h3 {
  font-weight: 600;
}

.commnent-list-wrap .comment {
  list-style-type: none;
  margin-top: 48px;
  padding-top: 37px;
  padding-left: 6px;
  border-top: 1px solid #eee;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .commnent-list-wrap .comment {
    margin-top: 25px;
  }
}

.commnent-list-wrap .comment .thumb {
  float: left;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment .thumb {
    float: none;
  }
}

.commnent-list-wrap .comment .thumb img {
  border-radius: 100%;
  width: 100px;
  height: 100px;
}

.commnent-list-wrap .comment .content {
  position: relative;
  overflow: hidden;
  margin-left: 115px;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment .content {
    margin-left: 0;
    margin-top: 30px;
  }
}

.commnent-list-wrap .comment .content .info h6 {
  font-size: 15px;
  font-weight: 500;
}

.commnent-list-wrap .comment .content .reply-btn a {
  color: #ffffff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #151515;
  background: #151515;
  padding: 3px 10px;
  border-radius: 10px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.commnent-list-wrap .comment .content .reply-btn a:hover {
  color: #151515;
  border: 1px solid #151515;
  background: transparent;
}

.commnent-list-wrap .comment .content .comment-footer span {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.commnent-list-wrap .comment.comment-reply {
  padding-left: 61px;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment.comment-reply {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .commnent-list-wrap .comment.comment-reply {
    padding-left: 0;
  }
}

/*---------------------------------------
    16. Comment CSS
-----------------------------------------*/
/*-- Comment Wrap --*/
.comment-wrapper h3 {
  margin-bottom: 30px;
  font-weight: 600;
}

/*-- Comment Form --*/
.comment-form input {
  width: 100%;
  height: 50px;
  border: 1px solid #eeeeee;
  padding: 5px 20px;
  color: #151515;
}

.comment-form textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #151515;
  resize: none;
}

.comment-form input[type="submit"], .comment-form button, .comment-form .submit {
  width: auto;
  height: 50px;
  border: none;
  padding: 5px 30px;
  background-color: #151515;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}

.comment-form input[type="submit"]:hover, .comment-form button:hover, .comment-form .submit:hover {
  background-color: #151515;
}

/*---------------------------------------
    17. Sidebar CSS
-----------------------------------------*/
/*-- Sidebar --*/
.common-sidebar-widget {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
  padding-bottom: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-sidebar-widget {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .common-sidebar-widget {
    margin-bottom: 30px;
  }
}

.common-sidebar-widget.sidebar-two {
  padding: 0;
  background-color: transparent;
}

.common-sidebar-widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  margin: 0;
  padding: 0 0 25px;
  display: block;
  font-size: 18px;
  color: #151515;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-title {
    font-size: 16px;
  }
}

/*-- Sidebar Search --*/
.sidebar-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e6e7;
}

.sidebar-search form input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 40px);
      -ms-flex: 1 0 calc(100% - 40px);
          flex: 1 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  height: 40px;
  border: none;
  background-color: transparent;
  padding: 0 15px;
  color: #151515;
}

.sidebar-search form button {
  max-width: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 40px;
      -ms-flex: 1 0 40px;
          flex: 1 0 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.sidebar-search form button i {
  font-size: 20px;
  line-height: 40px;
}

.sidebar-search form button:hover {
  color: #151515;
}

/*-- Sidebar List --*/
.sidebar-list li {
  margin-bottom: 12px;
}

.sidebar-list li:last-child {
  margin-bottom: 0;
}

.sidebar-list li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #151515;
  display: block;
}

.sidebar-list li a img {
  width: 25px;
  margin-right: 15px;
}

.sidebar-list li a i {
  margin-right: 10px;
  font-size: 10px;
}

.sidebar-list li a:hover {
  color: #151515;
}

/*-- Sidebar Price --*/
.sidebar-price {
  overflow: hidden;
}

.sidebar-price #price-range {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 7px 0;
  border-radius: 50px;
  background-color: #ccc;
  border: 0;
}

.sidebar-price #price-range .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #151515;
}

.sidebar-price #price-range .ui-slider-handle {
  position: absolute;
  top: 50%;
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}

.sidebar-price .price-amount {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 0;
  color: #151515;
  border: none;
  background-color: transparent;
  display: block;
}

.sidebar-price button {
  height: 35px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 15px;
}

/*-- Sidebar Compare --*/
.compare-products-list {
  overflow: hidden;
}

.compare-products-list ul {
  margin-bottom: 20px;
}

.compare-products-list ul li {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
}

.remove-compare {
  float: right;
  display: inline-block;
  padding-right: 10px;
  float: right;
  display: inline-block;
}

.clear-btn {
  float: left;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.compare-btn {
  float: right;
  height: auto;
  line-height: 1;
  background: transparent;
  text-transform: capitalize;
  text-decoration: underline;
  color: #151515;
  font-size: 15px;
}

.compare-btn:hover {
  color: #151515;
  background: transparent;
  text-decoration: underline;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-blog:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-blog .image {
  max-width: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50px;
      -ms-flex: 1 0 50px;
          flex: 1 0 50px;
  height: 50px;
}

.sidebar-blog .image img {
  width: 100%;
}

.sidebar-blog .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 50px);
      -ms-flex: 1 0 calc(100% - 50px);
          flex: 1 0 calc(100% - 50px);
  padding-left: 15px;
}

.sidebar-blog .content h5 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.sidebar-blog .content p {
  margin-bottom: 0;
}

.sidebar-blog .content span {
  font-size: 15px;
  display: block;
  line-height: 18px;
}

/*-- Sidebar Tags --*/
.sidebar-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -5px;
}

.sidebar-tag li {
  padding: 5px;
}

.sidebar-tag li a {
  display: block;
  border: 1px solid #e5e6e7;
  padding: 5px 10px;
  font-size: 15px;
  color: #151515;
}

.sidebar-tag li a:hover {
  background-color: #151515;
  border-color: #151515;
  color: #ffffff;
}

/*-- Sidebar Product --*/
.sidebar-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-product .image {
  max-width: 80px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 80px;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
}

.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}

.sidebar-product .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 80px);
      -ms-flex: 1 0 calc(100% - 80px);
          flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}

.sidebar-product .content .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.sidebar-product .content .price span.old {
  margin-left: 10px;
  color: #151515;
  text-decoration: line-through;
}

.sidebar-product .content .ratting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}

.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #151515;
}

.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  18. Brand CSS
/*----------------------------------------*/
/*-- Brand Slider --*/
.brand-slider .slick-dots, .brand-slider-two .slick-dots, .brand-slider-three .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*-- Brand --*/
.single-brand {
  background: #fff;
  padding: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-brand {
    padding: 10px;
  }
}

.single-brand .brand-image {
  position: relative;
  overflow: hidden;
}

.single-brand .brand-image img {
  width: 100%;
  height: auto;
}

/*---------------------------------------
    19. Contact CSS
-----------------------------------------*/
/*-- Map --*/
.contact-map {
  height: 400px;
  width: 100%;
}

/*-- Contact Information --*/
.contact-information h3 {
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-information ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px;
}

.contact-information ul li:last-child {
  margin-bottom: 0;
}

.contact-information ul li .icon {
  width: 50px;
}

.contact-information ul li .icon i {
  font-size: 30px;
}

.contact-information ul li .text {
  max-width: calc(100% - 50px);
}

.contact-information ul li .text span, .contact-information ul li .text a {
  display: block;
  line-height: 24px;
  max-width: 230px;
}

/*-- Contact Form --*/
.bl {
  border-left: 1px solid #dddd;
}

.name-fild-padding {
  padding-right: 30px;
}

.contact-form-wrap h3 {
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contact-form-wrap h3 {
    font-size: 28px;
  }
}

.contact-form-wrap h3::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 70px;
  height: 2px;
  background: #151515;
}

.contact-form-wrap .fild-name {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}

.contact-form-wrap input {
  width: 100%;
  height: 50px;
  border: 0;
  border-bottom: 2px solid #151515;
  padding: 5px 0px;
  color: #151515;
  border-radius: 0px;
  height: 45px;
}

.contact-form-wrap input:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap textarea {
  width: 100%;
  height: 200px;
  border: 0;
  border-bottom: 2px solid #151515;
  padding: 10px 00px;
  color: #151515;
  font-size: 16px;
  font-weight: 500;
  resize: none;
  border-radius: 0px;
}

.contact-form-wrap textarea:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap button {
  margin-top: -5px;
  display: block;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.contact-form-wrap .check-box {
  float: left;
  margin-right: 70px;
}

.contact-form-wrap .check-box:last-child {
  margin-right: 0;
}

.contact-form-wrap .check-box input[type="checkbox"] {
  display: none;
}

.contact-form-wrap .check-box input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #151515;
  margin: 0;
}

.contact-form-wrap .check-box input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form-wrap .check-box input[type="checkbox"] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #151515;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form-wrap .check-box input[type="checkbox"]:checked + label::before {
  border: 2px solid #151515;
}

.contact-form-wrap .check-box input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.form-messege.success {
  color: #1dbc51;
  font-weight: 700;
}

.form-messege.error {
  color: #ff1313;
}

/*----------------------------------------*/
/*  20. Newsletter CSS
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .newsletter-content {
    text-align: center;
    margin-bottom: 20px;
  }
}

.newsletter-content h2 {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-content h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-content h2 {
    font-size: 24px;
  }
}

.newsletter-content p {
  max-width: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .newsletter-content p {
    margin: auto;
  }
}

.newsletter-form {
  position: relative;
  border: 2px solid #151515;
  width: 620px;
  max-width: 100%;
  margin: 0 auto;
}

.newsletter-form input {
  width: 100%;
  border: none;
  padding: 10px 20px;
  padding-right: 200px;
  line-height: 30px;
  height: 55px;
  color: #151515;
  font-size: 15px;
  background-color: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-form input {
    padding-right: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-form input {
    height: 40px;
    padding-right: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .newsletter-form input {
    padding-right: 128px;
    font-size: 11px;
  }
}

.newsletter-form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background: none;
  border: none;
  width: 200px;
  border-left: 2px solid #151515;
  font-size: 13px;
  font-weight: 600;
  color: #151515;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-form button {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-form button {
    width: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .newsletter-form button {
    width: 100px;
    font-size: 11px;
  }
}

.newsletter-form button:hover {
  color: #151515;
}

/*---------------------------------------
    21. Modal CSS
-----------------------------------------*/
.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 95%;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}

.quick-view-modal-container .modal-header button {
  z-index: 999;
}

.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

/*---------------------------------------
    22. 404 CSS
-----------------------------------------*/
.error-text > h1 {
  font-size: 130px;
  color: #151515;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 130px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-text > h1 {
    font-size: 100px;
    line-height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h1 {
    font-size: 90px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
  }
}

.error-text > h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #151515;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h2 {
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > h2 {
    font-size: 18px;
    line-height: 18px;
  }
}

.error-text > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 20px auto 30px;
  color: #151515;
  max-width: 700px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > p {
    font-size: 18px;
    line-height: 24px;
    max-width: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > p {
    font-size: 15px;
    line-height: 24px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.error-button a {
  background: #151515 none repeat scroll 0 0;
  border-radius: 35px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 10px;
  padding: 0 30px;
  text-transform: uppercase;
}

.error-button a:hover {
  background: #333;
}

/*----------------------------------------*/
/*  23. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .footer-logo {
  margin-bottom: 30px;
}

.footer-widget .footer-logo a {
  display: block;
}

.footer-widget .footer-logo a img {
  width: 107px;
}

.footer-widget .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

.footer-widget h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget h2 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h2 {
    font-size: 22px;
    line-height: 28px;
  }
}

.footer-widget p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.footer-widget .contact-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.footer-widget .opeaning-title {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  margin-bottom: 0;
}

.footer-widget ul.address li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
}

.footer-widget ul.address li:last-child {
  margin-bottom: 0;
}

.footer-widget ul.address li i {
  margin-right: 15px;
  line-height: 28px;
  font-size: 18px;
}

.footer-widget ul.address li span {
  overflow: hidden;
}

.footer-widget ul.address li a {
  display: block;
}

.footer-widget ul.address li a:hover {
  color: #151515;
}

.footer-widget > .ft-menu {
  display: inline-block;
}

.footer-widget > .ft-menu > li {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.footer-widget > .ft-menu > li:last-child {
  margin-bottom: 0;
}

.footer-widget > .ft-menu > li > a {
  text-transform: capitalize;
  text-decoration: none;
  display: inherit;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.footer-widget > .ft-menu > li > a:hover {
  color: #151515;
}

/*-- Footer Bottom --*/
.footer-bottom {
  border-top: 1px solid #dddddd;
}

/*-- Copyright --*/
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center !important;
  }
}

.copyright p {
  line-height: 30px;
  font-size: 13px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .copyright p {
    margin-bottom: 15px;
  }
}

.copyright p a {
  color: #151515;
}

.copyright p a:hover {
  color: #151515;
}


/*        all from other stylesheet        */


#header {
	background-color:#FFF;	
	height:90px !important;
}
.navbar {
	border-radius: 0;
	margin: 0 0 0 0; /* was 6 for top */
	padding: 0;
	background-color:#FFF;	
	height:80px !important;
}
.navbar>.container .navbar-brand {
	margin-left: 0;
}
/*.navbar-brand {
	height: 40px;
	padding: 9px 10px 9px 5px;
}*/
.navbar-brand:focus {
	outline: 0;
}
.navbar-custom.top-nav-collapse .overNavCallouts {
  margin: 13px 0 10px;
}
.navbar-custom.top-nav-collapse.navbar-custom {
	padding: 12px 0 0 0;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin-top:-1px !important;
}


/*.navbar-custom.top-nav-collapse.navbar-fixed-top {
	display:none;
}*/


/*.navTopTest {
  position: relative;
  right: 0;
  left: 0;
  z-index: 830;
  top: 0;
  border-width: 0 0 1px;
}*/

.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}

.navbar-custom ul.nav ul.dropdown-menu {
	border-radius: 0;
	background: #FFF;
}
.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #C1D7AF;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child {
	border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
	background: #FFF;
	color: #323232;
}
.navbar-custom ul.nav ul.dropdown-menu li a:before,
.navbar-custom ul.nav ul.dropdown-menu li a:after {
	content:"";
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #8CADCD;
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
	background-color:#fff;	
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a:hover {
	background-color:#8CADCD;	
}
.dropdown-menu {
	padding:0;
}
.navbar-custom ul.nav li a {
    font-size: 14px;
    color: #787878;
	font-weight:500;
	letter-spacing: 1px;
    padding: 14px 15px;
	margin-top:1px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	/*border:1px solid #fff;
	border-radius: 3px;*/
}
.navbar-toggle {
	padding: 13px 6px 6px;
	font-size: 20px;
	color: #8CADCD;
	z-index:200;
}
.navbar-custom.top-nav-collapse .navbar-toggle {
	padding: 8px 6px 6px;
}

.navbar-toggle:focus, .navbar-toggle:active {
	outline: 0;
}

.navbar-custom ul.nav li a:hover {
    color: #004990;
}
.navbar-custom.top-nav-collapse.navbar-custom {
	margin: 0;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	outline: 0;
	/*background-color: rgba(255,255,255,.5);*/
}
.navbar-custom .nav li.active a {
    color: #02374D;
    background: #E7E7E7;
	border-radius: 3px;
	text-decoration:none;
	/*border:1px solid #c7c7c7;
	padding:13px 18px 14px 15px !important;
	margin:1px 6px 0 0;*/
}
/* had to take from bootstrap.css to get to work properly */
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  /*background-color: #c1d7af !important;  dark option #631910; orange: ff9715 */
}
.navbar-custom.top-nav-collapse .navbar-right {
	margin:1px 0 0 0 !important;
}

.navbar-right {
    clear: right;
	margin:31px 0 0 0 !important;
}
.navbar-collapse .navbar-nav {
	margin: -3px 0 0 0 !important; /* was -10 */
	background-color:#fff;
}
/* end code to fix nav */
.overNavCallouts {
	float:right;
	margin:7px 14px 10px 0;	
}
.overNavCallouts p a {
	display:inline;
	margin:0 0 0 40px;
	padding:6px 10px;	
	font-size:15px;
	border-radius:3px;
	background-color:#8CADCD;
	color:#fff;
}
.overNavCallouts p a:hover {
	background-color:#224877;
}
p.mobileCallout a {
	background-color: #8CADCD;
	border-radius: 3px;
	color: #fff;
	display: inherit;
	font-size: 15px;
	margin: 5px 0;
	padding: 6px 10px;
}
.goodnessLogoHP {
	float: right;
	margin: 0;
}
.goodnessLogo {
	float: none;
	margin: 22px auto 0;
}
/* Effect 13: three circles */
/*nav li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}*/

.cl-effect-13 li {
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	display:inline;
}
.cl-effect-13 li a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
/*.cl-effect-13 li.active {
	color:#01A70F;
}*/
/*.cl-effect-13 li.active {
	text-decoration:underline;
}*/

.cl-effect-13 li a::before {
	position: absolute;
	top: 64%; /* adjusts how close to nav */
	left: 50%;
	color: transparent;
	content: '•';
	/*visibility:hidden;*/
	text-shadow: 0 0 transparent;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

/*.cl-effect-13 li.active:hover {
	content: '';
	text-decoration:none !important;
}*/
.cl-effect-13 li a:hover::before,
.cl-effect-13 li a:focus::before {
	color: #004990;
	text-shadow: 10px 0 #004990, -10px 0 #004990;
	/*visibility:visible;
	text-decoration:none !important;*/
}

.cl-effect-13 li a:hover,
.cl-effect-13 li a:focus {
	color: #004990;
}

/* border effect around callouts */
/*a, a > span, span {
  position: relative;
  color: inherit;
  text-decoration: none;
}*/
a:before, a:after, a > span:before, a > span:after, span:before, span:after {
  /*content: ''; can't have this for the project contact panel's close button - just use a class name for border effect for implementation */
  /*position: absolute;
  transition: transform .5s ease;*/
}

.effect-2 {
	display:flex;
	/*display:inline-block;*/
  padding:0 0 10px 0;
  margin:25px 0 0 0;
}
.effect-2:before, .effect-2:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #B5D5DD;
}
/*.effect-2:before, .effect-2:after {
  left: 0;
  top: 45px;
  width: 100%;
  height: 85%;
  border-style: solid;
  border-color: #B5D5DD; /* 0883a4 /
}*/
.effect-2:before {
  border-width: 1px 0 1px 0;
  transform: scaleX(0);
}
.effect-2:after {
  border-width: 0 1px 0 1px;
  transform: scaleY(0);
}
.effect-2:hover:before, .effect-2:hover:after {
  transform: scale(1, 1);
}

/* homepage */
.aboutContact {
	/*background:url(../images/general/tweed-green.png) repeat 0px 0px;*/
	padding:0 0 20px 0;
	margin:0;
}
.aboutContact p {
	padding:47px 0 0 0;
	margin:0;
}
.sampleWork {
	background:url(../images/general/sampleWorkBkgd3.png) repeat 0px 0px;
	padding: 0 0 28px; /* was 0 with button callout */
	border-top:#224877 solid 3px;
	margin:33px 0 0 0;
}
.sampleWork img {
	width:100%;
}
.sampleWork>div {
	padding:0;
}
.sampleWork h3 a {
	color:#F5F5F5;
	font-weight:bold;
}
.sampleWork h3 a:hover {
	color:#8CADCD;
}
.caseStudy {
	background-color:#B6CCE0;
	padding:0 41px 0 0;	
}
.caseStudy p {
	padding: 0;	
	font-size:17px;
}
.caseStudyCallout {
	color:#fff;
	background:#154055;
	padding:11px 14px;
	margin:12px 0 15px 0;
	border-radius:3px;
	display:inline-block;
	font-size:15px;
}
.caseStudyCallout:hover {
	background:#0E3142;
	color:#fff;
}

/* testimonials */
.first {
	padding:0 0 33px 0;
}
.testimonials {
	background-color:#aaaaaa;
	padding-left:35px;	
}
.testimonials p{
	color:#fff;	
}
p.topReview {
	float:right;
	display:block;
	max-width:160px;
	padding:12px 38px 12px 12px;
	border-left: 1px solid #224877;
	min-height:90px;
	color:#393939;	
	margin-left:20px;
}
p.secondReview {
	float:left;
	display:block;
	max-width:160px;
	padding:12px 12px 12px 38px; /* 6% 12px will vertically align text */ 
	border-right: 1px solid #224877;
	min-height:90px;
	color:#393939;	
	text-align:right;
	margin-right:20px;
}
p.secondReview + p {
	padding-right:40px;
	display:table;
}
.testimonials, .caseStudy {
	display:inline-block;	
}
/*.testimonials h3, .caseStudy h3 {
	font-size:18px;	
	padding:14px 0 10px 0;
	text-decoration:underline;
}*/
.centerContainer {
	margin:0 auto;
	text-align:center;	
}
.centerContainer h3 {
	color:#E5E5E5;
	padding:0;
	margin:30px 0 19px 0;
	font-size:23px;
}
h3.testimonial span {
	color:#8FB6E5;
	margin:30px 0 0 0;
}
.centerContainer p {
	color:#E5E5E5;
	padding:0 8px 33px 8px;
	margin:0 auto;
	font-size:16px;
	max-width:650px;
	text-align:left;
}

.bigButton {
	color:#fff;
	background:#f8750c;
	padding:14px 21px;
	margin:22px 0 15px 0;
	border-radius:3px;
	display:inline-block;
	font-size:19px;
	/*text-decoration:underline;*/
}
.bigButton:hover {
	color:#fff;
	background:#BB5503;
}
h3.caseStudyCompany {
	font-size:22px;	
	color:#224877;	
	padding:18px 0 5px 0;
	margin:0 0 6px 0;
	border-bottom:solid 1px #224877;
	display:inline-block;
}
h3.caseStudyCompany span {
	color:#fff;	
	font-size:14px;	
}

/* case Study */
.caseStudyHP-Bkgd {
	background-color: #414f55;
}
.caseStudyHP {
	margin: 0;
	width: 100%;
}
.caseStudyHP a {
	color: #333;
	float: left;
	width: 100%;
}
.caseStudyHP figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.caseStudyHP figure figcaption {
	border: none;
}
.caseStudyHP figure img {
	display: block;
	height: 100%;
	margin-top: 60px;
	opacity: 1;
	position: relative;
	/*transition: opacity 0.3s ease 0s;*/
	width: 100%;
	padding:0 1px 0 0;
}
.caseStudyHP figcaption {
	position: absolute;
	top: 0;
	z-index: 11;
	padding: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.caseStudyHP figcaption h2 {
	border-bottom: 1px solid #8cadcd;
	color: #8cadcd;
	font-size: 22px;
	margin: 0 0 20px;
	transition: transform 0.3s ease 0s;
	display: inline-block;
}
.caseStudyHP figcaption p {
	color: #f3f7fb;
	font-size: 17px;
	margin: 0 auto;
	max-width: 450px;
	padding: 0 20px;
	text-align: center;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.caseStudyHP figcaption h2, .caseStudyHP figcaption p {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
/*.caseStudyHP button {
	position: relative;
	padding: 4px 20px;
	border: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}*/
.caseStudyHP figcaption, .caseStudyHP figcaption h2, .caseStudyHP figcaption p, .caseStudyHP figure button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.caseStudyHP figure button {
  background: #8CADCD none repeat scroll 0 0;
  /*border: 3px solid #fff;*/
  border:none;
  color: #fff;
  left: 50%;
  opacity: 0;
  top: 50%;
  border-radius:3px;
	transition: opacity 0.3s, transform 0.3s;
  transform: translateY(12px);
}
/* Style for SVG */
.caseStudyHP svg {
	position: absolute;
	top: -1px; /* fixes rendering issue in FF */
	z-index: 10;
	width: 100%;
	height: 100%;
}
.caseStudyHP svg path {
	fill: #323232;
}
.caseStudyHP svg data-path-hover {
	display:none;
}
/* Hover effects */
@media (min-width: 1025px) {
.caseStudyHP a:hover figure img {
	opacity: 1;
}
.caseStudyHP a:hover figcaption h2, .caseStudyHP a:hover figcaption p {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.caseStudyHP a:hover figcaption p {
	opacity: 0;
}
.caseStudyHP a:hover button {
	opacity: 1;
	transform: translateY(80%);
}
/*.caseStudyHP button:hover {
  background: transparent none repeat scroll 0 0;
  border: 3px solid #fff;
  color: #fff;
  left: 50%;
  opacity: 0.5;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.25);
}*/
}

.caseStudyTitle {
	padding: 29px 0 8px;
	margin: 0 auto;
	text-align: center;
}
.caseStudyTitle h3 {
	font-size: 26px;
	color: #444;
}

/* Media Queries */
/* Let's redefine the width of each anchor and the margins */


@media screen and (max-width: 768px) {
/*.caseStudyHP {
	max-width: 500px;
}
.caseStudyHP a {
	width: 50%;
}*/
.caseStudyHP figcaption h2 {
	margin-bottom: 6px;
	font-size: 20px;
}
.caseStudyHP figcaption p {
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
}
}

@media screen and (max-width: 480px) {
/*.caseStudyHP {
	max-width: 250px;
}*/
.caseStudyHP a {
	width: 100%;
}
}
/* end case Study */
/* end home */
.openingStatement {
	/*background:#c1d7af;
	background:url(../images/general/tweed.png) 0 0 repeat;*/
	margin: 33px auto 0;
	border-bottom:#C9C9C9 solid 1px;
}
.openingStatement.noBanner {
	margin: 0 auto 0;
  border-bottom:none;
}
.openingStatement p {
	color: #343f41;
	font-size: 17px;
	margin: 9px auto;
	max-width: 750px;
	text-align: left;
	padding:0 0 23px 0;
}
.openingStatement a {
	color: #5da1e3; /* 8CADCD 224877 */
}
.openingStatement a:hover {
	color: #323232;
	border-bottom:#8CADCD solid 1px;
}
.openingStatement.noBanner p {
	margin: 0 auto 9px auto;
}
.openingStatement.white p{
	color:#fff;	
}
.openingStatement ul {
	margin:15px auto 46px;
	text-align:center;	
}
.openingStatement ul li {
	display:inline;
	padding:4px 39px;	
	text-transform:uppercase;
	font-size:20px;
}
.openingStatement ul li a {
	color:#224877;
}
.openingStatement ul li a:hover {
	color:#323232;
}
.sectionTitle p {
	color: #343f41;
	font-size: 17px;
	margin: 23px auto 0 auto;
	max-width: 650px;
	text-align: center;
	padding:0;
}
.iconFix {
	display:block;
}
/***** banner *****/
/*
- used with one banner - with flex slider
li.banner {
	background:url(../images/homepage/banner/mpx-marketing-color-add.jpg) 50% 0 no-repeat;
	height:430px;
	width:1680px; - commented out
}*/
.hpBanner {
	background:url(../images/homepage/banner/remedy-outdoor.jpg) 50% 0 no-repeat;
	height:430px;
	/*width:1680px;*/
}
.hpBkgd {
	background-color:#1e1e1e;
	height:389px;
	margin:0 0 73px 0;
	/*background:url(../images/general/extended-bkgd.jpg) repeat-x 0 0;*/
}
.webDigital {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/digital.jpg) 50% 0px no-repeat;
	width: 100%;
}
.inspire {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/inspire.jpg) 50% 0px no-repeat;
	width: 100%;
}
.marketingServices {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/marketing-services.jpg) 50% 0px no-repeat;
	width: 100%;
}
.team {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/team.jpg) 50% 0px no-repeat;
	width: 100%;

}
.goodness {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/goodness.jpg) 50% 0px no-repeat;
	width: 100%;
}
.letsTalk {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/lets-talk.jpg) 50% 0px no-repeat;
	width: 100%;
}
.deliver {

	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/deliver.jpg) 50% 0px no-repeat;
	width: 100%;
}
.discover {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/discover.jpg) 50% 0px no-repeat;
	width: 100%;
}
.aboutUs {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/about-us.jpg) 50% 0px no-repeat;
	width: 100%;
}
.non-existent {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/non-existent-page.jpg) 50% 0px no-repeat;
	width: 100%;
}
.subPageBanner {
	background-color:#1e1e1e;
	height:269px;
	margin:0 0 73px 0;
	/*width: 100%;
	background:url(../images/general/extended-bkgd-subpg.jpg) repeat-x 0 0;*/
}
.caption {
    position:relative;
    width: 100%;
	padding: 85px 0 0 0;
	text-align:center;
    z-index: 10;
}
.hp-caption {
    position:relative;
	padding: 195px 0 0 0;
}

.caption h1.title {
    font-size: 43px;
    font-weight: bold;
    margin: 0 auto 17px auto;
    color: #fff;
	letter-spacing:1px;
	text-transform:uppercase;
	max-width:1000px;
	text-shadow: 2px 2px #393939;
}
.caption p {
    font-size: 39px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #fff;
	line-height:29px;
	text-shadow: 2px 2px #393939;
}
/* end banners */

/* contact form */
#contact_form {
	padding: 0 5px 0 9px;
}
#contact_form span {
	color: #4e4e4e;
}
.mpxForm h2:first-child {
	font-weight:bold;
}
.gmap-area {
	background-image: url("../images/map.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 0;
}
.gmap-area .gmap iframe {
	border-radius: 50%;
	height: 460px;
	width: 500px;
}
.gmap {
	border: 3px solid #8CADCD;
	height: 460px;
	width: 500px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.gmap-area .map-content ul {
	list-style: none;
}
.gmap-area .map-content address h5 {
	font-weight: 700;/* font-size: 16px; */
}

@media (max-width:480px) {
.map {
	position: relative;
	top: 500px;
	float: right !important;
}
.mpxForm {
	position: relative;
	top: -660px;
	float: right !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.gmap {
	max-width: 440px;
}

}
@media (max-width: 480px) {
.gmap {
	width:auto;
	max-width: 370px;
}
}

/* team */
.rowDetails{
	padding: 20px;
}
.mpx-container {
	filter: alpha(opacity=0);
	font-family: empty;
	font-size: 0px;
	opacity: 0.0;
	position: relative;
	width: 100%;
	zoom: 1;
}
.mpx-container > * {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
}
.mpx-container img {
	max-width: 100%;
	float:right;
}
.mpx-item {
	display: inline-block;
 *display: inline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 !important;
}
.mpx-thumbnail {
	height: 100%;
	text-align: center;
	position: relative;
	width: 100%;
}
.mpx-arrow {
	border-bottom: 10px solid;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -15px;
	display: none;
	height: 0;
	position: absolute;
	width: 0;
	z-index: 2;
}
.mpx-thumbnail-content {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.mpx-thumbnail:hover {
	opacity:0.4;
}
.mpx-thumbnail-content img {
	vertical-align: middle;
	max-height:244px !important;
	width:230px !important;
}
.mpx-details {
	left: 0px;
	margin-top: 15px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index:9999;
}
.mpx-close {
	cursor: pointer;
	display: block;
	position: absolute;
	z-index: 2;
}
.mpx-details-content {
	height: auto;
	background: #e3e3e3;
}
.mpx-container {
	background: #f1f1f1;
}
.mpx-thumbnail {
	/*background: #686868;*/
	color: #ffffff;
	cursor: pointer;
}
.mpx-arrow {
	border-bottom-color: #e3e3e3;
}
.mpx-close {
	background: url(../images/general/btn-close.png) no-repeat 0px 0px;
	display: block;
	height: 30px;
	right: 10px;
	top: 5px;
	width: 30px;
}
.mpx-close:hover, .mpx-close:active {
	background-position: 0px -31px;
}
/* opened */
.mpx-container.open {
	background: #f1f1f1;
}
.mpx-container.open .mpx-thumbnail {
	/*background: #242424;
	color: #242424;*/
}
.mpx-container.open .mpx-thumbnail.open {
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
/*.mpx-container.open .mpx-thumbnail img {
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
}*/
/*.mpx-container.open .mpx-thumbnail:hover img {
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	border:#37C40D solid 2px;
}*/
.mpx-container.open .mpx-thumbnail.open img {
	/*background: url(../images/homepage/SpreadingTheGoodness.jpg) 0 0 no-repeat;*/
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	/*border-bottom:#C9C9C9 solid 1px;*/
}
/*.mpx-thumbnail.open img {
	background: url(../images/homepage/SpreadingTheGoodness.jpg) 0 0 no-repeat;
	border:#9FD88E solid 1px;
}*/
/* end team */
.socialIcons {
	height:56px;
	width:56px;
	position:absolute;
}
.footerLinks li {
	float: left;
	list-style: none;
	margin: 0 0 0 80px;
	padding: 0 0 1px 0;
}
.footerLinks li:first-child {
	margin: 0 0 0 22px;
}
.linkedIn {
	background:url(../images/social/LinkedIn.png) 0 0;
}
.linkedIn:hover {
	background:url(../images/social/LinkedIn.png) 0 -56px;
}
.fb {
	background:url(../images/social/facebook.png) 0 0;
}
.fb:hover {
	background:url(../images/social/facebook.png) 0 -56px;
}
@media screen and (max-width: 767px) {
.caption {
    /*margin-left: 20px;*/
    bottom: 15px;
}
.caption h1.title {
    font-size: 33px;
    font-weight: bold;
    margin: 10px 0 7px 0;
	min-height:30px;
    color: #fff;
	letter-spacing:-2px;
}
.caption p {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #fff;
	line-height:17px;
}

}

/*@media screen and (max-width: 480px) {
.caption {
    position: absolute;
    width: 100%;
    margin-left: 15px;
    left: 0;
    bottom: 15px;
    padding: 0px;
    z-index: 10;
    text-align: left;
}

}*/

/*@media screen and (max-width: 860px) {
.caption {
    padding: 0px 29px 0px 11px;
}

}*/
/***** end banner *****/

.tooltip > .tooltip-inner {
    background-color: #224877;
    color: #FFFFFF;
    border: 1px solid #8CADCD;
    padding: 5px;
    font-size: 14px;
	margin:4px 0 0 0;
	opacity:1.0;
}
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #323232;
}

/* hover over grid */

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure h2 {
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {

	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #323232 none repeat scroll 0 0;
	cursor: pointer;
	float: left;
	margin: 10px 3px; /* was 10px 1% */
	max-height: 320px;
	max-width: 480px;
	min-width: 320px;
	position: relative;
	text-align: center;
	/*width: 100%;*/
}
.threeColumns {
	width: 330px;
}
figure.effect-bubba img {
	/*opacity: 0.7;*/
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	/*height: 320px;
	width: 480px;*/
}

figure.effect-bubba:hover img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 14%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	color:#fff;
	font-size:33px;
	text-transform:none;
}
/*figure.effect-bubba h2 {
	color: #fff;
	font-size: 33px;
	position: relative;
	text-transform: none;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
}*/
figure.effect-bubba p {
	padding: 0 50px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	position:inherit;
	top:30%;
	left:0;
	font-size:15px;
	text-transform:none;
	letter-spacing:0;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2 {
	/*opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-55px,0);
	transform: translate3d(0,-55px,0);*/
	display:none;
}
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* work examples */
.fullPortfolio {
	padding: 0;
	margin:0 0 9px 0;
  /*background:url(../images/general/tweed.png) 0 0 repeat;*/
}
.fullPortfolio img {
	width:100%;
}
.fullPortfolio>div {
	padding:0;
}
/* end work examples */
/*.portfolio-top-right{
	min-height:450px;
	background:url(../images/homepage/case-study.png) no-repeat 0px 0px;
	background-size:cover;
}*/
.right-inner{
	float: right;
	margin: 23px -42px 0 0;
	padding: 0 0 0 8px;
	/*padding:0;
	float:right;
	position:relative;
	top:40px;
	left:42px;*/
}
.left-inner{
	padding:23px 12px 0 0;
	float:left;
	/*position:relative;
	top:40px;*/
}

.staff {
	padding:0 5px 5px 10px;		
}
.locations {
	padding:0 5px 25px 10px;		
}
.staff p, .locations p {
	font-size:15px;		
	padding:0 20px 0 0;
	margin:0;	
	color:#141a2a;
	font-weight:normal;	
}
.staff p {
	padding-bottom:18px;	
}
.staff h3 a {
	color:#ec9223;
	text-decoration:underline;
}
.staff h3 a:hover {
	color:#004b77;
	text-decoration:none;
}
/*.staff p:hover {
	color:#004b77;
}*/
.mainRow {
	/*padding:15px 15px 9px 15px;	worked well for border effect*/
	padding:26px 35px 19px 35px;	
}
/*
another option
.mainRow {
	background-color: #fff;
	border: 1px solid #7aa5a2;
	margin: 7px 9px;
	padding: 35px 30px 12px;
}*/
.mainRow p {
	margin:0;
	padding:0;
}
.mainRow h1 {
	/*color:#4a5528;	
	min-height:35px;
	font-size:23px;
	font-weight:normal;
	text-align:center;
	border-bottom:#4a5528 solid 1px;
	display:inline;*/


/*   border-bottom: 1px solid #4a5528;
    color: #4a5528;
    display: block;
    font-size: 23px;
    font-weight: normal;
    margin: 0 auto;
    max-width: 220px;
    text-align: center;
    white-space: nowrap;*/

   /*border-bottom: 1px solid #4a5528;*/
    text-align: center;
    display: table;
    color: #224877;
    font-size: 20px;
    font-weight: bold;
	margin:9px auto 8px auto; /* as 14 on bottom (w/ underline) */
	
}
.mainRow h1 a {
    color: #224877; /* was 4a5528 */
}
.mainRow h1 a:hover {
    color: #323232;
}
/*.mainRow .learnMore, .staff .learnMore, .locations .learnMore, .detailPage .learnMore {
	color:#004990;
	font-weight:500;
	font-size:14px;
	text-decoration:underline;
}
.mainRow .learnMore:hover, .staff .learnMore:hover, .locations .learnMore:hover, .detailPage .learnMore:hover {
	color:#272727;
	text-decoration:none;
}
.mainRow .learnMore:after, .staff .learnMore:after, .locations .learnMore:after, .detailPage .learnMore:after {
	position:relative;
	left:4px;
	content:url(../images/general/learn-more-arrow.png);
}*/

.learnMore {
	color:#004990;
	font-weight:500;
	font-size:14px;
	text-decoration:underline;
}
.learnMore:hover {
	color:#272727;
	text-decoration:none;
}
.learnMore:after {
	position:relative;
	left:4px;
	content:url(../images/general/learn-more-arrow.png);
}
/*.mainRow:nth-child(2) {
	border-left:#929292 solid 1px;	
}*/
.workContact {
  width:31.1%;
  height: 240px;
  margin:13px 15px;
  background: #E7E7E7;
  display:block;
	border-radius:3px;
}
.detailPgBkgd {
  background:url(../images/general/tweed.png) 0 -42px repeat-x;	
}
.detailPage {
	padding:40px 42px 33px 30px;	
}
/* case study / detail gallery */
.demo-gallery > ul {
	margin-bottom: 0;
}
.demo-gallery > ul > li {
  float: left;
  margin-bottom: 0;
  margin-right: 0;
  width: auto;
}
.demo-gallery > ul > li a {
  display: block;
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
}
/*.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}*/
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
/*.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}*/
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.demo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
}
.home .demo-gallery {
	padding-bottom: 80px;
}
/* end case study / detail gallery */
.caseStudyPage {
	padding:40px 30px 33px 16px;	
}
.caseStudyPage h4 {
	border-bottom: 1px solid #B8B8B8;
	color: #000;
	font-size: 17px;
	line-height: 22px;
	margin: 3px 0 9px;
	padding: 15px 0 4px;
}

.caseStudyPage h4:first-of-type {
	padding: 0 0 4px;
}
.caseStudyPage p a {
	padding: 4px 0;
	color:#224877;
	font-size:15px;
	text-decoration:underline;
}
.caseStudyPage p a:hover {
	color:#323232;
	text-decoration:none;
}
.exampleSection, .caseStudyImgContainer {
  background: #fff;
  margin-top:22px;
  border:solid 1px #ddd;
}
.exampleSection img {
  margin: 0 auto;
  text-align: center;
  /*padding: 5px 5px 5px 6px;
	border:#C1D7AF solid 1px;*/
}
.exampleSection img:first-of-type {
  padding: 25px 0;
}
.exampleSection img:last-child {
  padding: 0 0 25px 0;
}
.exampleSection img:only-child {
  padding: 25px 0;
}
.caseStudyImgContainer img {
  margin: 0;
  padding: 5px 5px 5px 6px;
  text-align: center;
}
.caseStudyImgContainer img:hover {
  opacity:.8;
}
.columnDivider {
	background: #BDBDBD none repeat scroll 0 0;
	height: 60%;
	position: absolute;
	right: 11px;
	top: 50px;
	width: 1px;
	margin:12px 0 10px 0;
}
.detailPage p {
	margin:0 0 9px 0;	
}
/*.detailPage h1 {
   /*border-bottom: 1px solid #224877;*
	color:#fff;	
    display: table;
    font-size: 26px;
    font-weight: bold;
	margin:0 0 8px 0;
	padding:4px 0 0 0;
	height:80px;
}*/
.detailPage h1 {
   /*border-bottom: 1px solid #4a5528;*/
    color: #031225;
    display: table;
    font-size: 26px;
    font-weight: bold;
	margin:9px 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #224877;
}

.detailPage h1 a {
    color: #4a5528;
}
.detailPage h1 a:hover {
    color: #323232;
}
.detailPage h2 {
	margin:9px 0;
	font-size:18px;
	border-bottom:#224877 solid 3px;
	display:table;
	padding:0 0 6px 0;
}
.caseStudyPage h1 {
	color: #fff;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 18px;
	padding: 4px 0 0;
	vertical-align: -47px;
}
p.caseStudyIntro {
	font-size:14px;	
	color:#fff;	
	padding:0 0 11px 0;
	border-bottom:#6d6d6d solid 1px;
}
p.caseStudyIntro span {
	color:#8CADCD;	
}

/* masonry grid */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 8px;
}

.grid-gallery figcaption p {
	margin: 0;
}

/* Grid style */
.grid-wrap {
	margin: 0 auto;
}

.masonryGrid {
	margin: 0 auto;
}

.masonryGrid li {
  float: left;
  min-width: 360px;
  width: 33.3%;
}

.masonryGrid figure {
	padding: 15px;
}

.masonryGrid figcaption {
	background: #e4e4e4;
	padding: 25px;
}



/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 991px) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.masonryGrid li {
		width: 33.3%;
	}


}

@media screen and (max-width: 767px) {
	.masonryGrid li {
	width: 50%;
	min-width: inherit;
	}
}

@media screen and (max-width: 480px) {
	.masonryGrid li {
		width: 100%;
	}
}
/* end masonry grid */

#toTop {
	width: 33px;
	height: 37px;
	background: url(../images/general/top.png) 0 top no-repeat;
	position: fixed;
	right: 9px !important;
	bottom: 12px;
	z-index: 800;
	margin-right:9px !important;
}
#toTop:hover {
	background: url(../images/general/top.png) 0 bottom no-repeat;
}
.zeroMargin {
	margin:0;	
}
.zeroPadding {
	padding:0;	
}

/* for form */
.hidden {
	display: none;
	visibility: hidden;
}
#ff label { 
	cursor:pointer;
	margin:4px 0;
	color:#4e4e4e;
	display:block;
	width:200px; /* need so the area to the right is unclickable; otherwise isn't really setting the width */
}

#ff label.error {
	position:relative;
	left:15px;
	font-size:13px;
	color: #f1534a;
	padding:0 0 9px 0;
}
.sendButton {
	cursor:pointer;
	background-color:#8CADCD;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

	border-radius:3px;
	color:#ffffff;
	font-size:17px;
	width:25%;
	font-weight:bold;
	border:none;
}

.sendButton:hover {
	background-color:#224877;
}
/* hide placeholder text when user clicks in */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* end form */
ul.locationList {
	margin:0 0 20px 0;
	padding:0;	
}
ul.locationList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	background: url("../images/general/bullet.png") no-repeat scroll left 6px / 9px 9px rgba(0, 0, 0, 0);
	list-style-type:none;
}
/* testimonial - currently unused */
/*
can be good to reveal new content
#tf-testimonials{
	background: url(../images/sub-pages/fixed-bkgd.jpg);
	background-size: contain;
	background-position: 0 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height:330px;
	
}*/

#tf-testimonials {
	background: url(../images/sub-pages/fixed-bkgd.jpg);
	background-size: 100%;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 100%;
	height: 220px;
}

@media (max-width:480px) {
#tf-testimonials {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	max-height: 320px;
}
}

@media (min-width:1650px) {
#tf-testimonials {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	max-height: 420px;
}
}
#tf-testimonials .overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 ); /* IE6-9 */
	padding: 30px 0;
	background-attachment: fixed;
}
#testimonial {
	padding: 15px 0;
}
/* end of testimonial */

/*a.phoneToggle {
	display:inline-block !important;	
}*/
.clearPadding {
	padding:0;	
}
.emphasize {
	font-weight:bold;
	color:#631910;	
}
.tip {
	padding:0 50px;
}
.locationImage {
	/*float:left;*/
	border:#30989E solid 1px;
	padding:2px;
	margin:3px 0 18px 2px;	
}
.mapImage {
	float:left;
	border:#30989E solid 1px;
	padding:2px;
	margin:33px 0 12px 0;	
}
ul.serviceList, ul.meetingList {
	margin:0 0 20px 0;
	padding:0;	
}
ul.meetingList {
	float:left;
	display:block;
}
ul.serviceList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	background: url("../images/general/bullet.png") no-repeat scroll left 6px / 9px 9px rgba(0, 0, 0, 0);
	list-style-type:none;
}
ul.meetingList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	list-style-type:none;
}
ul.firstColumn li {
	margin:0 0 0 12px;
	padding:0 0 0 10px;
}
.phoneFax {
	clear:left;
	/*padding:7px 0 0 4px;*/	
}
.phoneFax a, ul.locationList li a, p.pageIntro a, ul.serviceList li a, ul.meetingList li a {
	color:#EC9223; /* was #FFAD47 */
	text-decoration:underline;
}
.phoneFax a:hover, p.pageIntro a:hover, ul.serviceList li a:hover, ul.meetingList li a:hover {
	color:#004b77;
	text-decoration:underline;
}
a.phoneNum {
	color:inherit;	
}

.hpIcon {
	display: table;
	margin: 0 auto;
	text-align: center;
	/* option
	display: inline-block;
	left: 46%;
	position: relative;*/
	/* original 
	margin:0 auto;
	text-align:center;
	display:inline-block;
	position:relative;
	left:46%;*/
}
.logo {
    margin: 9px 0 0;
    overflow: hidden;
}

.bannerLearnMore {
	color:#FFF;	
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:21px;
	text-transform:uppercase;
	text-shadow: 2px 2px #2F2F2F;
	width:440px;
}
.bannerLearnMore:hover {
	color:#fe9a1d;
	text-decoration:underline;	
}
.bannerLearnMore:after {
	position:relative;
	left:7px;
	top:2px;
	content:url(../images/homepage/learn-more-arrow-banner.png);
}
p.pageIntro {
	font-size:14px;	
	padding:0 0 9px 0;
}
p.pageIntro span.bold {
	font-weight:bold;
}
p.pageIntro span.italic {
	font-style:italic;
}
.footerExtension {
	width: 100%;
	background:url(../images/general/extended-bkgd-footer.jpg) repeat-x 0 bottom;
}
.site-footer {
    margin: 51px 0 0 0;
	padding:60px 0 0 0;
	background:url(../images/general/footer-graphic.jpg) 50% 0 no-repeat; 
	height:159px; 
	width:auto;
	color:#fff;
}
.site-footer .row {
    margin: 41px 0 0 0;
}
.footerLinks {
    /*margin: 13px 64px 0 10px;*/
    margin: 3px 4px 0 10px;
    text-align: left;
}
.footerLinks a {
	color:#8CADCD;
}
.footerLinks a:hover {
	color:#D8E0EB;
}
.createdBy {
	font-size:12px;
	color:#707070;
    margin: 33px 0 0 10px;
    text-align: right;
}
.createdBy a {
	color:#707070;
}

/* Media queries */

/* lg */ 
@media (min-width: 1200px) {
  
.navbar-custom.top-nav-collapse .navbar-brand img {
	width:37%;
	height:37%;
}
.testimonials, .caseStudy {
	min-height:423px;
}

}
@media (min-width: 992px) and (max-width: 1282px) {
.testimonials, .caseStudy {
	min-height:530px;
}

}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-header {
	max-width: 230px;
}
.navbar-custom ul.nav li a {
	padding-left: 10px;
	padding-right: 10px;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.logo {
	max-width: 70%;
}
.navbar-brand img {
	margin-top:20px;
	
}
.mainCallouts {
	min-height:180px;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inline-block;
	padding:4px 19px;	
	text-transform:uppercase;
	font-size:20px;
}
}

@media (min-width: 1025px) {
/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption,
figure.effect-marley figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:1px solid #D5D5D5;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure.effect-marley figcaption > a {
	z-index: 700;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley p {
	color:#1E1E1E;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0 10px 33px;
	font-weight:bold;
}
figure.effect-marley.darkBkgd p {
	color:#fff;
}
/*figure.effect-marley h2 {
	background-color: rgba(58,52,42,.8);
	opacity:0;
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 9px 10px 0;
	top: 30px;
	color:#C1D7AF;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}*/
figure.effect-marley h2 {
  background: rgba(58, 52, 42, 0.85) none repeat scroll 0 0;
  color: #8cadcd;
  height: 25%;
  opacity: 0;
  padding: 17px 15px 0 0;
  position: absolute;
  transform: translate3d(0px, 20px, 0px);
  transition: transform 0.35s ease 0s;
  width: 100%;
  margin:0;
}
figure.effect-marley:hover h2 {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #8CADCD;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-marley:hover p {
	top: 85px;
}
figure.effect-marley img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-marley:hover img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
}
@media (max-width: 1025px) {
/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption,
figure.effect-marley figcaption > a {
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	border:1px solid #D5D5D5;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure.effect-marley figcaption > a {
	z-index: 700;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-marley {
	margin:0;
}
figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley p {
	color:#1E1E1E;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0 10px 33px;
	font-weight:bold;
}
figure.effect-marley h2 {
	background: rgba(58, 52, 42, 0.85) none repeat scroll 0 0;
	color: #8cadcd;
	margin: 0 0 10px;
	padding: 13px 15px 15px 0;
	position: relative;
	width: 100%;
}

figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

/*figure.effect-marley:hover p {
	top: 85px;
}
figure.effect-marley img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}*/

}
@media (min-width: 991px) {

.navbar-collapse .navbar {
	margin:0 20px 0 0;
}
}

@media(min-width:767px) {
/* Make Navigation Toggle on Desktop Hover */

.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}
.navbar {
	padding: 0;
	border-bottom: 0;
	/*background: 0 0;*/
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
	height: 95px;
	background-color: #fff;
}
.navbar-brand {
	padding: 8px 0 10px 0;
}
/*added this to allow nav to be to the right of the logo */
a.navbar-brand {
	float: none;
	margin: 0 !important;
}
.navbar-nav {
	margin: 19px 0 0 0;
}
.top-nav-collapse {
	background-color: #fff;
}
.navbar-custom.top-nav-collapse {
	border-bottom:#8CADCD 1px solid;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	transition: all 0.3s ease;
	margin-top:0;
	width:67%;
	height:67%;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin:0 6px 0 0 !important;
}
.overNavCallouts {
	margin:7px 0 0 0;	
}
.createdBy {

  color: #707070;
  font-size: 12px;
  margin: 3px 0 0;
  position: absolute;
  right: 30px;
}

}
@media (max-width: 991px) {
.testimonials, .caseStudy {
	padding-bottom:22px;
}
.caseStudyPage {
  padding: 40px 30px 3px 16px;
}
.exampleSection {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  margin-top: 12px;
}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/*header {
	min-height:140px;	
}*/

/* styles with more height ...
header {
	min-height:140px;	
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	margin: 40px 0px 0 0 !important;
}
.navbar-collapse .navbar-nav {
	margin: -10px 0 0 0 !important;
}*/

.navbar-custom ul.nav li a {
	padding-left: 10px;
	padding-right: 10px;
}
.nav.navbar-nav {
	/*background-color: rgba(255,255,255,.7);*/
	margin-top: 0px;
}
.navbar-brand img {
	max-width: 50%;
	margin: 0 0 6px 24px;
}
.navbar-collapse {
	margin:0 0 9px 0 !important;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	width:37%;
	height:37%;
	margin: -5px 0 8px 24px;
}
.navbar-collapse .navbar-nav {
	margin: 0 !important;
}

.navbar-nav > li {
	margin-left: 0;
}
ul.meetingList li {
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	list-style-type:none;
}
.mainCallouts {
	min-height:225px;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inline-block;
	padding:4px 9px;	
	text-transform:uppercase;
	font-size:20px;
}

}

/* xs */
@media (max-width: 767px) {
#header {
	height:69px;
}
.navbar {
	padding: 1px 0 10px;
	background-color:#fff;
	/*height:40px; having this height makes drop down nav bad*/
	/*border-bottom:#224877 1px solid;*/
}
.navbar-custom ul.nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
    border-left: none;
    border-bottom: 1px solid #72afdf;
}
.dropdown-toggle {
	background-color: #efefef;
	border: medium none;
	display: block;
	left: 0;
	padding: 9px;
	position: absolute;
	top: 100%;
	float: left;
	z-index: 1200;
}
.mainLink {
	text-indent: 22px;
}

.mainCallouts {
	margin-top:2px;
	padding:0 10px 14px 15px;
}
.mainCallouts h1 {
	/*font-variant:small-caps;*/
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 0 13px;	
	margin:0 0 13px 0;
	font-size:20px;
}

.top-bar {
	padding: 10px 0;
	line-height: 60px;
}
.navbar-brand img {
	width:70%;
}
.navbar-brand {
	padding: 0; /* was 0 15 */
	margin-bottom:0; /* was 0 12 */
}
.navbar-custom.top-nav-collapse {
	border-bottom:#787878 1px solid;	
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin:5px 0 0 0;
	padding:0;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	/*transition: all 1.4s ease;*/
	margin-top:-2px; /* was -4 */
	padding:0 0 8px 0;
	width:70%;
	/*height:70%;*/
}
.container > .navbar-header {
	margin-left: 0;
	clear:both;
}
/* style if header-nav has: <div class="navbar-header navbar navbar-custom navbar-fixed-top"> above button and no class for nav */
/*.container > .navbar-collapse {
	background-color: #fff;
	margin-left: 0;
	position: relative;
	top:77px;
	width: 100%;
	z-index: 600;
	overflow:hidden;
	clear:both;
}*/
.container > .navbar-collapse {
	left: 0;
	overflow: scroll;
	position: fixed;
	top: 0;
	width: 100%;
	bottom:0;
	padding-top:77px;
}

/* original
.container > .navbar-collapse {
	margin-left: 0;
	clear:both;
	overflow:hidden;
}*/
.top-number {
	font-size: 14px;
}
.navbar-nav > li {
	padding-bottom: 0;
}
.navbar-collapse {
	margin: -8px 0 0 0 !important;
}

.navbar-collapse .navbar {
    border: 0;
   float: none;
}
/* attempt to fix mobile cut off of nav 
.navbar-collapse .navbar-nav {
	overflow:scroll;
	height:350px;
	display:block;
}
*/
.logo {
	width: 60%;
	max-width: 170px;
}
.feature-wrap h2 {
	font-size: 18px;
}
.feature-wrap h3 {
	font-size: 14px;
}
/* need to hide this so the Learn More banner links can be selected */
.mainRow h1 {
	min-height:0;
}
/*.overNavCallouts {
  left: 32%;
  position: fixed;
  top: 15px;
}*/
.overNavCallouts {
	margin:7px 24px 0 0;
	display:none; /* with deactive links, remove this to keep layout correct */	
}

.navbar-custom.top-nav-collapse .overNavCallouts {
  left: 32%;
  position: fixed;
  top: 15px;
}

.detailPage {
	padding:40px 12px 33px 15px;	
}
h3.caseStudyCompany {
	padding:18px 0 5px 0;
	margin:0 0 6px 8px;
}

.caseStudy p {
	padding:0 0 0 9px;	
	font-size:17px;
}
.caseStudyCallout {
	padding:11px 14px;
	margin:12px 0 15px 7px;
	display:inline-block;
	font-size:15px;
}

.portfolio-top-right-inner{
	padding:22px 11px 0 0;
	float:left;
	position:static;
	width:30%;
}
.cl-effect-13 li a::before {
	display:none;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inherit;
	padding:4px 9px;	
	text-transform:uppercase;
	font-size:20px;
}
/*.createdBy {
    margin: 0;
    text-align: left;
	display:table-cell;
}
.createdBy {
    margin: 0;
    text-align: left;
	display:inline-block;
	padding:32px 5px 0;
}*/
.createdBy {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  position: relative;
  top: 59px;
}
.footerLinks li:first-child {
	margin: 0 0 0 12px;
}
.site-footer {
	padding:23px 0 0 0;
}
.zeroPadding-sm {
	padding:0;	
}

}

@media (max-width:480px) {
.navbar {
	padding: 10px 0;
}
/*.navbar-custom .nav.navbar-nav {
	background-color: rgba(255,255,255,.4);
}*/
.navbar.navbar-custom.navbar-fixed-top {
	margin-bottom: 30px;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	transition: all 1.4s ease;
	margin-top:-4px;
	padding:0 0 8px 0;
	width:70%;
	/*height:70%;*/
}

/*.overNavCallouts {
	float:right;
	margin:-15px 24px 0 0;	
}
.overNavCallouts p {
	display:block;
	margin:0;
	padding:0 0 0 20px;	
	color:#ff9715;
	text-decoration:underline;
	font-size:16px;
}*/
a.phoneNum {
	color:#286b87;	
}
ul.locationList li a {
	display:inline !important;
}
.footerLinks {
    margin: 11px 0 0 9px;
	font-size:13px;
}
p.secondReview {
	padding:12px 12px 12px 8px; 
	margin-right:20px;
}
p.secondReview + p {
	display:inherit;
}
.aboutContact p {
	padding:11px 0 0 0;
	margin:0;
}
.goodnessLogo {
	float: none;
	margin: 22px auto 0;
}
.createdBy {
    margin: 3px 0 0 10px;
    text-align: left;
	display:inline-block;
}
figure.effect-bubba h2 {
	padding-top: 6%;
	font-size:28px;
}

figure.effect-bubba p {
	font-size: 13px;
	padding: 0 35px;
	top: 15%;
}

}

button,input,select,textarea {
    border: 1px solid #eee;
    outline: 0;
    padding: 10px 12px;
    color: #2B2B2B;
}

button:focus,input:focus,select:focus,textarea:focus {
    border-color: #888;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fbfbfb;
    margin: 10px 0;
}