/* --- Table Of Content

	1. Helper Classes
	2. Hamburger Icon
	3. Buttons
	4. Select Box
	5. Ajax Load More Button
	6. Post Formats
	7. Overlay
	8. Primary Menu
	9. Fullscreen Menu
	10. Social Networks Menu
	11. Contact Form
	12. Search Form
	13. Widgets
	14. Comments
	15. Posts Navigation
	16. Blog
	17. Hero Image
	18. Portfolio
	19. Ultimate Post Thumbnails
	20. Meta Slider
	21. Portfolio
	22. Page Transition
	23. Header
	24. WooCommerce
		1. Elements
		2. Shop
		3. Product
		4. Cart
		5. Checkout
		6. Account
		7. Reviews

--- */
/* ______________________________________________________________________________________________

                                       LESS Variables (No real CSS)
   ______________________________________________________________________________________________ */
/**
 * This padding applies also on widget list item, to keep the consistance between
 * normal menu and mega menu which filled with widgets
 */
/**
 * Light version Header
 *
 * @usage 
 * 
	    .light-header({
	        p {
	        	line-height: 1.8;
	        }
	    });

 * @link http://stackoverflow.com/questions/23935102/build-list-of-selectors-with-less/23954580
 */
/* ------------------ TN LESS ------------------ */
@-webkit-keyframes tn-ripple-out {
  100% {
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    opacity: 0;
  }
}
@keyframes tn-ripple-out {
  100% {
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    opacity: 0;
  }
}
@-webkit-keyframes tn-ripple-out2 {
  100% {
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
  }
}
@keyframes tn-ripple-out2 {
  100% {
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
  }
}
@-webkit-keyframes tn-wave {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@keyframes tn-wave {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
/* Sweep To Right */
/* ______________________________________________________________________________________________

                                       Hover Effect
   ______________________________________________________________________________________________ */
.footer div:not(.copyright) a {
  position: relative !important;
  display: inline-block !important;
  outline: none !important;
  text-decoration: none !important;
}
.footer div:not(.copyright) a:after {
  position: absolute !important;
  left: 0 !important;
  width: 0 !important;
  height: 0px !important;
  margin-top: 2px !important;
  background: #fff !important;
  content: '' !important;
  display: block !important;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.footer div:not(.copyright) a:hover::after,
.footer div:not(.copyright) a:focus::after {
  width: 100% !important;
  border-top: 1px solid #121212 !important;
  border-color: inherit !important;
}
/* ______________________________________________________________________________________________

                                       LESS Variables (No real CSS)
   ______________________________________________________________________________________________ */
/* ______________________________________________________________________________________________

                                       Helper Classes
   ______________________________________________________________________________________________ */
.dotted-line-bottom {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.dotted-line-bottom-double {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom, left 0 bottom 4px;
  background-size: 4px 1px, 4px 1px;
  background-repeat: repeat-x;
}
.section-title {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  letter-spacing: 1px;
  color: #151515;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
}
.permalink {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* ______________________________________________________________________________________________

                                       Nav Button
   ______________________________________________________________________________________________ */
.nav-icon {
  height: 20px;
  width: 22px;
}
.nav-icon span {
  background: #333;
  height: 2px;
}
.nav-icon span:nth-child(1) {
  top: 1px;
  width: 20px;
  left: 5px;
}
.nav-icon span:nth-child(2) {
  top: 9px;
  left: -2px;
  width: 20px;
}
.nav-icon span:nth-child(3) {
  top: 17px;
  width: 21px;
  left: 3px;
}
.nav-icon:not(.open):hover {
  width: 22px;
}
.nav-icon:not(.open):hover span {
  width: 100%;
  left: 0;
}
.nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -1px;
  left: 0;
  width: 100%;
}
.nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 18px;
  left: 0;
  width: 100%;
}
.overlay .nav-icon {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.overlay .nav-icon span {
  background: #fff;
}
/* ______________________________________________________________________________________________

                                       Button
   ______________________________________________________________________________________________ */
.button,
input[type='submit'] {
  padding: 1.5rem 3rem;
  border: 2px solid #222;
  margin-right: auto;
  color: #222;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.entry-more,
.load-more-button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.entry-more:before,
.load-more-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.entry-more:hover,
.load-more-button:hover,
.entry-more:active,
.load-more-button:active {
  color: white;
}
.entry-more:hover:before,
.load-more-button:hover:before,
.entry-more:active:before,
.load-more-button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ______________________________________________________________________________________________

                                       Select2
   ______________________________________________________________________________________________ */
.select2-container--default .select2-selection--single {
  padding: 4px;
  font-size: 1.4rem;
  border: 2px solid #e8e8e8;
  border-radius: 0;
  outline: none;
  height: 36px;
  line-height: 24px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  line-height: 36px;
  color: #121212;
  font-size: 1.2rem;
  right: 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  content: "\f123";
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-results__options {
  font-size: 1.3rem;
}
.select2-results__options li {
  padding: 7px 15px;
  color: #121212 !important;
  background-color: transparent !important;
}
.select2-dropdown {
  border-color: #eee;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* ______________________________________________________________________________________________

                                       Load More
   ______________________________________________________________________________________________ */
.load-more {
  text-align: center;
}
.load-more .cssload-loader {
  width: 15px;
  height: 15px;
  margin: -8px 0 0 -8px;
  border-width: 3px;
  display: none;
}
a.load-more-button {
  padding: 1.5rem 3rem;
  border: 2px solid #222;
  margin-right: auto;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  margin: 30px;
  padding: 1.3rem 3.5rem;
  display: inline-block;
  color: #222;
}
/* ______________________________________________________________________________________________

                                       Post Formats
   ______________________________________________________________________________________________ */
.format-quote .entry-inner {
  padding: 6rem 4rem 3rem;
  background-color: #f5f5f5;
  text-align: center;
}
.format-quote .entry-thumb,
.format-quote .entry-meta,
.format-quote .entry-more {
  display: none;
}
.format-quote .entry-title {
  background: none !important;
  margin-bottom: 2rem !important;
  letter-spacing: 0 !important;
}
.format-quote .entry-content {
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.format-quote .share {
  text-align: center !important;
}
.format-link .entry-thumb,
.format-link .entry-meta,
.format-link .entry-more {
  display: none;
}
.format-link .entry-inner {
  padding: 5rem 4rem 3rem;
  background-color: #f5f5f5;
}
.format-link .entry-title {
  background: none !important;
}
/* ______________________________________________________________________________________________

                                       Overlay
   ______________________________________________________________________________________________ */
.overlay {
  padding-left: 0;
  padding-right: 0;
}
.overlay .nav-icon {
  margin: 1rem 0;
}
.overlay-inner {
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overlay-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 37px 6rem;
  position: relative;
}
.overlay-header p {
  margin: 0 3rem !important;
  display: block;
  color: #888;
  width: 60%;
  max-width: 637px;
  font-size: 1.4rem;
  line-height: 2.6rem;
  letter-spacing: 0.5px;
}
.overlay-content {
  margin-bottom: 6rem;
  overflow-y: scroll;
  padding-left: 37px;
  margin-right: -17px;
}
.overlay-footer {
  padding: 0 37px;
}
@media only screen and (max-width: 767px) {
  .overlay-header p {
    display: none;
  }
}
.overlay-minilio .menu-fullscreen > li {
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.overlay-minilio .menu-fullscreen > li:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(2) {
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(3) {
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(4) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(5) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(6) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.overlay-minilio .menu-fullscreen > li:nth-child(7) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.overlay-minilio .overlay-header {
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.overlay-minilio .overlay-footer {
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
}
.overlay-minilio .overlay-header {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
.overlay-minilio .menu-fullscreen li {
  opacity: 0;
  -webkit-transform: translateX(-200px) scale(0.1);
          transform: translateX(-200px) scale(0.1);
}
.overlay-minilio .overlay-footer {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
.tn-overlay-open .overlay-minilio .menu-fullscreen li,
.tn-overlay-open .overlay-minilio .overlay-header,
.tn-overlay-open .overlay-minilio .overlay-footer {
  opacity: 1;
  -webkit-transform: none !important;
          transform: none !important;
}
/* ______________________________________________________________________________________________

                                       Menu Primary
   ______________________________________________________________________________________________ */
.header-menu {
  /**
	 * 1. use .sub-menu instead of ul, because .menu-primary ul also matches top level menu of fallback pages menu
	 * 2. remove padding top&bottom to fix a visible first sub menu item even when sub-menu height = 0
	 */
}
.header-menu ul.mega-sub-menu > li > a,
.header-menu ul.children > li > a,
.header-menu ul.sub-menu > li > a {
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
}
.header-menu ul.mega-sub-menu > li > a:after,
.header-menu ul.children > li > a:after,
.header-menu ul.sub-menu > li > a:after {
  position: absolute;
  left: 0;
  width: 0;
  height: 0px;
  margin-top: 2px;
  background: #fff;
  content: '';
  display: block;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-menu ul.mega-sub-menu > li > a:hover::after,
.header-menu ul.children > li > a:hover::after,
.header-menu ul.sub-menu > li > a:hover::after,
.header-menu ul.mega-sub-menu > li > a:focus::after,
.header-menu ul.children > li > a:focus::after,
.header-menu ul.sub-menu > li > a:focus::after {
  width: 100%;
  border-top: 1px solid #121212;
  border-color: inherit;
}
.header-menu ul.sub-menu {
  left: -20px;
}
.header-menu li li a {
  padding: 3px 0 0;
  display: inline-block !important;
}
/* Horizontal navigation */
.header-on-top .header-menu .megamenu-panel {
  padding: 3em 4em;
}
.header-on-top .header-menu .mega-title {
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .vheader-container .header-content {
    overflow: hidden;
    margin-bottom: 65px;
  }
  .vheader-container nav {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -17px;
  }
}
/* ______________________________________________________________________________________________

                                       Menu Fullscreen
   ______________________________________________________________________________________________ */
.overlay nav {
  position: relative;
  width: 90%;
}
.accordion-menu label {
  position: relative;
}
.menu-fullscreen {
  position: static;
  width: 100%;
}
.menu-fullscreen > li > a,
.menu-fullscreen > li > label {
  /* define active color in Customizer, value #22e4c6 */
  display: inline-block;
  padding-right: 13px;
}
.menu-fullscreen > li > a:after,
.menu-fullscreen > li > label:after {
  display: none;
}
.menu-fullscreen > li a:after,
.menu-fullscreen > li label:after {
  display: none;
}
.menu-fullscreen ul {
  padding: 1rem 1rem 1.2rem 3rem;
}
.menu-fullscreen ul.megamenu-panel {
  padding-top: 3rem;
}
.menu-fullscreen ul ul {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .overlay nav {
    width: 80%;
  }
  .menu-fullscreen > li > a,
  .menu-fullscreen > li > label {
    font-size: 34px !important;
    line-height: 1.5 !important;
  }
}
.pointer {
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: absolute;
  height: 2px;
  background-color: #FFF;
  opacity: 0;
  display: block;
}
.pointer.standby {
  opacity: 0.14;
}
.pointer.active {
  opacity: 1;
}
.pointer-after {
  left: 20%;
  right: 20%;
}
.pointer-before {
  left: -73px;
  width: 60px;
}
@media only screen and (max-width: 1199px) {
  .pointer-after {
    display: none;
  }
}
/* ______________________________________________________________________________________________

                                       Menu Social
   ______________________________________________________________________________________________ */
.overlay .menu-social {
  text-align: center;
  display: inline;
}
.overlay .menu-social li {
  margin: 0 15px 0 0;
}
.overlay .menu-social a {
  width: 33px;
  height: 33px;
  padding: 0;
  text-align: center;
  line-height: 31px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 9px;
}
.overlay .menu-social a:hover {
  color: #fff;
}
.overlay .menu-social a i {
  margin-top: 0;
}
/* ______________________________________________________________________________________________

                                       Search Form
   ______________________________________________________________________________________________ */
.search-container input {
  padding-left: 0;
}
.searchform input {
  line-height: 4.5rem;
  height: 4.5rem;
  /* Needed by IE 11 */
  border-color: #e3e3e3;
}
.searchform button {
  border-left: 1px solid #e3e3e3;
  font-size: 1.4rem;
}
.new-search {
  margin-bottom: 8rem;
}
.new-search h3 {
  font-size: 16px;
  margin-bottom: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.new-search p {
  margin-bottom: 4rem;
  color: #888;
  letter-spacing: 1px;
}
.no-results p {
  padding: 3rem 2rem;
}
/* ______________________________________________________________________________________________

                                       Widgets
   ______________________________________________________________________________________________ */
.widget {
  margin-bottom: 5rem;
  color: #999;
}
.widget a:not(:hover) {
  color: #999;
}
.socicon {
  -webkit-transition: all 0.4s ease-out !important;
  transition: all 0.4s ease-out !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  padding: 16px !important;
  background: #fff !important;
  border: 2px solid #eee !important;
  color: #222 !important;
}
.socicon:hover {
  border-color: #222 !important;
  background-color: #222 !important;
  color: #fff !important;
}
/* ------------------ Link Hover Effect ------------------ */
.widget_rss ul:not(.children) > li > a,
.widget_tag_cloud ul:not(.children) > li > a,
.widget_nav_menu ul:not(.children) > li > a,
.widget_pages ul:not(.children) > li > a,
.widget_archive ul:not(.children) > li > a,
.widget_meta ul:not(.children) > li > a,
.widget_categories ul:not(.children) > li > a,
.widget_recent_entries ul:not(.children) > li > a,
.widget_rss ul:not(.sub-menu) > li > a,
.widget_tag_cloud ul:not(.sub-menu) > li > a,
.widget_nav_menu ul:not(.sub-menu) > li > a,
.widget_pages ul:not(.sub-menu) > li > a,
.widget_archive ul:not(.sub-menu) > li > a,
.widget_meta ul:not(.sub-menu) > li > a,
.widget_categories ul:not(.sub-menu) > li > a,
.widget_recent_entries ul:not(.sub-menu) > li > a {
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
}
.widget_rss ul:not(.children) > li > a:after,
.widget_tag_cloud ul:not(.children) > li > a:after,
.widget_nav_menu ul:not(.children) > li > a:after,
.widget_pages ul:not(.children) > li > a:after,
.widget_archive ul:not(.children) > li > a:after,
.widget_meta ul:not(.children) > li > a:after,
.widget_categories ul:not(.children) > li > a:after,
.widget_recent_entries ul:not(.children) > li > a:after,
.widget_rss ul:not(.sub-menu) > li > a:after,
.widget_tag_cloud ul:not(.sub-menu) > li > a:after,
.widget_nav_menu ul:not(.sub-menu) > li > a:after,
.widget_pages ul:not(.sub-menu) > li > a:after,
.widget_archive ul:not(.sub-menu) > li > a:after,
.widget_meta ul:not(.sub-menu) > li > a:after,
.widget_categories ul:not(.sub-menu) > li > a:after,
.widget_recent_entries ul:not(.sub-menu) > li > a:after {
  position: absolute;
  left: 0;
  width: 0;
  height: 0px;
  margin-top: 2px;
  background: #fff;
  content: '';
  display: block;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.widget_rss ul:not(.children) > li > a:hover::after,
.widget_tag_cloud ul:not(.children) > li > a:hover::after,
.widget_nav_menu ul:not(.children) > li > a:hover::after,
.widget_pages ul:not(.children) > li > a:hover::after,
.widget_archive ul:not(.children) > li > a:hover::after,
.widget_meta ul:not(.children) > li > a:hover::after,
.widget_categories ul:not(.children) > li > a:hover::after,
.widget_recent_entries ul:not(.children) > li > a:hover::after,
.widget_rss ul:not(.sub-menu) > li > a:hover::after,
.widget_tag_cloud ul:not(.sub-menu) > li > a:hover::after,
.widget_nav_menu ul:not(.sub-menu) > li > a:hover::after,
.widget_pages ul:not(.sub-menu) > li > a:hover::after,
.widget_archive ul:not(.sub-menu) > li > a:hover::after,
.widget_meta ul:not(.sub-menu) > li > a:hover::after,
.widget_categories ul:not(.sub-menu) > li > a:hover::after,
.widget_recent_entries ul:not(.sub-menu) > li > a:hover::after,
.widget_rss ul:not(.children) > li > a:focus::after,
.widget_tag_cloud ul:not(.children) > li > a:focus::after,
.widget_nav_menu ul:not(.children) > li > a:focus::after,
.widget_pages ul:not(.children) > li > a:focus::after,
.widget_archive ul:not(.children) > li > a:focus::after,
.widget_meta ul:not(.children) > li > a:focus::after,
.widget_categories ul:not(.children) > li > a:focus::after,
.widget_recent_entries ul:not(.children) > li > a:focus::after,
.widget_rss ul:not(.sub-menu) > li > a:focus::after,
.widget_tag_cloud ul:not(.sub-menu) > li > a:focus::after,
.widget_nav_menu ul:not(.sub-menu) > li > a:focus::after,
.widget_pages ul:not(.sub-menu) > li > a:focus::after,
.widget_archive ul:not(.sub-menu) > li > a:focus::after,
.widget_meta ul:not(.sub-menu) > li > a:focus::after,
.widget_categories ul:not(.sub-menu) > li > a:focus::after,
.widget_recent_entries ul:not(.sub-menu) > li > a:focus::after {
  width: 100%;
  border-top: 1px solid #121212;
  border-color: inherit;
}
.widget_rss ul:not(.children) > li > a:hover,
.widget_tag_cloud ul:not(.children) > li > a:hover,
.widget_nav_menu ul:not(.children) > li > a:hover,
.widget_pages ul:not(.children) > li > a:hover,
.widget_archive ul:not(.children) > li > a:hover,
.widget_meta ul:not(.children) > li > a:hover,
.widget_categories ul:not(.children) > li > a:hover,
.widget_recent_entries ul:not(.children) > li > a:hover,
.widget_rss ul:not(.sub-menu) > li > a:hover,
.widget_tag_cloud ul:not(.sub-menu) > li > a:hover,
.widget_nav_menu ul:not(.sub-menu) > li > a:hover,
.widget_pages ul:not(.sub-menu) > li > a:hover,
.widget_archive ul:not(.sub-menu) > li > a:hover,
.widget_meta ul:not(.sub-menu) > li > a:hover,
.widget_categories ul:not(.sub-menu) > li > a:hover,
.widget_recent_entries ul:not(.sub-menu) > li > a:hover {
  color: #121212;
}
.widget_rss ul:not(.children) > li > a:after,
.widget_tag_cloud ul:not(.children) > li > a:after,
.widget_nav_menu ul:not(.children) > li > a:after,
.widget_pages ul:not(.children) > li > a:after,
.widget_archive ul:not(.children) > li > a:after,
.widget_meta ul:not(.children) > li > a:after,
.widget_categories ul:not(.children) > li > a:after,
.widget_recent_entries ul:not(.children) > li > a:after,
.widget_rss ul:not(.sub-menu) > li > a:after,
.widget_tag_cloud ul:not(.sub-menu) > li > a:after,
.widget_nav_menu ul:not(.sub-menu) > li > a:after,
.widget_pages ul:not(.sub-menu) > li > a:after,
.widget_archive ul:not(.sub-menu) > li > a:after,
.widget_meta ul:not(.sub-menu) > li > a:after,
.widget_categories ul:not(.sub-menu) > li > a:after,
.widget_recent_entries ul:not(.sub-menu) > li > a:after {
  background: #121212;
}
.light .widget_rss ul:not(.children) > li > a,
.light .widget_tag_cloud ul:not(.children) > li > a,
.light .widget_nav_menu ul:not(.children) > li > a,
.light .widget_pages ul:not(.children) > li > a,
.light .widget_archive ul:not(.children) > li > a,
.light .widget_meta ul:not(.children) > li > a,
.light .widget_categories ul:not(.children) > li > a,
.light .widget_recent_entries ul:not(.children) > li > a,
.light .widget_rss ul:not(.sub-menu) > li > a,
.light .widget_tag_cloud ul:not(.sub-menu) > li > a,
.light .widget_nav_menu ul:not(.sub-menu) > li > a,
.light .widget_pages ul:not(.sub-menu) > li > a,
.light .widget_archive ul:not(.sub-menu) > li > a,
.light .widget_meta ul:not(.sub-menu) > li > a,
.light .widget_categories ul:not(.sub-menu) > li > a,
.light .widget_recent_entries ul:not(.sub-menu) > li > a {
  color: #eee;
}
.light .widget_rss ul:not(.children) > li > a:hover,
.light .widget_tag_cloud ul:not(.children) > li > a:hover,
.light .widget_nav_menu ul:not(.children) > li > a:hover,
.light .widget_pages ul:not(.children) > li > a:hover,
.light .widget_archive ul:not(.children) > li > a:hover,
.light .widget_meta ul:not(.children) > li > a:hover,
.light .widget_categories ul:not(.children) > li > a:hover,
.light .widget_recent_entries ul:not(.children) > li > a:hover,
.light .widget_rss ul:not(.sub-menu) > li > a:hover,
.light .widget_tag_cloud ul:not(.sub-menu) > li > a:hover,
.light .widget_nav_menu ul:not(.sub-menu) > li > a:hover,
.light .widget_pages ul:not(.sub-menu) > li > a:hover,
.light .widget_archive ul:not(.sub-menu) > li > a:hover,
.light .widget_meta ul:not(.sub-menu) > li > a:hover,
.light .widget_categories ul:not(.sub-menu) > li > a:hover,
.light .widget_recent_entries ul:not(.sub-menu) > li > a:hover {
  color: #fff;
}
.light .widget_rss ul:not(.children) > li > a:after,
.light .widget_tag_cloud ul:not(.children) > li > a:after,
.light .widget_nav_menu ul:not(.children) > li > a:after,
.light .widget_pages ul:not(.children) > li > a:after,
.light .widget_archive ul:not(.children) > li > a:after,
.light .widget_meta ul:not(.children) > li > a:after,
.light .widget_categories ul:not(.children) > li > a:after,
.light .widget_recent_entries ul:not(.children) > li > a:after,
.light .widget_rss ul:not(.sub-menu) > li > a:after,
.light .widget_tag_cloud ul:not(.sub-menu) > li > a:after,
.light .widget_nav_menu ul:not(.sub-menu) > li > a:after,
.light .widget_pages ul:not(.sub-menu) > li > a:after,
.light .widget_archive ul:not(.sub-menu) > li > a:after,
.light .widget_meta ul:not(.sub-menu) > li > a:after,
.light .widget_categories ul:not(.sub-menu) > li > a:after,
.light .widget_recent_entries ul:not(.sub-menu) > li > a:after {
  background: #fff;
}
/* ______________________________________________________________________________________________

                                       Comments
   ______________________________________________________________________________________________ */
.wp-comments {
  padding-top: 3rem;
}
.wp-comments .comments-title {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  letter-spacing: 1px;
  color: #151515;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  margin-bottom: 1.5rem;
}
.wp-comments .leave-a-reply {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.wp-comments .comment-text .reply {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.comment-reply-title {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #999999), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #999999 25%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  letter-spacing: 1px;
  color: #151515;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}
.comment-reply-title a {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.comment-form input:not([type=submit]):not([type=file]) {
  border: none;
  background-color: #f6f6f6;
}
.comment-form textarea {
  border: none;
  background-color: #f6f6f6;
}
.comment-form input[type=submit] {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: none !important;
  border: 2px solid #222;
  color: #111;
  padding: 1.3rem 2.4rem;
  margin-top: 1.5rem;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 2px;
}
.comment-form input[type=submit]:hover {
  background: #222 !important;
  color: #fff;
}
/* ______________________________________________________________________________________________

                                       Posts Navigation
   ______________________________________________________________________________________________ */
.posts-navigation {
  text-align: center;
  margin-top: 2rem;
}
.posts-navigation i:before {
  font-weight: bold;
}
.posts-navigation li {
  margin-right: 1rem;
}
.posts-navigation span.page-numbers,
.posts-navigation a.page-numbers {
  font-weight: 600;
  width: 32px;
  height: 34px;
  border-bottom: 1px solid;
  line-height: 34px;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  position: fixed;
  top: 50%;
  font-size: 0;
  opacity: 0.2;
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  background: #222 !important;
  color: #fff;
  text-indent: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 58px;
  height: 58px;
  margin-top: -29px;
  z-index: 99;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  font-size: 16px;
}
.post-navigation .nav-previous a.active,
.post-navigation .nav-next a.active {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
}
.post-navigation .nav-previous a {
  /* Fix: position fixed element stay invisible until scroll stops on iOS
		 * see - https://stackoverflow.com/questions/32875046/ios-9-safari-changing-an-element-to-fixed-position-while-scrolling-wont-paint */
  -webkit-transform: translateZ(0) translateX(-100%);
          transform: translateZ(0) translateX(-100%);
  left: 0;
}
.post-navigation .nav-previous a:before {
  content: "\f124";
}
.post-navigation .nav-next a {
  -webkit-transform: translateZ(0) translateX(100%);
          transform: translateZ(0) translateX(100%);
  right: 0;
}
.post-navigation .nav-next a:before {
  content: "\f125";
}
/* ______________________________________________________________________________________________

                                          Page Title Bar
   ______________________________________________________________________________________________ */
.page-subtitle {
  padding: 5px 0;
  font-weight: 500;
}
@media only screen and (max-width: 991px) {
  .wrapper .page-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper .page-title {
    font-size: 30px;
  }
}
/* ______________________________________________________________________________________________

                                       Blog
   ______________________________________________________________________________________________ */
.entry-thumb {
  margin-bottom: 0;
}
.post-entry .entry-thumb {
  margin-bottom: 20px;
}
.post-entry .entry-title {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.post-entry .entry-meta {
  padding: 0 0 2rem;
}
.post-entry .meta a,
.post-entry .meta span {
  color: #999;
  font-weight: normal;
}
.single-post .post-entry .entry-meta {
  margin-bottom: 10px;
}
.post-password-form {
  padding: 3em 3em 1em;
  text-align: center;
  background: #f6f6f6;
  margin-bottom: 2em;
}
.post-password-form p {
  font-size: 1.1em;
  letter-spacing: 0.05em;
}
.post-password-form label {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #121212;
  letter-spacing: 1px;
}
.post-password-form input[type="password"] {
  padding: 1rem 1.8rem;
  margin: 10px 0 0 10px;
  height: 2rem;
}
.post-password-form input[type="submit"] {
  padding: 1rem 1.8rem;
  height: 2rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-color: #121212;
  cursor: pointer;
  background-color: #121212;
  color: #fff;
  margin-top: 10px;
}
.post-password-form input[type="submit"]:hover {
  background-color: #121212;
}
.content-large .entry-inner,
.single-post .entry-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content-large .upt-container,
.single-post .upt-container {
  margin-bottom: 0 !important;
}
.content-large .upt-container img,
.single-post .upt-container img {
  -webkit-transition: all .6s !important;
  transition: all .6s !important;
}
.content-large .upt-container .upt-link:hover img,
.single-post .upt-container .upt-link:hover img {
  -webkit-transform: scale(1.2) !important;
          transform: scale(1.2) !important;
}
.content-large .entry-thumb,
.single-post .entry-thumb {
  margin-bottom: 3rem;
}
.content-large .entry-thumb img,
.single-post .entry-thumb img,
.content-large .entry-thumb iframe,
.single-post .entry-thumb iframe {
  margin-bottom: 0 !important;
}
.content-large .entry-title,
.single-post .entry-title {
  padding-bottom: 5px;
  margin-bottom: 0;
  display: inline-block;
  letter-spacing: 1px;
}
.content-large .entry-more,
.single-post .entry-more {
  padding: 1.4rem 1.9rem 1.4rem 2.4rem;
  margin: 3.5rem 0 0 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.content-large .entry-more:after,
.single-post .entry-more:after {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  content: "\f3d6";
  font-weight: bold;
  margin-left: 1rem;
  font-size: 20px;
}
.content-large .hentry {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border: none;
}
.content-large .hentry.has-post-thumbnail.format-standard .entry-thumb {
  margin-bottom: 5px;
}
.content-large .hentry.has-post-thumbnail.format-standard .entry-inner {
  position: relative;
  margin-top: -55px;
  z-index: 0;
  margin-left: 6rem;
  padding-left: 4rem;
  background-color: #fff;
}
.content-large .hentry.has-post-thumbnail.format-standard .entry-title {
  margin-top: 17px;
}
.content-large .hentry.has-post-thumbnail.format-standard .entry-more {
  padding: 1.3rem 2rem;
  margin-left: -4rem;
}
.posts-grid .hentry {
  margin-bottom: 5rem;
}
.author-info {
  padding: 3em 0 0;
  margin-top: 3em;
  background: none;
  border-top: 2px solid #333;
}
.author-avatar {
  margin-right: 35px;
}
.author-name {
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.author-desc {
  font-size: 1.4rem;
}
.share {
  padding-top: 3rem;
  margin-left: -8px;
  margin-bottom: 0 !important;
}
.share:before,
.share:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.share:after {
  clear: both;
}
.share a {
  opacity: 1 !important;
}
.share li {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 7px;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  margin: 8px !important;
}
.share li:before {
  border-radius: 50%;
  top: -2px;
  right: -2px;
  left: -2px;
  bottom: -2px;
}
.share li:hover {
  background-color: #222;
  border: 2px solid #222;
}
.share li:hover i {
  color: #fff;
}
.share i {
  -webkit-transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  color: #222;
}
@media only screen and (max-width: 1199px) {
  html .blog .content .entry-title,
  html .search .content .entry-title,
  html .archive .content .entry-title {
    font-size: 30px;
  }
  html .single-post .content .entry-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  html .blog .content .entry-title,
  html .search .content .entry-title,
  html .archive .content .entry-title {
    font-size: 26px;
  }
  html .single-post .content .entry-title {
    font-size: 30px;
  }
  html .content-large .has-post-thumbnail.format-standard .entry-title {
    font-size: 26px;
  }
  html .content-large .has-post-thumbnail.format-standard .entry-inner {
    margin: 0;
    padding-left: 0;
  }
  html .content-large .has-post-thumbnail.format-standard .entry-more {
    margin-left: 0;
  }
}
/* ______________________________________________________________________________________________

                                       Hero
   ______________________________________________________________________________________________ */
.hero-title {
  font-size: 4rem;
  letter-spacing: 1px;
}
.hero-categories {
  font-weight: 600;
  line-height: 1.8;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.hero-categories span,
.hero-categories a {
  margin-left: 2rem;
}
/* ______________________________________________________________________________________________

                                       Portfolio
   ______________________________________________________________________________________________ */
.infinite-wrap {
  display: none;
}
.portfolio-grid .upt-container {
  margin-bottom: 0 !important;
}
.portfolio-grid .entry-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0;
  text-align: center;
}
.portfolio-grid .entry-meta {
  font-size: 11px;
  font-weight: 600;
  color: #aaa;
  letter-spacing: 1px;
  margin-top: 5px;
  text-transform: uppercase;
}
.portfolio-grid .entry-title {
  font-size: 17px;
  color: #2d2d2d;
  margin-top: 0;
  margin-bottom: 0;
}
.grid-item {
  margin-bottom: 20px;
}
.portfolio-filters ul {
  margin-bottom: 30px;
}
.portfolio-filters.center {
  text-align: center;
}
.portfolio-filters.right {
  text-align: right;
}
.portfolio-filters a {
  font-size: 12px;
  color: rgba(44, 44, 44, 0.431);
  text-transform: uppercase;
  line-height: 1.97;
  text-align: left;
  letter-spacing: 1px;
  font-weight: 600;
  margin-right: 20px;
  padding: 0;
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
}
.portfolio-filters a:after {
  position: absolute;
  left: 0;
  width: 0;
  height: 0px;
  margin-top: 2px;
  background: #fff;
  content: '';
  display: block;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.portfolio-filters a:hover::after,
.portfolio-filters a:focus::after {
  width: 100%;
  border-top: 1px solid #121212;
  border-color: inherit;
}
.portfolio-filters a:after {
  height: 1px;
  background-color: #111;
}
.portfolio-filters a:hover,
.portfolio-filters a.active {
  color: #111;
}
.portfolio-filters a.active:after {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.portfolio-filters li:last-child a {
  margin-right: 0;
}
.single-portfolio .entry-inner {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-portfolio .entry-meta {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  font-size: 12px;
  color: #aaa;
  text-transform: uppercase;
  line-height: 2;
  letter-spacing: 4px;
  margin-top: 4.5rem;
  margin-left: 2px;
}
.single-portfolio .entry-content {
  font-size: 14px;
  color: #888;
  line-height: 1.857;
}
.single-portfolio .permalink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* to align with icon after */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 2;
}
.single-portfolio .permalink a:before {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  content: "\f3d6";
  font-size: 20px;
  margin-right: 1.3rem;
  font-weight: bold;
}
.single-portfolio .permalink a:before:not(:hover) {
  color: #000000;
}
.tpo-featured-image-left .entry-title,
.tpo-featured-image-right .entry-title {
  margin-bottom: 4.4rem;
  font-size: 42px;
}
.tpo-featured-image-below-title .entry-title {
  margin-top: 0;
  margin-bottom: 8rem;
}
@media only screen and (max-width: 991px) {
  .portfolio h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio h1,
  .single-portfolio h1.entry-title {
    font-size: 30px;
  }
}
/* ______________________________________________________________________________________________

                                       UPT
   ______________________________________________________________________________________________ */
.upt-list .upt-item {
  margin-bottom: 3rem;
}
.upt-container ol.flex-control-nav.flex-control-paging li {
  margin: 0 6px !important;
}
.upt-container ol.flex-control-nav.flex-control-paging li a {
  width: 6px !important;
  height: 6px !important;
}
.upt-detail_fade .upt-post-categories {
  font-weight: 500;
}
.upt-detail_fade .upt-post-title {
  font-size: 15px;
  font-weight: 600;
}
/* ______________________________________________________________________________________________

                                       Page transition (Animsition)
   ______________________________________________________________________________________________ */
.animsition-overlay-slide {
  background-color: #f5f5f5 !important;
}
.page-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.cssload-loader {
  display: block;
  width: 29px;
  height: 29px;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 4px solid #000000;
  animation: cssload-loader 2.3s infinite ease;
  -o-animation: cssload-loader 2.3s infinite ease;
  -ms-animation: cssload-loader 2.3s infinite ease;
  -webkit-animation: cssload-loader 2.3s infinite ease;
  -moz-animation: cssload-loader 2.3s infinite ease;
}
.cssload-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #000000;
  animation: cssload-loader-inner 2.3s infinite ease-in;
  -o-animation: cssload-loader-inner 2.3s infinite ease-in;
  -ms-animation: cssload-loader-inner 2.3s infinite ease-in;
  -webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
  -moz-animation: cssload-loader-inner 2.3s infinite ease-in;
}
@keyframes cssload-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes cssload-loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
@-webkit-keyframes cssload-loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
/* ______________________________________________________________________________________________

                                      Header
   ______________________________________________________________________________________________ */
.header-container.fixed {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #f0f0f0;
}
.header-content > * {
  margin: 0 15px;
}
.header-inner {
  height: 9rem;
  -webkit-transition-property: height, padding;
  transition-property: height, padding;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-inner .nav-icon {
  margin-left: 15px;
}
.header-inner.header-shadow {
  border-bottom: 1px solid #f0f0f0;
}
.topbar-row {
  line-height: 4.6rem;
}
.topbar-row .menu-social li:first-child a {
  padding-left: 0;
}
.topbar-container {
  border-color: #eee;
}
.topbar-dark .menu-social a:not(:hover),
.vheader-container .menu-social a:not(:hover) {
  color: rgba(34, 34, 34, 0.5);
}
.header-container.fixed .menu-primary > li > a {
  line-height: 9rem;
}
.nav-container {
  border: none;
}
@media only screen and (min-width: 992px) {
  .tn-header6 .header-content-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tn-header6 .nav-container .nav-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (max-width: 991px) {
  .tn-header6 .header-content-empty {
    display: none;
  }
  .tn-header6 .logo {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .vheader-container .header-row {
    height: 100%;
  }
  .vheader-container .header-title {
    margin-bottom: 65px;
  }
  .vheader-container .social-networks li {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .vheader-container .social-networks {
    display: none;
  }
}
/* ______________________________________________________________________________________________

                                       Footer
   ______________________________________________________________________________________________ */
.footer .widget-title {
  font-size: 15px;
}
/* ______________________________________________________________________________________________

                                       Copyright
   ______________________________________________________________________________________________ */
.copyright {
  color: #999;
}
.copyright a {
  color: #333;
}
.copyright ul li {
  display: inline-block;
  margin-right: 10px;
}
.copyright ul li:last-child {
  margin-right: 0;
}
.light .copyright,
.light.copyright {
  color: #999;
  font-weight: 600;
}
.light .copyright a,
.light.copyright a {
  color: #fff;
}
/* ______________________________________________________________________________________________

                                       Elements
   ______________________________________________________________________________________________ */
.clients a {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  opacity: 0.3;
}
.clients a:hover {
  opacity: 1;
}
/* ______________________________________________________________________________________________

                                       Shortcodes
   ______________________________________________________________________________________________ */
/*		Divider Symbol
---------------------------------------------------------------*/
.su-divider-symbol {
  display: inline-block;
}
.su-divider-symbol:before {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  content: "\f449\f449";
  letter-spacing: 4px;
  padding-left: 4px;
}
/* ______________________________________________________________________________________________

                                       Slider
   ______________________________________________________________________________________________ */
#wrapper .metaslider.slide-in-label .caption > :nth-child(2) {
  font-weight: 400;
}
/* ______________________________________________________________________________________________

                                       Search
   ______________________________________________________________________________________________ */
.search .page-subtitle {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.cart-contents {
  position: relative;
}
.cart-contents .icon {
  font-size: 25px;
  color: #333;
}
.cart-contents:hover {
  text-decoration: none;
}
.cart-contents-count {
  color: #fff;
  background-color: #2abac3;
  font-size: 9px;
  font-weight: bold;
  padding: 2px 3px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
  right: 0;
}
.light .cart-contents:before {
  color: #fff;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  color: #999;
  padding: 1.3em 2em;
  margin: 0 0 2em !important;
}
.woocommerce-error:last-child,
.woocommerce-info:last-child,
.woocommerce-message:last-child {
  margin-bottom: 4em !important;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
  float: none !important;
  margin-left: auto !important;
  color: #555;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
  position: static;
  margin: 0 1rem 0 -2rem;
  display: none;
}
.woocommerce-breadcrumb {
  white-space: nowrap;
  font-size: 1.4rem !important;
  margin: 1em 0 !important;
  color: #555 !important;
  word-spacing: 3px !important;
}
.woocommerce-breadcrumb a {
  color: #aaa !important;
}
.woocommerce-ordering {
  margin-bottom: 2em !important;
}
.woocommerce-ordering select {
  border: 1px solid #eee;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.5rem;
}
.woocommerce-ordering .select2 {
  width: 235px !important;
}
.woocommerce .select2-results__options {
  min-height: 225px !important;
}
.woocommerce .select2-container--default .select2-selection--single {
  border-width: 1px !important;
}
@media only screen and (max-width: 767px) {
  .woocommerce-ordering {
    float: none !important;
  }
}
/**
 * Use .woocommerce instead of .woocommerce-page, as woo content can be added to other page by using
 * shortcode where those pages don't have '.woocommerce-page' class
 *
 * Some woocommerce-page doesn't have a 'woocommerce' class, indeed, there is a 'woocommerce' class for the content
 */
.woocommerce h3 {
  margin: 0 0 1em;
}
.woocommerce .quantity .qty {
  text-align: inherit;
}
.woocommerce #coupon_code {
  width: auto;
  padding: 13px;
  font-size: 1.5rem;
  border-radius: 0;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  height: 50px;
}
.woocommerce .form-row label {
  font-size: 1.4rem;
  color: #555 !important;
  word-spacing: 2px;
  line-height: 3 !important;
}
.woocommerce .form-row .required {
  color: #888 !important;
}
.woocommerce .form-row input.input-text,
.woocommerce .form-row textarea {
  padding: 1rem;
  border: 1px solid #e8e8e8;
}
.woocommerce .added_to_cart {
  display: none !important;
  padding: 0 0 0 1.2rem !important;
  display: inline-block;
  line-height: 1.2;
  margin-left: 1rem;
  font-size: 1.3rem;
  border-left: 1px solid #ddd;
  color: #aaa;
}
.woocommerce .cart-contents {
  display: inline;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  padding: 1.2rem 2rem;
}
.shop-button {
  -webkit-transition: all .4s;
  transition: all .4s;
  background: none;
  border-radius: 0;
  color: #111;
  line-height: 1.618;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  padding: 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  line-height: 46px;
  border: 2px solid #111;
  outline: none;
}
.shop-button:hover {
  background-color: #111;
  color: #fff;
}
/**
 * Add to cart button in loop entry
 * 
 * Use .woocommerce instead of .woocommerce-page, as woo content can be added to other page by using
 * shortcode where those pages don't have '.woocommerce-page' class
 *
 * Some woocommerce-page doesn't have a 'woocommerce' class, indeed, there is a 'woocommerce' class for the content
 */
.woocommerce ul.products li.product .add_to_cart_button {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  border-radius: 0;
  background: none;
  color: #111;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  line-height: 46px;
  padding: 0 2em;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  border: 2px solid #111;
  margin-bottom: 5px;
  font-weight: 600;
  white-space: nowrap;
}
.woocommerce ul.products li.product .add_to_cart_button:after {
  font-size: 1.2rem;
  margin: 0 0 0 10px;
  font-weight: 400;
}
.woocommerce ul.products li.product .add_to_cart_button.loading:after {
  color: #111;
  top: auto;
  right: -25px;
}
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background-color: #111;
  color: #fff;
}
.woocommerce ul.products li.product .price {
  -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-block;
}
.woocommerce ul.products li.product .entry-inner:hover .woocommerce-loop-product__title {
  visibility: hidden;
}
.woocommerce ul.products li.product .entry-inner:hover .price {
  -webkit-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.woocommerce ul.products li.product .entry-inner:hover .add_to_cart_button {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  opacity: 1;
  bottom: 0;
}
/**
 * Add to cart button on single product page
 */
.woocommerce div.product form.cart .single_add_to_cart_button {
  -webkit-transition: all .4s;
  transition: all .4s;
  background: none;
  border-radius: 0;
  color: #111;
  line-height: 1.618;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  padding: 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  line-height: 46px;
  border: 2px solid #111;
  outline: none;
  padding: 0 60px;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background-color: #111;
  color: #fff;
}
/* ______________________________________________________________________________________________

                                       Quantity
   ______________________________________________________________________________________________ */
.woocommerce-page #wrapper .quantity input {
  width: 46px;
  height: 50px;
  margin: 0 24px;
  border: none;
  color: #111;
  font-size: 20px;
}
.woocommerce-page #wrapper .quantity-button {
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 2px solid #111;
  width: 46px;
  line-height: 46px;
  font-size: 22px;
  color: #111;
}
.woocommerce-page #wrapper .quantity-button:hover {
  color: #111;
  border-color: #111;
}
/* ______________________________________________________________________________________________

                                       Shop
   ______________________________________________________________________________________________ */
.woocommerce-result-count {
  font-weight: 300;
}
.woocommerce ul.products li.product .upt-container {
  margin-bottom: 1.3em;
}
.woocommerce ul.products li.product .entry-inner {
  text-align: center;
}
.woocommerce ul.products li.product .entry-inner .woocommerce-loop-product__title {
  margin-top: 1em;
  font-size: 1.2em;
  letter-spacing: .5px;
}
.woocommerce ul.products li.product .star-rating {
  display: none;
}
.woocommerce ul.products li.product .price {
  margin-bottom: 1rem;
  font-weight: 400;
  color: #999;
  font-size: 1.9rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .woocommerce-page[class*=columns-] ul.products li.product,
  .woocommerce[class*=columns-] ul.products li.product {
    width: 100% !important;
    float: none !important;
  }
}
/* ______________________________________________________________________________________________

                                       Products Navigation
   ______________________________________________________________________________________________ */
html .woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-top: 2rem;
}
html .woocommerce nav.woocommerce-pagination i:before {
  font-weight: bold;
}
html .woocommerce nav.woocommerce-pagination li {
  margin-right: 1rem;
}
html .woocommerce nav.woocommerce-pagination span.page-numbers,
html .woocommerce nav.woocommerce-pagination a.page-numbers {
  font-weight: 600;
  width: 32px;
  height: 34px;
  border-bottom: 1px solid;
  line-height: 34px;
}
html .woocommerce nav.woocommerce-pagination ul {
  border: none;
}
html .woocommerce nav.woocommerce-pagination ul li {
  border: none;
}
html .woocommerce nav.woocommerce-pagination ul li span,
html .woocommerce nav.woocommerce-pagination ul li a {
  padding: 0;
  background-color: transparent !important;
}
html .woocommerce nav.woocommerce-pagination ul li a {
  color: #ccc;
}
html .woocommerce nav.woocommerce-pagination ul li a:hover {
  color: #111;
}
html .woocommerce div.product h1.product_title {
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 38px;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 600;
}
html .woocommerce div.product h1.product_title:before,
html .woocommerce div.product h1.product_title:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
html .woocommerce div.product h1.product_title:after {
  clear: both;
}
html .woocommerce div.product div.images {
  margin-bottom: 4em;
}
html .woocommerce div.product div.images .flex-viewport {
  margin-bottom: 1.5rem;
  cursor: crosshair;
}
html .woocommerce div.product div.images .flex-control-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html .woocommerce div.product div.images .flex-control-thumbs li {
  width: 23%;
  margin-right: 2.667%;
}
html .woocommerce div.product div.images .flex-control-thumbs li:last-child {
  margin-right: 0;
}
html .woocommerce div.product div.images .flex-control-thumbs img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html .woocommerce div.product div.summary {
  margin-bottom: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
html .woocommerce div.product div.summary .price {
  font-size: 3rem;
  color: #aaa;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 1rem;
}
html .woocommerce div.product div.summary .woocommerce-product-rating {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1.4rem;
}
html .woocommerce div.product div.summary .woocommerce-product-details__short-description {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #333;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 3em;
}
html .woocommerce div.product div.summary .product_meta {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #888;
}
html .woocommerce div.product div.summary .product_meta > span {
  display: block;
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #121212;
  margin-bottom: 5px;
}
html .woocommerce div.product div.summary .product_meta > span.posted_in {
  display: none;
}
html .woocommerce div.product div.summary .product_meta > span span,
html .woocommerce div.product div.summary .product_meta > span a {
  font-weight: normal;
  text-transform: none;
  color: #888;
  margin-left: 5px;
}
html .woocommerce div.product form.cart {
  margin: 2.2rem 0 4.2rem;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
html .woocommerce div.product form.cart .quantity {
  margin: 0 13px 20px 0;
}
html .woocommerce div.product .related.products,
html .woocommerce div.product .upsells.products {
  clear: both;
  padding-top: 1em;
}
html .woocommerce div.product .related.products .section-title h2,
html .woocommerce div.product .upsells.products .section-title h2 {
  font-size: 2.4rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .woocommerce.single-product .images {
    width: 49% !important;
  }
  .woocommerce.single-product .woocommerce-tabs,
  .woocommerce.single-product .summary {
    width: 46% !important;
  }
}
@media only screen and (max-width: 1199px) {
  html .woocommerce.single-product div.product h1.product_title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  html .woocommerce.single-product div.product h1.product_title {
    font-size: 26px;
  }
}
/* ______________________________________________________________________________________________

                                       Single Product - Tabs
   ______________________________________________________________________________________________ */
.woocommerce div.product .woocommerce-tabs {
  width: 100% !important;
  margin-bottom: 6.3em;
  padding-top: 1em;
}
.woocommerce div.product .woocommerce-tabs h2 {
  display: none;
}
.woocommerce div.product .woocommerce-tabs > div {
  padding: 3em 0 1em;
}
.woocommerce div.product .woocommerce-tabs .tab-title {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  color: #121212;
  padding: 18px 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.6rem;
  line-height: 34px;
}
.woocommerce div.product .woocommerce-tabs .tab-title.ui-state-active .ui-icon:before {
  -webkit-transform-origin: 50%  51%;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.woocommerce div.product .woocommerce-tabs .ui-icon {
  border-right: 1px solid #e8e8e8;
  margin-right: 18px;
  padding: 0px 18px 0px 0;
}
.woocommerce div.product .woocommerce-tabs .ui-icon:before {
  speak: none;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons";
  -webkit-transition: all .4s;
  transition: all .4s;
  content: "\f487";
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
}
.woocommerce div.product .woocommerce-tabs .panel th {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  color: #555;
}
.woocommerce-review__awaiting-approval {
  color: #aaa;
}
.woocommerce #reviews {
  padding-top: 1em;
}
.woocommerce #reviews #comments ol.commentlist li {
  list-style: none !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  padding: 0;
  position: relative;
  width: 62px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
  padding-top: 0;
  margin-left: 70px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: .93em !important;
}
.woocommerce table.shop_attributes {
  border: none;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes tr,
.woocommerce table.shop_attributes td {
  border: none;
  background: none !important;
  text-align: left;
  padding-left: 0;
}
/* ______________________________________________________________________________________________

                                          Cart
   ______________________________________________________________________________________________ */
.woocommerce-cart #wrapper .content .product-name a {
  color: #121212;
}
.woocommerce-cart #wrapper .content .coupon_code {
  margin-right: 1em;
}
.woocommerce-cart #wrapper .content .button {
  -webkit-transition: all .4s;
  transition: all .4s;
  background: none;
  border-radius: 0;
  color: #111;
  line-height: 1.618;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  padding: 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  line-height: 46px;
  border: 2px solid #111;
  outline: none;
}
.woocommerce-cart #wrapper .content .button:hover {
  background-color: #111;
  color: #fff;
}
.woocommerce-cart #wrapper .content th {
  border: none;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2;
  color: #121212;
  text-align: center;
}
.woocommerce-cart #wrapper .content table.shop_table {
  border-collapse: collapse;
  border: none;
  table-layout: auto;
  font-size: 1.2em;
}
.woocommerce-cart #wrapper .content table.shop_table td {
  border-right: none;
  padding: 1.5em 12px;
  border-color: #e8e8e8;
}
.woocommerce-cart #wrapper .content table.shop_table .cart_item td {
  text-align: center;
}
.woocommerce-cart #wrapper .content table.shop_table .actions {
  border-bottom: none;
  padding: 2em 0;
}
.woocommerce-cart #wrapper .content table.shop_table .actions .input_text {
  width: auto;
}
.woocommerce-cart #wrapper .content table.shop_table .quantity {
  display: inline-block;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: center right;
          transform-origin: center right;
}
.woocommerce-cart #wrapper .content table.shop_table .quantity input {
  font-size: 1em;
}
.woocommerce-cart #wrapper .content table.shop_table td.product-remove a:hover {
  background: none;
}
.woocommerce-cart #wrapper .content table.shop_table td.product-thumbnail {
  text-align: left;
  padding: 40px 1.5rem;
  width: 200px;
}
.woocommerce-cart #wrapper .content table.shop_table a.remove {
  color: #aaa;
  font-weight: normal;
}
.woocommerce-cart #wrapper .content .cart_totals {
  width: 38%;
  font-size: 1.6rem;
}
.woocommerce-cart #wrapper .content .cart_totals h2 {
  display: none;
}
.woocommerce-cart #wrapper .content .cart_totals table {
  border-bottom: 1px solid #e8e8e8;
}
.woocommerce-cart #wrapper .content .cart_totals th {
  text-align: right;
  vertical-align: middle;
}
.woocommerce-cart #wrapper .content .cart_totals td {
  border: none;
  text-align: right;
}
.woocommerce-cart #wrapper .content .cart img {
  width: 160px;
}
.woocommerce-cart #wrapper .content .cart-empty {
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
}
.woocommerce-cart #wrapper .content .return-to-shop {
  text-align: center;
}
.woocommerce-cart #wrapper .content .wc-proceed-to-checkout {
  padding: 2em 0;
  text-align: right;
}
.woocommerce-cart #wrapper .content .wc-proceed-to-checkout .button {
  display: inline-block;
}
.woocommerce-cart #wrapper .content .hero-image {
  height: 40vh;
  min-height: 0;
}
@media only screen and (max-width: 991px) {
  .woocommerce-cart .cart_totals {
    width: 100% !important;
  }
  .woocommerce-cart .shop_table_responsive {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .woocommerce-cart .shop_table_responsive td {
    border-top: none !important;
    background-color: transparent !important;
  }
  .woocommerce-cart .shop_table_responsive tr td::before {
    color: #121212 !important;
  }
}
@media only screen and (min-width: 992px) {
  .woocommerce-cart td.product-remove {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .woocommerce-cart #coupon_code {
    margin-bottom: 10px;
  }
  .woocommerce-cart .coupon input {
    float: none !important;
    width: 100% !important;
  }
}
/* ______________________________________________________________________________________________

                                          Checkout
   ______________________________________________________________________________________________ */
.woocommerce-checkout .login {
  background-color: #f6f6f6 !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 3rem 3rem 1rem !important;
}
.woocommerce-checkout .login p:first-child {
  font-size: 1.4rem !important;
  color: #aaa !important;
}
.woocommerce-checkout .login .form-row {
  margin-bottom: 2.6rem !important;
}
.woocommerce-checkout .login .button {
  margin-right: 10px !important;
}
.woocommerce-checkout .login .lost_password {
  font-size: 1.3rem !important;
}
.woocommerce-checkout .checkout_coupon {
  border: none !important;
  border-radius: 0 !important;
  background-color: #f7f7f7 !important;
}
.woocommerce-checkout .checkout_coupon .form-row {
  float: none !important;
  width: auto !important;
}
.woocommerce-checkout .checkout_coupon #coupon_code {
  width: 100% !important;
}
.woocommerce-checkout h3#order_review_heading {
  margin-top: 1em !important;
}
.woocommerce-checkout .button {
  -webkit-transition: all .4s !important;
  transition: all .4s !important;
  background: none !important;
  border-radius: 0 !important;
  color: #111 !important;
  line-height: 1.618 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 2em !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  height: 50px !important;
  line-height: 46px !important;
  border: 2px solid #111 !important;
  outline: none !important;
}
.woocommerce-checkout .button:hover {
  background-color: #111 !important;
  color: #fff !important;
}
.woocommerce-checkout .notes textarea {
  height: 100px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  border-collapse: collapse !important;
  color: #333 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  padding: 12px !important;
}
.woocommerce-checkout .woocommerce-billing-fields {
  margin-bottom: 2em !important;
}
.woocommerce-checkout #payment {
  background-color: #fff !important;
}
.woocommerce-checkout #payment .form-row {
  padding: 1em 0 !important;
}
.woocommerce-checkout #payment .payment_methods {
  padding: 0 !important;
  border: none !important;
}
.woocommerce-checkout #payment .payment_methods li {
  padding: 2em 2.5em !important;
  background-color: #f6f6f6 !important;
  color: #121212 !important;
  list-style: none !important;
  margin-bottom: 2em !important;
}
.woocommerce-checkout #payment .payment_box {
  background-color: #fff !important;
}
.woocommerce-checkout #payment .payment_box:before {
  border-bottom-color: #fff !important;
}
.woocommerce-checkout #payment #place_order {
  float: none !important;
}
.woocommerce-checkout .hero-image {
  height: 40vh;
  min-height: 0;
}
/* ______________________________________________________________________________________________

                                          My Account
   ______________________________________________________________________________________________ */
.woocommerce-account:not(.logged-in) .page-title-bar-container,
.woocommerce-account:not(.logged-in) .footer-container {
  display: none !important;
}
.woocommerce-account:not(.logged-in) .woocommerce {
  text-align: center !important;
  margin: 0 auto !important;
  width: 450px !important;
  max-width: 100% !important;
}
.woocommerce-account:not(.logged-in) h2 {
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
  font-size: 3.4rem !important;
}
.woocommerce-account:not(.logged-in) form {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.woocommerce-account:not(.logged-in) form input.input-text {
  line-height: 1.7 !important;
  font-size: 1.6rem !important;
}
.woocommerce-account:not(.logged-in) .form-row {
  margin: 2.4em 0 0 !important;
}
.woocommerce-account:not(.logged-in) .form-row label.inline {
  display: block !important;
  margin: 1rem 0 !important;
}
.woocommerce-account:not(.logged-in) .woocommerce-form-row {
  margin: 1rem 0 !important;
}
.woocommerce-account:not(.logged-in) label {
  font-weight: 600 !important;
}
.woocommerce-account:not(.logged-in) .woocommerce-form__label-for-checkbox {
  font-weight: normal !important;
}
.woocommerce-account:not(.logged-in) .button {
  -webkit-transition: all .4s !important;
  transition: all .4s !important;
  background: none !important;
  border-radius: 0 !important;
  color: #111 !important;
  line-height: 1.618 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 2em !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  height: 50px !important;
  line-height: 46px !important;
  border: 2px solid #111 !important;
  outline: none !important;
}
.woocommerce-account:not(.logged-in) .button:hover {
  background-color: #111 !important;
  color: #fff !important;
}
.woocommerce-account:not(.logged-in) .register-prompt,
.woocommerce-account:not(.logged-in) .login-prompt {
  color: #999 !important;
  text-align: left !important;
  margin-top: -1em !important;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
  margin-left: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
  list-style: none;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 1.05em;
  letter-spacing: 1px;
  line-height: 2;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
  color: #bbb;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:hover a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
  color: #121212;
}
.woocommerce-account.logged-in .edit-account fieldset {
  margin-top: 2rem;
  border-color: #e8e8e8;
}
.woocommerce table.my_account_orders {
  border-collapse: collapse;
}
.woocommerce table.my_account_orders .button {
  height: auto;
  line-height: 1;
}
.woocommerce-page .comment-reply-title {
  display: block;
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 2em 0;
}
.woocommerce-page #respond .form-submit input {
  -webkit-transition: all .4s !important;
  transition: all .4s !important;
  background: none !important;
  border-radius: 0 !important;
  color: #111 !important;
  line-height: 1.618 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 2em !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  height: 50px !important;
  line-height: 46px !important;
  border: 2px solid #111 !important;
  outline: none !important;
}
.woocommerce-page #respond .form-submit input:hover {
  background-color: #111 !important;
  color: #fff !important;
}
/* Do not add overflow:hidden on body or html, which will cause position:sticky not working */
body {
  font-size: 1.5rem;
  color: #888;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-bottom: 35px;
}
.single .upt-list img {
  width: 100%;
}
.gallery-item {
  padding-right: 2em;
}
.error-404 {
  font-size: 20px;
}
.error-404 #searchform {
  max-width: 1000px;
  margin: 0 auto;
}
.error-404 #searchform input#s {
  border-width: 2px;
}
@media only screen and (max-width: 767px) {
  .sidebar {
    margin-top: 3em;
  }
}
/*# sourceMappingURL=style.css.map */