/*!

// Contents

// ------------------------------------------------



 1. Global Styles

 2. Mixins

 3. Typography

 4. Colours

 5. Sections

 6. Buttons

 7. Nav

 8. Tooltips

 9. Alerts

 10. Icons

 11. Forms

 12. Accordions

 13. Tabs

 14. Progress Bars

 15. Stats

 16. Breadcrumbs

 17. Pagination

 18. Icon Features

 19. Pricing Tables

 20. Page Titles

 21. Widgets

 22. Image Tiles

 23. Sliders

 24. Galleries

 25. Intros

 26. Shop

 27. Video

 28. Blog

 29. Image Blocks

 30. Portfolio

 31. Testimonials

 32. Countdown

 33. Maps

 34. Twitter

 35. Footers

 36. Spacing



/*!---------- 1. GLOBAL STYLES ----------*/

body {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 15px;

  line-height: 24px;

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

  color: #666;

  overflow-x: hidden;

  font-weight: 400;

}

body.boxed-layout {

  background: #eee;

}

body.boxed-layout .main-container {

  background: #fff;

}

body.boxed-layout,

.boxed-layout .nav-container,

.boxed-layout .main-container,

.boxed-layout nav {

  max-width: 1366px;

  margin: 0 auto;

  left: 0;

  right: 0;

}

ul {

  list-style: none;

}

ul.bullets {

  list-style: inside;

}

.main-container {

  clear: both;

}

hr {

  border: none;

  border-top: 1px solid #ccc;

  margin: 0 0 24px 0;

  width: 100%;

}

hr.short-thick {

  max-width: 50px;

  border-top: 5px solid #ccc;

  opacity: 1 !important;

}

.image-bg hr {

  border-color: #fff;

  opacity: .6;

}

.image-bg.bg-light hr {

  border-color: #ccc;

  opacity: 1;

}

.bg-dark hr {

  border-color: #555;

}

.inline-block {

  display: inline-block;

}

.list-inline {

  margin-left: 0;

}

.list-inline > li {

  padding: 0 8px;

}

.list-inline > li:last-child {

  padding-right: 0;

}

.list-inline > li:first-child {

  padding-left: 0;

}

.bg-primary .list-inline i {

  color: #feb3b3;

}

.overflow-hidden {

  overflow: hidden;

}

.display-block {

  display: block;

}

.show-grid {

  border: 1px dashed rgba(255, 255, 255, 0);

  padding: 8px;

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  cursor: default;

}

.show-grid:hover {

  border-color: #222;

}

.right {

  right: 0;

}

.relative {

  position: relative;

  z-index: 2;

}

.clearboth {

  clear: both;

}

.spread-children * {

  display: inline-block;

  margin-left: 12px;

  margin-right: 12px;

}

.spread-children-large * {

  display: inline-block;

  margin-left: 24px;

  margin-right: 24px;

}

.container {

  position: relative;

}

.vnu {

  display: inline;

}

.row-gapless > div[class*='col-'] {

  padding: 0;

}

@media all and (max-width: 1100px) {

  .col-md-push-1 {

    left: 0;

  }

}

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

  .pull-left-sm {

    float: left !important;

  }

  .overflow-hidden-xs {

    overflow: hidden;

  }

}

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

  .spread-children * {

    margin-left: 6px;

    margin-right: 6px;

  }

}

/*!---------- 2. MIXINS ----------*/

.v-align-children {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  flex-direction: row;

  -webkit-flex-direction: row;

}

.v-align-children-column {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  flex-direction: column;

  -webkit-flex-direction: column;

}

.disable-select {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

@media all and (max-width: 990px) {

  .v-align-children {

    display: block !important;

  }

}

.v-align-transform {

  position: relative;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  top: 50%;

  z-index: 2;

}

.align-bottom {

  position: absolute;

  bottom: 0;

  margin: 0 auto;

  left: 0;

  right: 0;

  z-index: 2;

}

.align-top {

  position: absolute;

  top: 0;

  margin: 0 auto;

  left: 0;

  right: 0;

  z-index: 2;

}

/*!---------- 3. TYPOGRAPHY ----------*/

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

  .text-center-xs {

    text-align: center !important;

  }

}

.bold {

  font-weight: 600 !important;

}

.thin {

  font-weight: 100 !important;

}

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

  .thin {

    font-weight: 300 !important;

  }

}

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

pre,

table,

blockquote,

input,

button,

select,

textarea {

  margin-bottom: 24px;

  margin-top: 0;

  padding: 0;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

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

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 300;

  color: #292929;

}

h1,

.h1 {

  font-size: 56px;

  line-height: 64px;

}

h1.large {

  font-size: 62px;

  line-height: 80px;

  font-weight: 100;

}

@media all and (max-width: 1203px) {

  h1.large {

    font-size: 53px;

  }

}

@media all and (max-width: 990px) {

  h1.large {

    font-size: 56px;

    line-height: 64px;

  }

}

h2 {

  font-size: 40px;

  line-height: 48px;

}

h3 {

  font-size: 32px;

  line-height: 40px;

}

h4 {

  font-size: 24px;

  line-height: 32px;

}

h5 {

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

}

h6,

.h6 {

  font-size: 12px;

  line-height: 24px;

  font-weight: 700;

}

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

  h1,

  h1.large,

  .h1 {

    font-size: 28px;

    line-height: 40px;

    font-weight: 300;

  }

  h2 {

    font-size: 32px;

    line-height: 40px;

  }

  h3 {

    font-size: 24px;

    line-height: 32px;

  }

  h4 {

    font-size: 18px;

    line-height: 26px;

  }

  h5 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

  }

  h6,

  .h6 {

    font-size: 12px;

    line-height: 24px;

    font-weight: 700;

  }

}

.uppercase {

  font-weight: 300;

  text-transform: uppercase;

}

h1.uppercase {

  // letter-spacing: 17px;

  margin-right: -17px;

}

h2.uppercase {

  // letter-spacing: 10px;

  margin-right: -10px;

}

h3.uppercase {

  // letter-spacing: 6px;

  margin-right: -6px;

}

h4.uppercase {

  // letter-spacing: 3px;

  margin-right: -3px;

}

h5.uppercase {

  // letter-spacing: 2px;

  margin-right: -2px;

}

h6.uppercase,

.h6-u {

  // letter-spacing: 2px;

  font-weight: 700;

}

.bold-h6 {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

}

p,

span {

  font-weight: 400;

}

p.lead {

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

}

.sub {

  font-size: 12px;

}

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

  p.lead {

    font-size: 13px;

    line-height: 24px;

  }

  p {

    font-size: 12px;

  }

}

a,

a:visited,

a:focus,

a:active,

a:hover {

  text-decoration: none;

  outline: none;

}

a {

  font-weight: 400;

  color: #4b0082;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  cursor: poitner;

}

.image-bg a,

.bg-primary a {

  color: #fff;

}

.image-bg a:hover,

.bg-primary a:hover {

  color: #fff;

  opacity: .9;

}

.bg-light a {

  color: #4b0082;

}

.bg-light a:hover {

  color: #4b0082;

  opacity: 1;

}

a:hover {

  color: #fb1d1d;

  text-decoration: none;

}

body:(.woocommerce) .label {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

  // letter-spacing: 1px;

  background: #4b0082;

  border-radius: 0;

  padding: 6px 12px;

  font-size: 10px;

  vertical-align: middle;

}

blockquote {

  overflow: hidden;

  font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;

  font-size: 20px;

  line-height: 40px;

  font-style: italic;

  background: #f5f5f5;

  padding: 32px;

  color: #777;

  font-weight: 300;

}

.bg-secondary blockquote {

  background: #fff;

  border-color: #4b0082;

}

blockquote .author {

  font-size: 12px;

  display: block;

  float: right;

  margin-top: 16px;

}

.number {

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.columns-2 {

  column-count: 2;

  -webkit-column-count: 2;

}

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

  br {

    // display: none;

  }

  blockquote {

    font-size: 16px;

    line-height: 32px;

  }

  .columns-2 {

    column-count: 1;

    -webkit-column-count: 1;

  }

}

.text-left {

  text-align: left !important;

}

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

  .text-left-xs {

    text-align: left !important;

  }

}

/*!---------- 3.1. TYPOGRAPHY - LISTS ----------*/

ul[data-bullet] li {

  line-height: 32px;

}

ul[data-bullet] li i:first-child {

  margin-right: 16px;

  transform: scale(1.5);

  -webkit-transform: scale(1.5);

  display: inline-block;

}

ul.lead li {

  font-size: 16px;

  line-height: 40px;

}

/*!---------- 4. COLOURS ----------*/

.bg-primary {

  background: #4b0082 !important;

}

.bg-secondary {

  background: #f8f8f8;

}

.bg-white {

  background: #fff;

}

.bg-dark {

  background: #292929;

}

.color-body {

  color: #666;

}

.color-primary {

  color: #4b0082 !important;

}

.color-red {

  color: #e31d3b !important;

}

.color-white {

  color: #fff;

}

/*!---------- 5. SECTIONS ----------*/

section,

footer {

  // padding: 96px 0;

  padding: 0;

  position: relative;

  overflow: hidden;

}

footer {

  padding: 72px 0;

  padding: 0;

}

.fullscreen {

  height: 100vh !important;

}

.bg-dark h1,

nav.bg-dark h1,

footer.bg-dark h1,

.bg-primary h1,

.bg-dark h2,

nav.bg-dark h2,

footer.bg-dark h2,

.bg-primary h2,

.bg-dark h3,

nav.bg-dark h3,

footer.bg-dark h3,

.bg-primary h3,

.bg-dark h4,

nav.bg-dark h4,

footer.bg-dark h4,

.bg-primary h4,

.bg-dark h5,

nav.bg-dark h5,

footer.bg-dark h5,

.bg-primary h5,

.bg-dark h6,

nav.bg-dark h6,

footer.bg-dark h6,

.bg-primary h6 {

  color: #ffffff;

}

.bg-dark p,

nav.bg-dark p,

footer.bg-dark p,

.bg-primary p,

.bg-dark span,

nav.bg-dark span,

footer.bg-dark span,

.bg-primary span,

.bg-dark li,

nav.bg-dark li,

footer.bg-dark li,

.bg-primary li {

  color: #fefefe;

}

// @media all and (max-width: 767px) {

//   section {

//     padding: 80px 0;

//   }

// }

.overlay:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #292929;

  opacity: 0.3;

  z-index: 2;

}

.overlay-heavy:before {

  opacity: .6;

}

.bg-light.overlay:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #ffffff;

  opacity: 0.1;

  z-index: 2;

}

.image-bg h1,

.image-bg h2,

.image-bg h3,

.image-bg h4,

.image-bg h5,

.image-bg h6 {

  color: #ffffff;

}

.image-bg p,

.image-bg span,

.image-bg li {

  color: #ffffff;

}

.image-bg .container,

.image-bg div[class*='col-'] {

  position: relative;

  z-index: 3;

}

.container.image-bg .row {

  position: relative;

  z-index: 3;

}

.background-image-holder {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  background: #292929;

  background-size: cover !important;

  background-position: 50% 50% !important;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

}

.background-image-holder img {

  display: none;

}

.background-multiply .background-image-holder {

  background-color: #4b0082 !important;

  background-blend-mode: multiply;

}

.background-image-holder.fadeIn {

  opacity: 1;

}

.parallax > .background-image-holder,

.parallax .slides li > .background-image-holder {

  height: 100vh;

  top: -50vh;

  transition: all 0s ease !important;

  transition: opacity 0.3s ease !important;

  -webkit-transform-style: preserve-3d;

}

.parallax:first-child .slides li > .background-image-holder,

.parallax:first-child .background-image-holder {

  top: 0;

}

.main-container > a:first-child + .parallax .background-image-holder {

  top: 0;

}

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

  .parallax > .background-image-holder,

  .parallax .slides li > .background-image-holder {

    top: 0 !important;

    transform: none !important;

    -webkit-transform: none !important;

  }

}

/*!---------- 6. BUTTONS ----------*/

.btn {

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

  border: 1px solid transparent;

  padding: 0 26px;

  height: 40px;

  min-width: 150px;

  line-height: 36px;

  font-size: 20px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 1px;

  border-radius: 0;

  color: #4b0082;

  text-align: center;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  margin-right: 8px;

  margin-bottom: 24px;

}

.btn:last-child,

.btn:last-of-type {

  margin-right: 0;

}

.btn:hover {

  background: #4b0082;

  color: #fff;

}

.btn-icon {

  width: 40px;

  height: 40px;

  font-size: 20px;

  min-width: 0;

  padding: 0;

  line-height: 38px;

}

.btn-lg {

  height: 50px;

  line-height: 46px;

  min-width: 200px;

}

.btn-icon.btn-lg {

  width: 50px;

  height: 50px;

  line-height: 49px;

  font-size: 24px;

  min-width: 0;

}

.btn-icon.btn-sm {

  width: 30px;

  height: 30px;

  line-height: 29px;

  font-size: 13px;

  min-width: 0;

  padding: 0 0 0 1px!important;

}

.btn-sm {

  height: 30px;

  font-size: 11px;

  line-height: 27px;

  min-width: 0;

}

.btn-filled {

  background: #4b0082;

  color: #fff;

}

.btn-white,

.image-bg .btn,

.image-bg .btn:visited {

  color: #fff;

  border-color: #fff;

}

.btn-white:hover,

.image-bg .btn:hover,

.image-bg .btn:visited:hover {

  background: #fff;

  color: #222;

}

.image-bg .btn.btn-filled,

.image-bg .btn-filled:visited {

  border-color: #4b0082;

}

.image-bg .btn-filled:hover {

  border-color: #fff;

}

.btn-rounded {

  border-radius: 10px;

}

body.btn-rounded .btn {

  border-radius: 10px !important;

}

.bg-light .btn {

  border-color: #222;

  color: #222;

}

.bg-light .btn:visited,

.bg-light .btn:visited:hover {

  color: #222;

}

.bg-light .btn-filled,

.bg-light .btn-filled:visited {

  color: #fff;

}

.btn:visited {

  color: #4b0082;

}

.btn-white:visited,

.btn:visited:hover {

  color: #fff;

}

.btn-white:visited:hover {

  color: #222;

}

.btn-filled:visited {

  color: #fff;

}

.btn.bg-dark {

  color: #fff;

  border-color: #292929;

}

.btn.bg-dark:hover {

  background: #434343;

}

.bg-primary .btn {

  color: #fff;

  border-color: #fff;

}

.bg-primary .btn:hover {

  background: #fff;

  color: #4b0082;

}

/*!---------- 7. NAVIGATION ----------*/

.nav-container {

  -webkit-backface-visibility: hidden;

  max-width: 100%;

}

nav {

  background: #fff;

  -webkit-backface-visibility: hidden;

  max-width: 100%;

}

nav ul {

  margin-bottom: 0;

}

.module {

  display: inline-block;

  // padding: 0 32px;

  padding: 0;

}

.module-group {

  display: inline-block;

}

.module.left,

.module-group.left {

  float: left;

}

.module.right,

.module-group.right {

  float: right;

}

nav .btn,

.nav-bar .btn {

  margin: 0;

  height: auto;

}

.nav-utility {

  height: 45px;

  line-height: 43px;

  border-bottom: 1px solid #ccc;

  overflow: hidden;

}

.nav-utility i {

  position: relative;

  top: 1px;

}

.nav-bar {

  height: 55px;

  max-height: 55px;

  line-height: 53px;

  border-bottom: 1px solid #ccc;

}

.nav-bar .module,

.nav-bar .module-group {

  height: 55px;

}

.nav-bar a {

  display: inline-block;

  height: 55px;

}

.logo {

  max-height: 60%;

}

.logo-light {

  display: none;

}

nav.nav-centered .logo {

  max-height: 64px;

  margin: 64px 0 40px 0;

}

nav.bg-dark .logo-light {

  display: inline;

}

nav.bg-dark .logo-dark {

  display: none;

}

.has-dropdown {

  padding-right: 18px;

}

.has-dropdown:after {

  position: absolute;

  top: 0;

  right: 0;

  font-size: 11px;

  content: "\e64b";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

}

.menu {

  width: 100%;

  height: 55px;

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

}

.menu.inline-block {

  width: auto;

}

.menu li a {

  font-size: 15px;

  // text-transform: uppercase;

  font-weight: 400;

  // letter-spacing: 1px;

  color: #292929;

  opacity: 0.5;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  max-width: 100%;

  white-space: normal;

}

.menu li a:hover {

  opacity: 1 !important;

}

.menu > li {

  margin-right: 28px;

  float: left;

  position: relative;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

}

.menu > li:last-child {

  margin-right: 0;

}

.menu > li:last-child > ul {

  right: 0;

}

.menu > li:last-child > ul ul {

  left: auto;

  right: 100%;

}

.menu > li ul {

  width: 200px;

  padding: 8px 0;

  background: #292929;

  position: absolute;

  z-index: 99;

  opacity: 0;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

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

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

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

  visibility: hidden;

  margin-top: -1px;

}

.menu > li > ul > li {

  position: relative;

  line-height: 24px;

  width: 100%;

  vertical-align: top;

}

.menu > li > ul > li i {

  display: inline-block;

  margin-right: 2px;

}

.menu > li > ul > .has-dropdown:after {

  color: #fff;

  top: 5px;

  right: 24px;

  content: "\e649";

}

.menu > li > ul li a {

  color: #fff;

  height: auto;

  padding: 6px 24px;

}

.menu > li > ul > li > ul {

  left: 100%;

  top: 0;

}

.menu > li:hover > ul {

  opacity: 1;

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

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

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

  visibility: visible;

}

.menu > li > ul > li:hover > ul,

.has-dropdown:hover .mega-menu ul {

  opacity: 1;

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

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

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

  visibility: visible;

}

.mega-menu {

  width: auto !important;

  white-space: nowrap;

  line-height: 24px;

}

.mega-menu ul {

  position: relative !important;

  left: auto !important;

  padding: 0 !important;

}

.mega-menu > li {

  width: 200px !important;

  overflow: hidden;

  display: inline-block;

}

.mega-menu .title {

  // letter-spacing: 1px;

  color: #fff;

  display: inline-block;

  padding: 6px 24px;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

}

.make-right {

  right: 0;

}

.module.widget-handle {

  border-left: 1px solid #ccc;

  padding: 0 24px;

  cursor: pointer;

  position: relative;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  margin: 0;

}

nav.nav-centered .module.widget-handle {

  border: none !important;

}

@media all and (max-width: 1100px) {

  .module.widget-handle {

    padding: 0 16px;

  }

}

.module.widget-handle i {

  font-size: 20px;

  line-height: 53px;

  opacity: 0.5;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.module.widget-handle:hover i,

.module.active i {

  opacity: 1;

}

.widget-handle .function {

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

  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

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

  cursor: default;

  width: 200px;

  background: #292929;

  position: absolute;

  z-index: 99;

  opacity: 0;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

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

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

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

  visibility: hidden;

  margin-top: -2px;

  right: 0;

}

.module.widget-handle:hover .function {

  opacity: 1;

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

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

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

  visibility: visible;

}

.module.widget-handle .title {

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

  // letter-spacing: 1px;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  display: none;

  opacity: .5;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.module.widget-handle .title:hover {

  opacity: 1;

}

.widget-handle .cart {

  position: relative;

}

.widget-handle .cart .label {

  width: 17px;

  height: 17px;

  font-size: 10px;

  line-height: 17px;

  padding: 0;

  text-align: center;

  position: absolute;

  background: #4b0082;

  top: 10px;

  right: -10px;

  border-radius: 50%;

}

.widget-handle .search-form {

  padding: 8px;

  display: inline-block;

  width: 100%;

  line-height: 50px;

}

.widget-handle .search-form input {

  margin: 0;

  font-size: 16px;

}

nav .widget {

  margin: 0;

  padding: 24px;

}

nav .widget .title {

  display: none !important;

}

nav .widget,

nav .widget a:not(.btn) {

  color: #fff;

}

nav .widget hr {

  border-color: #777;

  margin-bottom: 16px;

}

nav .widget hr:first-of-type {

  display: none;

}

.cart-widget-handle .function {

  width: auto;

  background: #fff;

}

.cart-widget-handle .function span {

  color: #222 !important;

}

nav .cart-overview {

  min-width: 300px;

  margin-bottom: 16px;

}

nav .cart-overview a {

  height: auto;

}

.language .menu > li ul {

  max-width: 150px;

}

.nav-open {

  max-height: 10000px !important;

  height: auto !important;

}

.nav-open .mobile-toggle {

  border-bottom: 1px solid #ccc;

}

@media all and (max-width: 1120px) {

  .menu > li {

    margin-right: 24px;

  }

}

.has-offscreen-nav .main-container {

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

}

.offscreen-container {

  position: fixed;

  transform: translate3d(200%, 0, 0);

  -webkit-transform: translate3d(200%, 0, 0);

  -moz-transform: translate3d(200%, 0, 0);

  width: 50%;

  top: 0;

  height: 100%;

  min-height: 100vh;

  z-index: 20;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  overflow: hidden;

}

.offscreen-container.reveal-nav {

  transform: translate3d(100%, 0, 0);

  -webkit-transform: translate3d(100%, 0, 0);

  -moz-transform: translate3d(100%, 0, 0);

}

.main-container.reveal-nav {

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

}

.offscreen-left .offscreen-container {

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

}

.offscreen-left .offscreen-container.reveal-nav {

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

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

  -moz-transform: translate3d(0%, 0, 0);

}

.offscreen-left .main-container.reveal-nav,

.offscreen-left nav.reveal-nav {

  transform: translate3d(50%, 0, 0) !important;

  -webkit-transform: translate3d(50%, 0, 0) !important;

  -moz-transform: translate3d(50%, 0, 0) !important;

}

.offscreen-container .close-nav {

  position: absolute;

  right: 24px;

  top: 16px;

  z-index: 24;

  font-size: 20px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .5;

}

.offscreen-container .close-nav:hover {

  opacity: 1;

}

.offscreen-container.bg-dark .close-nav i {

  color: #fff;

}

@media all and (max-width: 990px) {

  .offscreen-container {

    width: 100vw;

  }

  .offscreen-container.reveal-nav {

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

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

    -moz-transform: translate3d(0vw, 0, 0);

  }

  .main-container.reveal-nav {

    transform: none !important;

  }

}

@media all and (max-width: 990px) {

  nav.fixed {

    position: absolute !important;

    opacity: 1 !important;

    visibility: visible !important;

  }

  nav.outOfSight {

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

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

    -moz-transform: translate3d(0, 0px, 0) !important;

  }

  .nav-bar,

  .nav-bar .module-group,

  .nav-bar .module {

    height: auto;

    overflow: hidden;

  }

  .nav-bar .module {

    padding: 0 16px;

  }

  .nav-bar .module-group {

    width: 100%;

    padding: 16px 0;

  }

  .nav-bar .module-group .module {

    display: block;

    float: none;

    width: 100%;

  }

  nav.nav-centered .logo {

    margin: 24px 0 16px 0;

    max-height: 40px;

  }

  .menu {

    height: auto;

  }

  .menu.inline-block {

    width: 100%;

  }

  .menu a {

    height: auto;

    line-height: 24px;

    padding: 4px 0;

  }

  .menu li {

    line-height: 24px;

    float: none;

    display: block;

    width: 100%;

    max-width: 100%;

  }

  .menu > li ul {

    position: relative;

    width: 100%;

    opacity: 1;

    visibility: visible;

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

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

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

    left: 0;

  }

  .menu > li > ul {

    position: relative;

    opacity: 1;

    visibility: visible;

    display: none;

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

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

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

  }

  .menu > li > ul > .has-dropdown:after {

    content: "\e64b";

  }

  .menu > li > ul > li > ul {

    left: 0;

    display: none;

    padding: 0;

  }

  .menu > li > ul li a,

  .mega-menu .title {

    padding: 4px 16px;

  }

  .has-dropdown .has-dropdown li {

    padding-left: 18px;

  }

  .has-dropdown {

    padding-right: 0;

  }

  .mega-menu {

    margin-left: 0 !important;

  }

  .mega-menu li {

    width: 100% !important;

  }

  .toggle-sub > ul,

  .toggle-sub .mega-menu ul {

    display: block !important;

  }

  .module.widget-handle {

    border-left: none;

    border-top: 1px solid #ccc;

    line-height: 40px;

    min-height: 40px;

  }

  .module.widget-handle .menu {

    line-height: 40px;

  }

  .module.widget-handle .menu li {

    line-height: 40px;

  }

  .module.widget-handle i {

    line-height: 40px;

  }

  .module.widget-handle .title {

    display: inline-block;

    position: relative;

    bottom: 3px;

    margin-left: 8px;

  }

  .widget-handle .function {

    width: 100%;

    position: relative;

    opacity: 1;

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

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

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

    visibility: visible;

    margin-top: 0;

    display: none;

    box-shadow: none !important;

  }

  .toggle-widget-handle .function {

    display: block !important;

  }

  .widget-handle .cart .label {

    width: 22px;

    height: 22px;

    font-size: 12px;

    line-height: 22px;

    top: 18px;

  }

  .mobile-toggle {

    border-left: 1px solid #ccc !important;

    border-bottom: none !important;

  }

  .mobile-toggle i {

    line-height: 53px !important;

  }

  .mobile-toggle.absolute-xs {

    position: absolute;

    top: 0;

  }

  nav.nav-centered .mobile-toggle {

    width: 100%;

  }

  nav.bg-dark .module.widget-handle {

    border-top: 1px solid #444;

  }

  nav.bg-dark .mobile-toggle {

    border-left: 1px solid #444 !important;

  }

  nav.bg-dark .nav-open .mobile-toggle {

    border-bottom: 1px solid #444;

  }

}

nav.outOfSight {

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

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

  -moz-transform: translate3d(0, -200px, 0);

}

nav.scrolled {

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

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

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

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

nav.fixed,

nav.absolute {

  top: 0;

  width: 100%;

  z-index: 999;

  left: 0;

  right: 0;

}

nav.absolute {

  position: absolute;

}

nav.fixed {

  position: fixed;

  visibility: hidden;

  opacity: 0;

}

nav.fixed .nav-utility {

  display: none;

}

nav.fixed.scrolled {

  visibility: visible;

  opacity: 1;

}

nav.transparent .menu > li > a,

nav.transparent .module.widget-handle i,

nav.transparent .nav-utility {

  color: #fff;

}

nav.transparent .nav-utility,

nav.transparent .nav-bar {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

nav.transparent .module.widget-handle {

  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;

}

nav.transparent .menu > li > a,

nav.transparent .module.widget-handle i {

  opacity: 1;

}

nav.transparent .has-dropdown:after {

  color: #fff;

}

nav.transparent .logo-dark {

  display: none;

}

nav.transparent .logo-light {

  display: inline;

}

nav.transparent {

  background: none;

}

.has-offscreen-nav > nav.fixed {

  opacity: 1;

  transform: none;

  visibility: visible;

}

@media all and (max-width: 990px) {

  nav.transparent .nav-open {

    background: #fff;

  }

  nav.transparent .nav-open .menu > li > a,

  nav.transparent .nav-open .module.widget-handle i,

  nav.transparent .nav-open .nav-utility {

    color: #292929;

  }

  nav.transparent .nav-open .logo-dark {

    display: inline;

  }

  nav.transparent .nav-open .logo-light {

    display: none;

  }

  nav.transparent .nav-open .has-dropdown:after {

    color: #292929;

  }

  .menu > li:last-child > ul ul {

    right: 0;

  }

}

nav.transparent.fixed {

  background: #fff;

}

nav.transparent.fixed .logo-light {

  display: none;

}

nav.transparent.fixed .logo-dark {

  display: inline;

}

nav.transparent.fixed .menu > li > a,

nav.transparent.fixed .module.widget-handle i {

  color: #292929;

}

nav.transparent.fixed .menu > .has-dropdown:after {

  color: #fff;

  color: #292929;

}

nav.transparent.fixed .module.widget-handle {

  border-left: 1px solid #ccc;

}

nav.transparent.fixed .menu > li > a,

nav.transparent.fixed .module.widget-handle i {

  opacity: .5;

}

nav.bg-dark .menu > li > a,

nav.bg-dark .module.widget-handle i,

nav.bg-dark .nav-utility {

  color: #fff;

  opacity: .7;

}

nav.bg-dark .module.widget-handle {

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}

nav.bg-dark .nav-utility,

nav.bg-dark .nav-bar {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

nav.transparent.fixed.bg-dark {

  background: #292929;

}

nav.transparent.fixed.bg-dark .menu > li > a,

nav.transparent.fixed.bg-dark .module.widget-handle i {

  color: #fff;

}

nav.nav-centered.outOfSight .logo {

  display: none;

}

/*!---------- 8. TOOLTIPS ----------*/

.tooltip {

  font-weight: 600;

  font-size: 13px;

}

.tooltip-inner {

  border-radius: 0;

  padding: 9px 24px 12px 24px;

}

/*!---------- 9. ALERTS ----------*/

.alert {

  margin-bottom: 24px;

  background: none;

  border-radius: 0;

  font-weight: 600;

  padding: 12px 16px;

}

.alert .close {

  opacity: 1;

  font-size: 24px;

  top: -2px;

  right: -4px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.alert .close span {

  font-weight: 400;

}

.alert-warning {

  border: 1px solid #d88519;

  color: #d88519;

}

.alert-success {

  border: 1px solid #60b963;

  color: #60b963;

}

.alert-danger {

  border: 1px solid #c64444;

  color: #c64444;

}

/*!---------- 10. ICONS ----------*/

.icon {

  font-size: 64px;

  display: inline-block;

  color: #292929;

}

.image-bg.bg-light .icon {

  color: #292929;

}

.image-bg .icon,

.bg-dark .icon {

  color: #fff;

}

.icon-lg {

  font-size: 80px;

}

.icon-sm {

  font-size: 32px;

}

.icon-xs {

  font-size: 18px;

}

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

  .icon {

    font-size: 48px;

  }

  .icon-lg {

    font-size: 64px;

  }

  .icon-sm {

    font-size: 18px;

  }

  .icon-xs {

    font-size: 16px;

  }

}

.embelish-icons {

  position: absolute;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

  transform: scale(10);

  -webkit-transform: scale(10);

  left: 50%;

  opacity: 0.05;

  z-index: -1;

}

/*!---------- 11. FORMS ----------*/

input,

button,

select,

textarea {

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

}

input[type="text"],

button,

textarea,

select,

input[type="password"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.bg-secondary input[type="text"],

.bg-secondary textarea,

.bg-secondary select {

  background: #fff;

}

.input-lh {

  line-height: 50px;

}

.attempted-submit .field-error {

  outline: 1px red !important;

}

.input-with-label span {

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

  font-size: 11px;

  text-transform: uppercase;

  color: #292929;

  // letter-spacing: 1px;

  font-weight: 700;

  display: block;

  cursor: default;

}

input[type="text"],

input[type="password"] {

  background: #f5f5f5;

  border: none;

  width: 100%;

  height: 50px;

  padding-left: 20px;

  font-weight: 500;

  margin-bottom: 24px;

  border-radius: 0;

}

.image-bg input[type="text"],

.image-bg textarea {

  color: #555;

}

.image-bg.bg-light input.transparent,

.image-bg.bg-light button.transparent {

  border-color: #292929;

}

input.transparent,

button.transparent {

  background: none;

  border: 1px solid rgba(255, 255, 255, 0.5);

  color: #fff !important	;

}

input[type="text"]:focus,

input[type="password"]:focus {

  outline: 1px solid #ccc;

}

textarea {

  width: 100%;

  border: none;

  background: #f5f5f5;

  margin-bottom: 24px;

  border-radius: 0;

  padding: 16px 20px;

}

textarea:focus {

  outline: 1px solid #ccc;

}

::-webkit-input-placeholder {

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  color: #777;

  font-size: 11px;

}

:-moz-placeholder {

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  color: #777;

  font-size: 11px;

}

::-moz-placeholder {

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  color: #777;

  font-size: 11px;

}

:-ms-input-placeholder {

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  color: #777;

  font-size: 11px;

}

input.transparent::-webkit-input-placeholder,

button.transparent::-webkit-input-placeholder {

  color: #fff;

}

input.transparent::-moz-input-placeholder,

button.transparent::-moz-input-placeholder {

  color: #fff;

}

input.transparent:-moz-input-placeholder,

button.transparent:-moz-input-placeholder {

  color: #fff;

}

input.transparent:-ms-input-placeholder,

button.transparent:-ms-input-placeholder {

  color: #fff;

}

input[type="submit"],

button[type="submit"] {

  height: 50px;

  line-height: 48px;

  // border: 2px solid #4b0082;

  // background: #4b0082;

  color: inherit;

  width: 100%;

  font-size: 20px;

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  // border-radius: 0 !important;

}

.bg-primary input[type="submit"],

.bg-primary button[type="submit"] {

  background: #fff;

  color: #4b0082;

}

input[type="submit"]:focus,

button[type="submit"]:focus {

  outline: none;

}

input[type="submit"].hollow,

button[type="submit"].hollow {

  background: none;

  border: 2px solid #4b0082;

  color: #4b0082;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

input[type="submit"].hollow:hover,

button[type="submit"].hollow:hover {

  background: #4b0082;

  color: #fff;

}

.select-option {

  position: relative;

  cursor: pointer;

  height: 50px;

  overflow: hidden;

  margin-bottom: 24px;

}

.select-option i {

  position: absolute;

  font-size: 18px;

  right: 20px;

  top: 14px;

  z-index: 2;

  pointer-events: none;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  cursor: pointer;

}

.select-option:focus i {

  color: #fff;

}

.select-option select {

  margin-bottom: 0;

}

select {

  height: 50px;

  background: #f5f5f5;

  width: 100%;

  border-radius: 0;

  border: none;

  outline: none;

  padding-left: 20px;

  position: relative;

  font-size: 11px;

  text-transform: uppercase;

  font-weight: bold;

  // letter-spacing: 1px;

  color: #777;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  cursor: pointer;

}

select:focus {

  background: #eee;

}

select:active,

select:focus,

select:hover {

  outline: none;

  border: none;

}

.checkbox-option,

.radio-option {

  display: inline-block;

  width: 50px;

  height: 25px;

  border-radius: 25px;

  border: 1px solid #4b0082;

  cursor: pointer;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  margin-bottom: 24px;

}

.checkbox-option .inner,

.radio-option .inner {

  width: 19px;

  height: 19px;

  border-radius: 50%;

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

  border: 1px solid #4b0082;

  position: relative;

  top: 2px;

  left: 2px;

  display: inline-block;

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

}

.checkbox-option.checked .inner {

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

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

  -moz-transform: translate3d(25px, 0, 0);

  background: #4b0082;

}

.checkbox-option input {

  width: 0;

  height: 0;

  opacity: 0;

  overflow: hidden;

}

.radio-option {

  width: 25px;

  height: 25px;

  text-align: left;

}

.radio-option:nth-of-type(n+2) {

  margin-left: 24px;

}

.radio-option input {

  width: 0;

  height: 0;

  opacity: 0;

  overflow: hidden;

}

.radio-option .inner {

  border: none;

  width: 19px;

  height: 19px;

  left: 2px;

  transform: scale(0);

  -webkit-transform: scale(0);

}

.radio-option + span {

  display: inline-block;

  line-height: 25px;

}

.radio-option.checked .inner {

  transform: scale(1);

  -webkit-transform: scale(1);

}

.radio-option.checked .inner {

  background: #4b0082;

}

@media all and (min-width: 991px) {

  input.col-md-6,

  button.col-md-6 {

    width: 49%;

    float: left;

  }

  input.col-md-6:first-of-type,

  button.col-md-6:first-of-type {

    margin-right: 1%;

  }

  input.col-md-6:last-of-type,

  button.col-md-6:last-of-type {

    margin-left: 1%;

  }

}

form.thirds input,

form.thirds button {

  width: 32%;

  float: left;

  margin-left: 1%;

  margin-bottom: 16px;

}

form.halves input,

form.halves button {

  width: 46%;

  float: left;

  margin-left: 2.5%;

  margin-bottom: 16px;

}

form.halves p,

form.thirds p,

form.halves span,

form.thirds span {

  clear: both;

}

.form-error,

.form-success {

  background: #58ce38;

  padding: 12px;

  width: 80%;

  color: #fff;

  clear: both;

  display: block;

  max-width: 700px;

  position: relative;

  top: 16px;

  margin: 0 auto;

  word-break: break-word;

}

.form-error {

  background: #ce3838;

}

.form-error a,

.form-success a {

  display: block;

  color: #fff;

}

.attempted-submit .field-error {

  outline: 1px solid #ce3838 !important;

}

form iframe.mail-list-form {

  display: none;

}

.form-loading {

  border: 3px solid #ffffff;

  border-radius: 30px;

  height: 30px;

  left: 50%;

  margin: -15px 0 0 -15px;

  opacity: 0;

  margin: 0px auto;

  top: 50%;

  width: 30px;

  -webkit-animation: pulsate 1s ease-out;

  -webkit-animation-iteration-count: infinite;

  -moz-animation: pulsate 1s ease-out;

  -moz-animation-iteration-count: infinite;

  animation: pulsate 1s ease-out;

  animation-iteration-count: infinite;

  z-index: 99999;

}

@keyframes pulsate {

  0% {

    transform: scale(0.1);

    opacity: 0.0;

  }

  50% {

    opacity: 1;

  }

  100% {

    transform: scale(1.2);

    opacity: 0;

  }

}

@-webkit-keyframes pulsate {

  0% {

    transform: scale(0.1);

    opacity: 0.0;

  }

  50% {

    opacity: 1;

  }

  100% {

    transform: scale(1.2);

    opacity: 0;

  }

}

button[type="submit"] .form-loading {

  height: 25px;

  width: 25px;

  display: inline-block;

  top: 9px;

  position: relative;

  left: 0;

}

.btn-white .form-loading {

  border: 3px solid #c8c8c8;

}

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

  form.thirds input,

  form.halves input,

  form.thirds button,

  form.halves button {

    width: 100%;

    margin-bottom: 8px;

    float: left;

    margin-left: 0;

  }

}

/*!---------- 12. ACCORDIONS ----------*/

.accordion .title {

  cursor: pointer;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.accordion .content {

  max-height: 0;

  overflow: hidden;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

}

.accordion li.active .content {

  max-height: 400px;

}

.accordion p:last-child {

  margin-bottom: 0;

}

.accordion-1 li {

  margin-bottom: 10px;

}

.accordion-1 li:last-child {

  margin-bottom: 0;

}

.accordion-1 .title {

  background: #f5f5f5;

  padding: 13px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.bg-secondary .accordion-1 .title {

  background: #ebebeb;

}

.bg-secondary .accordion-1 .title:hover {

  background: #e4e4e4;

}

.accordion-1 .title span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

}

.accordion-1 .active .title {

  background: #4b0082;

  color: #fff;

}

.accordion-1 .content {

  border: 1px solid #eee;

  border-top: none;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

}

.accordion-1 .content p {

  padding: 13px;

}

.accordion-1 .active .content {

  opacity: 1;

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

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

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

}

.accordion-1 .title:hover {

  background: #eee;

}

.accordion-1 .active .title:hover {

  background: #4b0082;

}

.accordion-2 .title {

  font-size: 16px;

  font-weight: 500;

  padding: 16px 0;

  border-bottom: 1px solid #ccc;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .7;

}

.accordion-2 .title:before {

  content: "\e622";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

}

.accordion-2 .active .title {

  opacity: 1;

}

.accordion-2 .active .title:before {

  content: '\e61a';

}

.accordion-2 .content p {

  padding: 16px 0;

}

.accordion-2 .title:hover {

  opacity: 1;

}

/*!---------- 13. TABBED CONTENT ----------*/

.tabs {

  overflow: hidden;

}

.tabs li {

  display: inline-block;

  cursor: pointer;

}

.tabs.thirds {

  width: 100%;

}

.tabs.thirds li {

  width: 33.3333333%;

}

.tabs.thirds .tab-title {

  width: 100%;

}

.button-tabs .tabs {

  display: inline-block;

  overflow: hidden;

}

.button-tabs .tabs > li {

  margin-bottom: 8px;

  float: left;

}

.button-tabs .tabs > li:last-child {

  margin-right: 0;

}

.button-tabs .tab-title {

  padding: 13px;

  display: inline-block;

  text-align: center;

  min-width: 150px;

  background: #f5f5f5;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.bg-secondary .button-tabs .tab-title {

  background: #eee;

}

.button-tabs .tab-title span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

}

.button-tabs .active .tab-title {

  background: #4b0082;

  color: #fff;

}

.button-tabs .tab-title:hover {

  background: #eee;

}

.button-tabs .active .tab-title:hover {

  background: #4b0082;

}

.button-tabs.vertical {

  overflow: hidden;

}

.button-tabs.vertical > .tabs {

  max-width: 30%;

  float: left;

}

.button-tabs.vertical > .content {

  padding-left: 3%;

  max-width: 70%;

  float: right;

}

.button-tabs.vertical > .tabs li,

.button-tabs.vertical .tab-title {

  width: 100%;

}

.button-tabs.vertical > .tabs li {

  margin-bottom: 10px;

}

.bg-dark .button-tabs .tab-title span {

  color: #222;

}

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

  .button-tabs .tabs li {

    width: 49%;

    margin-bottom: 15px;

  }

  .button-tabs.vertical .tabs,

  .button-tabs.vertical .content {

    max-width: 100%;

    width: 100%;

    padding-left: 0;

  }

}

.tabbed-content .content > li {

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  display: none;

}

.tabbed-content .content .active {

  opacity: 1;

  visibility: visible;

  display: block;

}

.text-tabs .tabs {

  padding-bottom: 16px;

  border-bottom: 1px solid #ccc;

  overflow: visible;

}

.text-tabs.no-border .tabs {

  border-bottom: none;

}

.text-tabs .tab-title {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  padding: 0 24px;

  opacity: 0.5;

  position: relative;

}

.text-tabs .tab-title span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

}

.text-tabs .tab-title:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 1px;

  background: #4b0082;

  bottom: 10px;

  opacity: 0;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  bottom: -17px;

  left: 0;

}

.text-tabs .active .tab-title {

  opacity: 1;

  color: #4b0082;

}

.bg-primary .text-tabs .tab-title:after {

  background: #ffe5e5;

}

.text-tabs .active .tab-title:after {

  opacity: 1;

}

.text-tabs .tab-title:hover {

  opacity: 1;

}

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

  .text-tabs .tabs {

    padding-bottom: 0;

  }

  .text-tabs .tabs li {

    width: 49%;

    margin-bottom: 15px;

  }

  .text-tabs .tab-title:after {

    display: none;

  }

  .text-tabs:not(.text-center) .tabs li:first-child .tab-title {

    padding-left: 24px;

  }

}

.icon-tabs .tabs li {

  width: 24.5%;

  margin-bottom: 24px;

}

.icon-tabs .tab-title {

  text-align: center;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .5;

}

.icon-tabs .tab-title:hover {

  opacity: 1;

}

.icon-tabs .active .tab-title {

  color: #4b0082;

  opacity: 1;

}

.icon-tabs .active .tab-title i {

  color: #4b0082;

}

.image-bg .icon-tabs .active .tab-title i {

  color: #fff;

}

.icon-tabs .tab-title i {

  display: block;

  margin-bottom: 16px;

}

.icon-tabs .tab-title span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

}

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

  .icon-tabs .tabs li {

    margin-bottom: 16px;

    margin-right: 0;

    width: 49%;

  }

  .icon-tabs .tab-title i {

    font-size: 32px;

  }

}

/*!---------- 14. PROGRESS BARS ----------*/

.progress-bars {

  margin-bottom: 24px;

}

.progress {

  height: auto;

  box-shadow: none;

}

.progress-bar {

  background: #4b0082;

  box-shadow: none !important;

}

.bg-primary .progress-bar {

  background: #fd7777;

}

.progress-1 {

  height: 32px;

  margin-bottom: 8px;

  border-radius: 0;

  border: none;

}

.progress-1:last-child {

  margin-bottom: 0;

}

.progress-1 .progress-bar {

  text-align: right;

  padding-right: 12px;

  line-height: 32px;

  border-radius: 0;

}

.progress-1 .progress-bar span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

  font-size: 11px;

}

.progress-2 {

  height: auto;

  background: none;

  text-align: center;

  margin-bottom: 8px;

}

.progress-2 span {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

  display: inline-block;

  margin-bottom: 8px;

}

.progress-2 .bar-holder {

  height: 16px;

  border-radius: 8px;

  overflow: hidden;

  border: 1px solid #4b0082;

}

.bg-primary .progress-2 .bar-holder {

  border-color: #fd8b8b;

}

/*!---------- 15. STATS ----------*/

.stat-2 h1 {

  font-size: 80px;

  line-height: 88px;

}

.stat-3 h1 {

  margin-bottom: 8px;

  font-size: 72px;

  line-height: 80px;

}

.stat-3 h6 {

  margin-bottom: 0;

}

/*!---------- 16. BREADCRUMBS ----------*/

.breadcrumb {

  margin-bottom: 24px;

}

.breadcrumb-2 {

  background: none;

  padding: 0;

}

.breadcrumb-2 li a,

.breadcrumb-2 li {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

  font-size: 11px;

  font-weight: 600;

}

.breadcrumb-2 > li + li:before {

  padding: 0 16px;

  color: #bbb;

}

.image-bg .breadcrumb li a {

  color: #fff;

  opacity: .8;

}

.image-bg .breadcrumb li a:hover {

  opacity: 1;

}

.image-bg .breadcrumb li.active {

  color: #fff;

}

.bg-dark .breadcrumb a {

  color: #fff;

}

@media all and (max-width: 990px) {

  .page-title-4 .breadcrumb,

  .page-title-2 .breadcrumb {

    float: left;

    margin-top: 32px;

  }

}

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

  .breadcrumb-2 > li + li:before {

    padding: 0 4px;

  }

  .page-title-4 .breadcrumb,

  .page-title-2 .breadcrumb {

    float: left;

    margin-top: 8	px;

  }

}

/*!---------- 17. PAGINATION ----------*/

.pagination {

  margin: 0;

}

.pagination li {

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.pagination li a {

  width: 32px;

  height: 32px;

  padding: 0;

  text-align: center;

  padding-top: 6px;

  margin: 0 4px;

  color: #292929;

  font-weight: 400;

}

.pagination li a:hover,

.pagination li.active a,

.pagination li.active:hover a {

  background: #4b0082;

  color: #fff;

  border-color: #4b0082;

}

/*!---------- 18. ICON FEATURES ----------*/

.feature.boxed {

  padding: 32px;

  background: #f8f8f8;

}

.feature.boxed.bg-dark {

  background: #292929;

}

.bg-dark .feature.boxed {

  background: #363636;

}

.bg-secondary .feature.boxed {

  background: #fff;

}

.feature.bordered {

  padding: 32px;

  border: 1px solid #ccc;

}

.feature {

  margin-bottom: 24px;

}

.feature p:last-child {

  margin-bottom: 0;

}

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

  .feature.boxed,

  .feature.bordered {

    padding: 24px;

  }

}

@media all and (max-width: 990px) {

  .feature .icon-lg {

    font-size: 40px;

  }

}

.feature-1 i {

  display: inline-block;

  margin-bottom: 16px;

  color: #4b0082;

}

.feature-2 i {

  display: block;

  width: 80px;

  height: 80px;

  border: 1px solid #4b0082;

  text-align: center;

  line-height: 80px;

  color: #4b0082;

  border-radius: 50%;

  margin: 0 auto;

  margin-bottom: 24px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.feature-2 i:hover,

.feature-2.filled i {

  background: #4b0082;

  color: #fff;

}

.feature-3 {

  overflow: hidden;

}

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

  .feature-3 {

    min-height: 160px;

  }

}

.feature-3 .left,

.feature-3 .right {

  display: inline-block;

  float: left;

}

.feature-3 .left {

  width: 15%;

}

.feature-3 .right {

  width: 85%;

}

.feature-3 i {

  color: #4b0082;

}

.bg-primary .feature-3 i {

  color: #fff;

}

.feature-4 .left {

  width: 25%;

}

.feature-4 .right {

  width: 75%;

}

.feature-color h1,

.feature-color h2,

.feature-color h3,

.feature-color h4,

.feature-color h5,

.feature-color h6 {

  color: #ffffff;

}

.feature-color p,

.feature-color span,

.feature-color li {

  color: #ffffff;

}

.feature-color i {

  color: #fff;

  opacity: .7;

}

.feature-color:nth-of-type(1) {

  background: #4b0082;

}

.feature-color:nth-of-type(2) {

  background: #fc3636;

}

.feature-color:nth-of-type(3) {

  background: #fb1d1d;

}

.feature-5 {

  height: 33.333333vw;

  padding: 0 48px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

@media all and (max-width: 1280px) {

  .feature-5 {

    height: auto;

    padding: 80px 48px;

  }

  .feature-5 .v-align-transform {

    top: 0;

    transform: none;

    -webkit-transform: none;

  }

}

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

  .feature-3 .left,

  .feature-4 .left {

    margin-bottom: 8px;

  }

  .feature-3 .left,

  .feature-4 .left,

  .feature-3 .right,

  .feature-4 .right {

    width: 100%;

  }

  .feature-5 {

    padding: 40px 24px;

  }

}

.image-bg .feature i {

  color: #fff;

}

.image-bg .feature h1,

.image-bg .feature h2,

.image-bg .feature h3,

.image-bg .feature h4,

.image-bg .feature h5,

.image-bg .feature h6 {

  color: #ffffff;

}

.image-bg .feature p,

.image-bg .feature span,

.image-bg .feature li {

  color: #ffffff;

}

.image-bg .feature.bordered {

  border-color: rgba(255, 255, 255, 0.4);

}

.image-bg .feature.boxed {

  background: rgba(34, 34, 34, 0.4);

}

.bg-light .feature.bordered {

  border-color: rgba(34, 34, 34, 0.2);

}

/*!---------- 19. PRICING TABLES ----------*/

.pricing-table {

  padding: 48px 32px;

}

.pricing-table .price {

  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 80px;

  line-height: 80px;

  font-weight: 300;

  color: #292929;

  display: inline-block;

  margin-bottom: 16px;

}

.bg-dark .pricing-table .price {

  color: #fff;

}

.pricing-table p:last-child {

  margin-bottom: 0;

}

.pricing-table.boxed,

.pricing-table.emphasis {

  background: #f8f8f8;

}

.pricing-table.emphasis {

  background: #4b0082;

  color: #fff;

}

.pricing-table.emphasis a:not(.btn) {

  color: #fff;

}

.pricing-table.emphasis .price,

.pricing-table.emphasis h5 {

  color: #fff;

}

.pt-2 ul {

  line-height: 36px;

}

/*!---------- 20. PAGE TITLES ----------*/

.page-title {

  padding: 0;

}

.page-title .container {

  position: relative;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  top: 50%;

  z-index: 2;

}

.page-title i {

  position: relative;

  top: 1px;

}

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

  .page-title i {

    display: none;

  }

}

.page-title-1,

.page-title-2 {

  height: 400px;

}

.page-title-1 .breadcrumb,

.page-title-3 .breadcrumb {

  position: absolute;

  z-index: 3;

  width: 100%;

  text-align: center;

  bottom: 0;

}

.page-title-2 .breadcrumb {

  position: relative;

  margin-bottom: 0;

}

.nav-is-overlay .page-title-1.image-bg:first-child,

.nav-is-overlay.page-title-1.bg-dark:first-child,

.nav-is-overlay .page-title-2.image-bg:first-child,

.nav-is-overlay.page-title-2.bg-dark:first-child {

  height: 455px;

  padding-top: 55px;

}

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

  .page-title-1,

  .page-title-2 {

    height: 320px;

  }

}

.page-title-3,

.page-title-4 {

  height: 240px;

}

.page-title-4 .breadcrumb {

  position: relative;

  top: 8px;

  margin-bottom: 0;

}

.nav-is-overlay .page-title-3.image-bg:first-child,

.nav-is-overlay.page-title-3.bg-dark:first-child,

.nav-is-overlay .page-title-4.image-bg:first-child,

.nav-is-overlay.page-title-4.bg-dark:first-child {

  height: 295px;

  padding-top: 55px;

}

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

  .page-title .text-right {

    text-align: left !important;

  }

}

.page-title.fullscreen {

  height: 100vh !important;

  padding-top: 0;

}

/*!---------- 21. WIDGETS ----------*/

.widget {

  margin-bottom: 48px;

}

.link-list {

  line-height: 32px;

}

.link-list a:after {

  content: "\e628";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  font-size: 11px;

  display: inline-block;

  margin-left: 8px;

}

.widget ul:last-child,

.widget p:last-child {

  margin-bottom: 0;

}

.widget .title {

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

  font-size: 12px;

  line-height: 24px;

  font-weight: 400;

  text-transform: uppercase;

  // letter-spacing: 2px;

  font-weight: 700;

  margin-bottom: 12px;

}

.widget hr {

  margin-bottom: 12px;

}

.recent-posts {

  line-height: 24px;

}

.recent-posts li {

  margin-bottom: 8px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.recent-posts .date {

  display: block;

  // letter-spacing: 0;

  opacity: .8;

}

.recent-posts li:hover .date {

  opacity: 1;

}

.tags {

  overflow: hidden;

}

.tags li {

  float: left;

  margin: 0 4px 4px 0;

}

.tags .btn-sm {

  padding: 0 8px;

  margin: 0;

}

.widget .gallery {

  overflow: hidden;

}

.widget .gallery li {

  width: 33.33333%;

  float: left;

  padding: 0 4px 4px 0;

}

.twitter-feed .user,

.twitter-feed .interact {

  display: none;

}

.widget .twitter-feed .timePosted {

  display: none;

}

.widget .tweet {

  margin-bottom: 0;

}

.widget .twitter-feed .slides li {

  margin-bottom: 24px;

}

.widget .twitter-feed .slides li:last-child {

  margin-bottom: 0;

}

.widget .twitter-feed .slides li:nth-of-type(n+3) {

  display: none;

}

.widget .twitter-feed .slides li:before {

  position: relative;

  top: 6px;

  float: left;

  display: inline-block;

  margin-right: 8px;

  color: #292929;

  content: "\e74b";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  font-size: 13px;

}

.widget .twitter-feed p {

  padding-left: 22px;

  position: relative;

}

.bg-dark .widget .twitter-feed .slides li:before {

  color: #fff;

}

.widget .instafeed li {

  width: 33.3333%;

  display: inline-block;

  padding: 0 4px 4px 0;

}

.widget .instafeed li:nth-of-type(n+7) {

  display: none;

}

.widget .cart-overview img {

  width: 25%;

  padding-right: 2%;

}

.widget .cart-overview .description {

  display: inline-block;

  width: auto;

  line-height: 24px;

}

.widget .cart-overview span {

  display: block;

}

.widget .cart-overview li {

  margin-bottom: 24px;

  overflow: hidden;

}

.widget .cart-overview li:last-child {

  margin-bottom: 0;

}

.widget .cart-controls {

  max-height: 30px;

  line-height: 30px;

}

.cart-overview a {

  color: #292929;

}

.cart-overview a:hover {

  color: #4b0082;

}

.widget .flex-direction-nav li a {

  width: 16px;

  height: 16px;

  margin: -8px 0 0;

}

.widget .flex-direction-nav li a:before {

  font-size: 16px;

}

.widget .flex-direction-nav li a.flex-next {

  right: 8px;

}

.widget .flex-direction-nav li a.flex-prev {

  left: 8px;

}

.widget .flex-control-nav {

  display: none;

}

.widget .image-slider {

  margin: 0;

}

/*!---------- 22. IMAGE TILES ----------*/

img {

  max-width: 100%;

}

.image-tile {

  overflow: hidden;

  position: relative;

  margin-bottom: 24px;

}

.image-tile img {

  width: 100%;

  display: inline-block;

}

.image-tile .label {

  position: absolute;

  top: 16px;

  right: 16px;

  z-index: 5;

}

.inner-title:before {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);

  pointer-events: none;

}

.inner-title.title-center:before {

  background: #292929;

  opacity: .4;

}

.inner-title:hover:before {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

}

.inner-title .title {

  position: absolute;

  width: 100%;

  bottom: 24px;

  z-index: 5;

}

.inner-title .title h1,

.inner-title .title h2,

.inner-title .title h3,

.inner-title .title h4,

.inner-title .title h5,

.inner-title .title h6 {

  color: #ffffff;

}

.inner-title .title p,

.inner-title .title span,

.inner-title .title li {

  color: #ffffff;

}

.inner-title.title-center .title {

  bottom: auto;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

}

.inner-title .title h5 {

  font-weight: 600;

}

.inner-title {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

}

.inner-title:hover {

  opacity: .95;

}

.inner-title.hover-reveal:before {

  opacity: 0;

}

.inner-title.hover-reveal .title {

  opacity: 0;

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

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

  -moz-transform: translate3d(0, 50px, 0);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.inner-title.hover-reveal:hover .title {

  opacity: 1;

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

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

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

}

.inner-title.hover-reveal:hover:before {

  opacity: 1;

}

.outer-title img {

  display: inline-block;

  // margin-bottom: 12px;

  margin-bottom: 0;

}

.hover-tile {

  position: relative;

  overflow: hidden;

  background: #292929;

}

.hover-tile img {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.hover-tile:hover img {

  opacity: .5;

}

.hover-tile .hover-state {

  position: relative;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  top: 50%;

  z-index: 2;

  position: absolute;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

  width: 100%;

}

.hover-state {

  z-index: 99;

  padding: 0 40px;

  cursor: default;

}

.hover-state h1,

.hover-state h2,

.hover-state h3,

.hover-state h4,

.hover-state h5,

.hover-state h6 {

  color: #ffffff;

}

.hover-state p,

.hover-state span,

.hover-state li {

  color: #ffffff;

}

.hover-state * {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transform: translate3d(0, 30px, 0) scale(1.05);

  -webkit-transform: translate3d(0, 30px, 0) scale(1.05);

}

.hover-tile:hover .hover-state {

  opacity: 1;

}

.hover-tile:hover .hover-state * {

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

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

}

.hover-state *:last-child {

  margin-bottom: 0;

}

.border-thick {

  border: 16px solid #fff;

  border-top: none;

}

.border-thick.col-sm-6:first-child {

  border-right: 8px solid #fff;

}

.border-thick.col-sm-6:last-child {

  border-left: 8px solid #fff;

}

.horizontal-tile {

  overflow: hidden;

}

.horizontal-tile:not(:last-of-type) {

  margin-bottom: 30px;

}

.tile-left,

.tile-right {

  width: 50%;

  float: left;

  display: inline-block;

  overflow: hidden;

  min-height: 300px;

  position: relative;

}

.tile-right .description,

.tile-left .description {

  padding: 48px;

}

.tile-right:hover .background-image-holder,

.tile-left:hover .background-image-holder {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

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

  .tile-left,

  .tile-right {

    width: 100%;

    float: none;

  }

}

/*!---------- 23. SLIDERS ----------*/

.image-slider {

  position: relative;

}

.image-slider .slides {

  position: relative;

  overflow: hidden;

}

.image-slider .slides li {

  position: relative;

}

.image-slider .slides li > img {

  width: 100%;

}

.row .image-slider {

  margin-bottom: 24px;

}

.image-slider.height-70 .slides li {

  height: 70vh;

  min-height: 600px;

}

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

  .image-slider.height-70 .slides li {

    height: auto;

    min-height: none;

    padding: 80px 0;

  }

  .image-slider.height-70 .v-align-transform {

    top: 0;

    transform: none;

    -webkit-transform: none;

  }

}

.flex-direction-nav a.flex-next {

  right: 16px;

}

.flex-direction-nav a.flex-next:before,

.flex-direction-nav a.flex-prev:before {

  content: "\e649";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  font-size: 24px;

  color: #fff;

}

.flex-direction-nav a.flex-prev {

  left: 16px;

}

.flex-direction-nav a.flex-prev:before {

  content: "\e64a";

}

.flex-direction-nav a {

  opacity: 1;

  text-shadow: none;

  color: rgba(0, 0, 0, 0);

  width: 24px;

  height: 24px;

  margin: -12px 0 0;

}

.flex-control-nav li {

  overflow: hidden;

}

.flex-control-nav li a {

  background: none;

  border: 2px solid #292929;

  width: 10px;

  height: 10px;

}

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

  .flex-direction-nav {

    display: none;

  }

}

.controls-inside .flex-control-nav {

  bottom: 24px;

  z-index: 10;

}

.controls-inside .flex-control-nav li a {

  border-color: #fff;

}

.controls-inside .flex-control-nav li a.flex-active {

  background: #fff;

}

.image-bg .flex-control-nav li a {

  border-color: #fff;

}

.image-bg .flex-control-nav li a.flex-active {

  background: #fff;

}

.slider-thumb-controls .flex-control-thumbs {

  margin: 0;

}

.slider-thumb-controls .flex-direction-nav {

  display: none;

}

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

  .slider-thumb-controls .flex-control-thumbs {

    display: none;

  }

  .slider-thumb-controls .flex-direction-nav {

    display: block;

  }

}

.logo-carousel li {

  text-align: center;

}

.logo-carousel li {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .5;

}

.logo-carousel li:hover {

  opacity: 1;

}

.logo-carousel img {

  max-height: 60px;

}

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

  .logo-carousel .slides li {

    width: 100%;

  }

}

.text-slider .flex-direction-nav li a:before {

  color: #222;

}

.image-bg .text-slider .flex-direction-nav li a:before {

  color: #fff;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .5;

}

.image-bg .text-slider .flex-direction-nav li a:hover:before {

  opacity: 1;

}

.text-slider .flex-direction-nav a.flex-prev {

  left: -60px;

}

.text-slider .flex-direction-nav a.flex-next {

  right: -60px;

}

.kenburns .slides li:nth-of-type(odd) .background-image-holder {

  animation: kenBurnsEast 25s linear infinite alternate;

  -webkit-animation: kenBurnsEast 25s linear infinite alternate;

}

.kenburns .slides li:nth-of-type(even) .background-image-holder {

  animation: kenBurnsWest 25s linear infinite alternate;

  -webkit-animation: kenBurnsWest 25s linear infinite alternate;

}

@keyframes kenBurnsEast {

  from {

    transform: scale(1) translateX(0px);

    -webkit-transform: scale(1) translateX(0px);

  }

  to {

    transform: scale(1.2) translateX(100px);

    -webkit-transform: scale(1.2) translateX(100px);

  }

}

@-webkit-keyframes kenBurnsEast {

  from {

    transform: scale(1) translateX(0px);

    -webkit-transform: scale(1) translateX(0px);

  }

  to {

    transform: scale(1.2) translateX(100px);

    -webkit-transform: scale(1.2) translateX(100px);

  }

}

@keyframes kenBurnsWest {

  from {

    transform: scale(1) translateX(0px);

    -webkit-transform: scale(1) translateX(0px);

  }

  to {

    transform: scale(1.2) translateX(-100px);

    -webkit-transform: scale(1.2) translateX(-100px);

  }

}

@-webkit-keyframes kenBurnsWest {

  from {

    transform: scale(1) translateX(0px);

    -webkit-transform: scale(1) translateX(0px);

  }

  to {

    transform: scale(1.2) translateX(-100px);

    -webkit-transform: scale(1.2) translateX(-100px);

  }

}

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

  .kenburns .slides li .background-image-holder {

    animation: none !important;

    -webkit-animation: none !important;

  }

}

/*!---------- 24. IMAGE GALLERIES ----------*/

.instafeed.grid-gallery {

  overflow: hidden;

}

.instafeed.grid-gallery li {

  width: 25%;

  display: inline-block;

  float: left;

  padding: 8px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

}

.instafeed.grid-gallery li:hover {

  opacity: .9;

}

.instafeed.grid-gallery.gapless li {

  padding: 0;

  width: 16.66667%;

}

.instafeed.grid-gallery.gapless li img {

  width: 100%;

}

.instafeed li img {

  height: auto;

}

@media all and (max-width: 990px) {

  .instafeed.grid-gallery li {

    width: 33.333333%;

  }

}

.lightbox-grid,

.lightbox-grid ul,

.lightbox-grid li {

  position: relative;

  overflow: hidden;

}

.lightbox-grid li {

  width: 25%;

  float: left;

  border: 8px solid rgba(0, 0, 0, 0);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

}

.lightbox-grid li:hover {

  opacity: .9;

}

.square-thumbs li {

  height: 285px;

}

.third-thumbs li {

  width: 33.33333vw;

  height: 33vw;

  border: none;

}

@media all and (max-width: 1190px) {

  .square-thumbs li {

    height: 235px;

  }

}

@media all and (max-width: 990px) {

  .lightbox-grid li {

    width: 33.33333%;

  }

  .square-thumbs li {

    height: 240px;

  }

}

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

  .lightbox-grid li {

    width: 50%;

  }

  .third-thumbs li {

    height: 50vw;

  }

  .square-thumbs li {

    height: 185px;

  }

}

.lb-outerContainer {

  background: none;

  border-radius: 0;

}

.lightbox .lb-image {

  border-radius: 0;

}

.lb-data .lb-close,

.lb-nav a.lb-next,

.lb-nav a.lb-prev {

  background: none;

}

.lb-data .lb-close:before,

.lb-nav a.lb-next:before,

.lb-nav a.lb-prev:before {

  content: "\e646";

  font-family: 'themify';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  font-size: 24px;

  color: #fff;

}

.lb-nav a.lb-next:before,

.lb-nav a.lb-prev:before {

  position: absolute;

  top: 50%;

  font-size: 32px;

  margin-top: -16px;

}

.lb-nav a.lb-next:before {

  content: "\e649";

  right: 16px;

}

.lb-nav a.lb-prev:before {

  content: "\e64a";

  left: 16px;

}

.flickr-feed li {

  width: 25%;

  padding: 8px;

}

.flickr-feed li.masonry-item {

  margin-bottom: 0;

}

.flickr-feed li img {

  min-width: 100%;

}

@media all and (max-width: 990px) {

  .flickr-feed li {

    width: 33.33333%;

  }

}

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

  .flickr-feed li {

    padding: 4px;

  }

}

/*!---------- 25. INTROS ----------*/

.cover {

  margin: 0;

  padding: 0;

}

.cover h1,

.cover h2,

.cover h3,

.cover h4,

.cover h5,

.cover h6 {

  color: #ffffff;

}

.cover p,

.cover span,

.cover li {

  color: #ffffff;

}

.image-bg.bg-light h1,

.image-bg.bg-light h2,

.image-bg.bg-light h3,

.image-bg.bg-light h4,

.image-bg.bg-light h5,

.image-bg.bg-light h6 {

  color: #222222;

}

.image-bg.bg-light p,

.image-bg.bg-light span,

.image-bg.bg-light li {

  color: #777777;

}

.cover:first-child .fullscreen {

  max-height: 100%;

}

.cover.fullscreen .slides > li {

  height: 100vh;

}

.cover .slides li .container {

  z-index: 4;

  position: relative;

}

.cover .flex-control-nav {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .9;

}

.cover .flex-control-nav:hover {

  opacity: 1;

}

.cover .align-bottom {

  padding: 0 32px;

  bottom: 16px;

}

.cover .align-top {

  padding: 0 32px;

}

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

  .cover .align-bottom {

    padding: 0 15px;

  }

  .cover .align-bottom.relative-xs {

    position: relative;

    bottom: 0;

  }

  .cover.fullscreen {

    height: auto !important;

    padding: 80px 0;

  }

  .cover.fullscreen.image-slider {

    padding: 0;

  }

  .cover.fullscreen .container {

    top: 0;

    transform: none;

    -webkit-transform: none;

  }

  .cover.fullscreen .slides li {

    height: auto;

    padding: 80px 0;

  }

}

/*!---------- 26. SHOP ----------*/

.product-single .image-slider .label {

  font-size: 12px;

  text-transform: uppercase ;

  position: absolute;

  z-index: 3;

  top: 16px;

  right: 16px;

}

.product-single .price {

  font-size: 32px;

  font-weight: 300;

  line-height: 40px;

  display: inline-block;

  margin-right: 32px;

}

.product-single .old-price {

  text-decoration: line-through;

  opacity: .7;

}

.product-single .price:not(.old-price) {

  color: #4b0082;

}

.add-to-cart input[type="text"] {

  width: 100px;

  text-align: center;

  padding: 0;

  margin: 0;

}

.add-to-cart input[type="submit"] {

  width: 160px;

  margin: 0;

}

th,

td {

  line-height: 24px !important;

}

.ratings {

  margin-bottom: 24px;

}

.ratings li {

  display: inline-block;

  background: #f8f8f8;

  padding: 24px;

  margin-bottom: 16px;

}

.star-rating li {

  padding: 0;

  color: #000;

}

.star-rating {

  margin: 0 ;

  display: inline-block;

  margin-right: 24px;

}

.ratings .user span {

  display: inline-block;

  margin-right: 8px;

}

.ratings .user .date {

  opacity: .7;

}

.ratings .user {

  margin-bottom: 8px;

}

.ratings-form input[type="text"] {

  width: 50%;

  float: left;

}

.ratings-form input[type="text"]:first-child {

  width: 48%;

  margin-right: 2%;

}

.ratings-form input[type="submit"] {

  width: 200px;

}

.product-thumb {

  max-width: 180px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

  transform: scale3d(1, 1, 1);

}

.col-sm-6 .product-thumb {

  max-width: 320px;

}

.product-thumb:hover {

  transform: scale3d(0.95, 0.95, 0.95);

  -webkit-transform: scale3d(0.95, 0.95, 0.95);

}

.cart .product-thumb {

  max-width: 10000px;

  max-height: 100px;

}

.cart .product-thumb:hover {

  transform: none;

}

.cart td,

.cart span,

.cart th {

  vertical-align: middle !important;

}

.cart span {

  display: inline-block;

}

.cart .remove-item {

  display: inline-block;

  width: 24px;

  height: 24px;

  position: relative;

  border: 1px solid #c64444;

  color: #c64444;

  border-radius: 50%;

  text-align: center;

  font-size: 12px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

.cart .remove-item:hover {

  color: #fff;

  background: #c64444;

}

/*!---------- 27. VIDEO ----------*/

video:-webkit-full-screen,

audio:-webkit-full-screen {

  -webkit-transform: translateY(0%);

}

iframe {

  border: none;

}

.player {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

}

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

  .player {

    display: none;

  }

}

.vid-bg {

  background: #222;

}

.vid-bg .background-image-holder {

  display: none;

  z-index: 0;

}

.vid-bg .masonry-loader {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

}

.vid-bg .container.fadeOut {

  opacity: 0;

}

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

  .vid-bg .background-image-holder {

    display: block;

  }

  .vid-bg .player {

    display: none;

  }

  .vid-bg .container.fadeOut {

    opacity: 1;

  }

  .vid-bg .masonry-loader {

    display: none;

  }

}

video {

  max-width: 100%;

}

.local-video-container {

  position: relative;

  margin-bottom: 24px;

}

.local-video-container video {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.local-video-container .background-image-holder {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  top: 0;

  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);

}

.background-image-holder.fadeout {

  opacity: 0 !important;

  z-index: 0;

}

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

  video {

    max-width: 100% !important;

  }

}

.play-button {

  width: 80px;

  height: 80px;

  border: 2px solid #fff;

  text-align: center;

  margin: 0 auto;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -40px;

  margin-left: -40px;

  z-index: 4;

  border-radius: 50%;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  cursor: pointer;

}

.play-button:before {

  position: absolute;

  top: 50%;

  margin-top: -8px;

  left: 50%;

  margin-left: -5px;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 7px 0 7px 14px;

  border-color: transparent transparent transparent #ffffff;

}

.play-button:hover {

  transform: scale(0.95);

  -webkit-transform: scale(0.95);

}

.play-button.dark {

  border-color: #292929;

}

.play-button.dark:before {

  border-color: transparent transparent transparent #292929;

}

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

  .play-button {

    width: 65px;

    height: 65px;

    margin-top: -32px;

  }

  .play-button:before {

    position: absolute;

    top: 50%;

    margin-top: -9px;

    margin-left: -8px;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 0 10px 20.0px;

    border-color: transparent transparent transparent #fff;

  }

}

.play-button.large {

  height: 120px;

  width: 120px;

  margin-top: -60px;

  margin-left: -60px;

}

.play-button.large:before {

  margin-top: -18px;

  margin-left: -10px;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 20px 0 20px 31.0px;

  border-color: transparent transparent transparent #ffffff;

}

.play-button.large.dark:before {

  border-color: transparent transparent transparent #292929;

}

.play-button.inline {

  position: relative;

  top: 0;

  left: 0;

  margin-top: 0;

  margin-left: 0;

  display: inline-block;

  z-index: 0;

}

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

  .play-button.large {

    width: 90px;

    height: 90px;

    margin-top: -45px;

  }

  .play-button.large:before {

    margin-top: -14px;

    margin-left: -8px;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 0 15px 25.0px;

    border-color: transparent transparent transparent #fff;

  }

}

.modal-video {

  position: fixed;

  visibility: hidden;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

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

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

  z-index: -1;

}

.modal-video video {

  margin: 0 auto;

  width: 675px;

  display: block;

  top: 50%;

  position: relative;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.modal-video.reveal-modal {

  opacity: 1;

  z-index: 999999;

  visibility: visible;

}

.modal-video iframe {

  position: absolute;

  width: 768px;

  height: 432px;

  left: 50%;

  margin-left: -384px;

  margin-top: -216px;

  top: 50%;

  border: none;

}

.modal-video .ti-close {

  font-size: 24px;

  position: absolute;

  top: 32px;

  right: 32px;

  color: #fff;

  cursor: pointer;

}

@media all and (max-width: 990px) {

  .modal-video iframe {

    width: 640px;

    height: 360px;

    margin-left: -320px;

    margin-top: -160px;

  }

}

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

  .modal-video video {

    width: 100%;

    padding: 0 15px;

  }

  .modal-video iframe {

    width: 100%;

    margin-left: -50%;

  }

}

.fs-video-wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

}

.fs-video-wrapper video {

  position: absolute;

  width: 100%;

  left: 0;

}

.embed-video-container {

  width: 100%;

  position: relative;

  display: inline-block;

}

.embed-video-container iframe {

  border: none;

  width: 100%;

  height: 312px;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.modal-video .embed-video-container {

  width: 80%;

  max-height: 800px;

}

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

  .embed-video-container iframe {

    height: 200px;

  }

}

.fs-vid-background {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 2;

}

.fs-vid-background video {

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.overlay .fs-vid-background:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #222222;

  opacity: 0.5;

  z-index: 2;

}

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

  .fs-vid-background {

    display: none;

  }

}

/*!---------- 28. BLOG ----------*/

.post-title .label {

  margin-right: 16px;

}

.post-title h4 {

  position: relative;

  top: 2px;

  margin-bottom: 16px;

}

.post-meta,

.post-meta .tags {

  overflow: hidden;

  display: inline-block;

  margin-bottom: 12px;

}

.post-meta > li {

  float: left;

  margin-right: 24px;

}

.post-meta i {

  font-size: 16px;

  margin-right: 8px;

  position: relative;

  top: 2px;

}

.post-snippet iframe {

  width: 100%;

  margin-bottom: 12px;

}

.post-snippet .embed-video-container {

  margin-bottom: 24px;

}

.post-snippet .embed-video-container iframe {

  margin: 0;

}

.post-snippet .inner {

  background: #fff;

  padding: 24px;

}

.comments-list,

.comments-list ul {

  width: 100%;

  overflow: hidden;

}

.comments-list li {

  overflow: hidden;

  margin-bottom: 40px;

}

.comments-list p:last-of-type {

  margin: 0;

}

.comments-list .avatar,

.comments-list .comment {

  display: inline-block;

  float: left;

}

.comments-list .avatar {

  width: 10%;

}

.comments-list .avatar img {

  width: 75px;

}

.comments-list .comment {

  width: 90%;

  padding-left: 5%;

}

.comments-list .author {

  display: inline-block;

  margin-right: 16px;

  margin-bottom: 16px;

}

.comments-list .comment .btn {

  position: relative;

  margin: 0;

}

.comments-list ul {

  padding-left: 10%;

  padding-top: 40px;

}

.comments-list ul li:last-of-type {

  margin-bottom: 0;

}

.comments input[type="submit"] {

  max-width: 25%;

  float: right;

}

.masonry {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

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

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

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

}

.masonry.fadeIn {

  opacity: 1;

  transform: translate3d(0, 0, 0);

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

  -moz-transform: translate3d(0, 0, 0);

}

.masonry-item {

  max-width: 100%;

}

.container .masonry-item {

  margin-bottom: 30px;

}

.masonry-item blockquote:hover {

  background: #4b0082;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  color: #fff;

}

.masonryFlyIn .masonry-item {

  opacity: 0;

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

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

  -moz-transform: translate3d(0, 50px, 0);

}

.masonryFlyIn .masonry-item.fadeIn {

  opacity: 1;

  transform: translate3d(0, 0, 0);

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

  -moz-transform: translate3d(0, 0, 0);

}

.masonry-loader {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

  position: absolute;

  width: 100%;

  z-index: 10;

  top: 80px;

}

.masonry-loader.fixed-center {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

  margin-top: -25px;

}

.masonry-loader.fadeOut {

  opacity: 0;

  max-height: 0;

  padding: 0;

  overflow: hidden;

}

.spinner {

  width: 50px;

  height: 50px;

  margin: 0 auto;

  border-radius: 50%;

  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #4b0082;

  -moz-animation: spin 0.7s linear infinite;

  -webkit-animation: spin 0.7s linear infinite;

  animation: spin 0.7s linear infinite;

  display: inline-block;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

}

@-moz-keyframes spin {

  100% {

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes spin {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin {

  100% {

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

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

  .post-title .label {

    margin-bottom: 8px;

    display: inline-block;

  }

  .post-title h4 {

    top: 0;

    display: block;

  }

  .comments input[type="submit"] {

    max-width: 100%;

    float: none;

  }

}

/*!---------- 29. IMAGE BLOCKS ----------*/

.image-md {

  max-height: 120px;

}

.image-small {

  max-height: 80px;

}

.image-xs {

  max-height: 50px;

}

.image-xxs {

  max-height: 30px;

}

.fade-half {

  opacity: 0.5;

}

.fade-1-4 {

  opacity: 0.75;

}

.fade-3-4 {

  opacity: 0.25;

}

.fade-on-hover {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: .5;

}

.fade-on-hover:hover {

  opacity: 1;

}

.cast-shadow {

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

  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

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

}

.cast-shadow-light {

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

  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);

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

}

.image-block,

.image-block .image-bg {

  padding: 0;

  height: 50vw;

  max-height: 700px;

}

.image-block .container {

  height: 100%;

}

.image-block-right .image-bg {

  position: absolute;

  top: 0;

}

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

  .image-block {

    height: auto;

    max-height: 1000000px;

  }

  .image-block .image-bg {

    height: 350px;

  }

  .image-block .v-align-transform {

    top: 0;

    transform: none;

    -webkit-transform: none;

  }

  .image-block-right .image-bg {

    position: relative;

  }

}

.image-edge .container {

  position: relative;

}

.image-edge .container div[class*='col-'] {

  position: absolute;

}

@media all and (max-width: 990px) {

  .image-edge .container div[class*='col-'] {

    position: relative;

    top: 0;

    transform: none;

    -webkit-transform: none;

  }

}

.image-square {

  height: 50vw;

  max-height: 640px;

  overflow: hidden;

  padding: 0;

}

.image-square .image,

.image-square > .content {

  position: absolute;

}

.image-square .image {

  height: 100%;

}

.image-square > .content {

  padding: 0 10%;

  top: 50%;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  -moz-transform: translate3d(0, -50%, 0);

}

.image-square.left .image {

  left: 0;

}

.image-square.left > .content {

  right: 0;

}

.image-square.right .image {

  right: 0;

}

.image-square.right > .content {

  left: 0;

}

@media all and (max-width: 990px) {

  .image-square {

    height: auto;

    max-height: 100000px;

    padding-bottom: 48px;

  }

  .image-square .image,

  .image-square > .content {

    position: relative;

  }

  .image-square .image {

    height: 100vw;

    margin-bottom: 48px;

    max-height: 500px;

  }

  .image-square > .content {

    top: 0;

    transform: none;

    -webkit-transform: none;

    padding: 0 20%;

  }

}

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

  .image-square > .content {

    padding: 0 15px;

  }

}

.image-zoom img {

  transition: all 9s ease;

  -webkit-transition: all 9s ease;

  -moz-transition: all 9s ease;

}

.image-zoom:hover img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.image-caption {

  position: relative;

  overflow: hidden;

}

.image-caption .caption {

  position: absolute;

  width: 100%;

  bottom: 0;

  padding: 16px;

  color: #fff;

}

.image-caption .caption p {

  position: relative;

  z-index: 4;

  margin: 0;

}

.image-caption .caption:before {

  content: '' attr(data-caption) '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  opacity: 1;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.7)));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);

  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6222222', GradientType=0);

  /* IE6-9 */

}

.image-caption.hover-caption .caption {

  opacity: 0;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

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

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

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

}

.image-caption.hover-caption:hover .caption {

  opacity: 1;

  transform: translate3d(0, 0, 0);

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

  -moz-transform: translate3d(0, 0, 0);

}

/*!---------- 30. PORTOFLIO ----------*/

.filters {

  overflow: hidden;

  display: inline-block;

}

.filters li {

  float: left;

  margin-right: 32px;

  cursor: pointer;

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

  border: 2px solid #4b0082;

  padding: 0 26px;

  height: 40px;

  min-width: 150px;

  line-height: 36px;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  // letter-spacing: 1px;

  border-radius: 0;

  color: #4b0082;

  text-align: center;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  margin-right: 8px;

  margin-bottom: 24px;

  height: 30px;

  font-size: 11px;

  line-height: 27px;

  min-width: 0;

  border-color: rgba(255, 255, 255, 0);

  opacity: .7;

  border-radius: 25px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  display: inline-block;

}

.filters li.active {

  border-color: #4b0082;

  opacity: 1;

}

.filters li:last-child {

  margin-right: 0;

}

.filters.floating {

  position: absolute;

  z-index: 10;

  top: 16px;

  text-align: center;

  left: 50%;

  transform: translate3d(-50%, 0, 0);

  -webkit-transform: translate3d(-50%, 0, 0);

  -moz-transform: translate3d(-50%, 0, 0);

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

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  border-radius: 200px;

}

.filters.floating li {

  margin-bottom: 0;

}

.bg-dark .filters.floating {

  background: #292929;

}

.bg-dark .filters.floating h1,

.bg-dark .filters.floating h2,

.bg-dark .filters.floating h3,

.bg-dark .filters.floating h4,

.bg-dark .filters.floating h5,

.bg-dark .filters.floating h6 {

  color: #ffffff;

}

.bg-dark .filters.floating p,

.bg-dark .filters.floating span,

.bg-dark .filters.floating li {

  color: #fefefe;

}

.project {

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 1;

  padding: 0;

}

.container .project {

  padding: 0 15px;

}

.project.inactive {

  opacity: .1 !important;

  pointer-events: none !important;

}

.project .image-tile {

  margin: 0;

}

.project.inactive:hover .title,

.project.inactive .image-tile:hover:before {

  display: none;

}

@media all and (max-width: 868px) {

  .filters.floating {

    width: 90vw;

  }

  .filters.floating li {

    float: none;

  }

}

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

  .filters.floating {

    border-radius: 0;

    padding: 8px;

  }

  .filters.floating li {

    width: 50%;

    float: left;

    margin: 0;

  }

}

section + .portfolio-pullup {

  padding-top: 0;

  margin-top: -128px;

  position: relative;

  z-index: 20;

}

.portfolio-pullup .project {

  margin-bottom: 0;

}

.portfolio-pullup .inner-title:hover {

  opacity: 1;

}

/*!---------- 31. TESTIMONIALS ----------*/

.testimonials h4 {

  line-height: 40px;

}

.testimonials .quote-author {

  display: inline-block;

  text-align: left;

  overflow: hidden;

  width: 250px;

  margin-top: 24px;

}

.testimonials .quote-author img {

  max-height: 60px;

  float: left;

  display: inline-block;

  margin-right: 16px;

}

.testimonials .quote-author h6 {

  display: inline-block;

  margin-bottom: 0;

  line-height: 18px;

  padding-top: 14px;

}

.testimonials .quote-author span {

  display: block;

  line-height: 18px;

}

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

  .testimonials h4 {

    line-height: 26px;

  }

}

/*!---------- 32. COUNTDOWNS ----------*/

.countdown {

  font-size: 80px;

  line-height: 88px;

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

  font-size: 56px;

  line-height: 64px;

  font-weight: 100;

  text-transform: uppercase;

}

.image-bg .countdown {

  color: #fff;

}

@media all and (max-width: 990px) {

  .countdown {

    font-size: 64px;

    line-height: 72px;

  }

}

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

  .countdown {

    font-size: 48px;

    line-height: 56px;

  }

}

/*!---------- 33. MAPS ----------*/

.map-holder {

  overflow: hidden;

  position: relative;

}

.map-holder iframe {

  border: none;

  position: absolute;

  width: 100%;

  height: 180%;

  top: -40%;

  left: 0;

  z-index: 1;

}

.map-holder:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 2;

}

.map-holder.interact:before {

  width: 0;

}

.map-holder.inline {

  height: 400px;

  overflow: hidden;

}

.map-canvas {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

}

/*!---------- 34. TWITTER ----------*/

.twitter-feed.thirds li {

  width: 33.333333%;

  padding: 0 15px;

  float: left;

}

.twitter-feed.thirds ul {

  overflow: hidden;

}

@media all and (max-width: 990px) {

  .twitter-feed.thirds li {

    width: 50%;

  }

}

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

  .twitter-feed.thirds li {

    width: 100%;

  }

}

.tweets-slider.large p {

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

  font-size: 24px;

  line-height: 32px;

}

.tweets-slider.large .timePosted {

  font-size: 14px;

}

@media all and (max-width: 990px) {

  .tweets-slider.large p {

    font-size: 18px;

    line-height: 24px;

  }

}

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

  .tweets-slider.large p {

    font-size: 14px;

  }

}

.sc-background-orange {

  background: #4b0082 !important;

}

/*!---------- 35. MODALS ----------*/

.foundry_modal {

  overflow-y: auto;

  max-height: 100%;

  max-width: 50%;

  width: 50%;

  position: fixed;

  padding: 80px 48px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  opacity: 0;

  visibility: hidden;

  top: 50%;

  left: 50%;

  background: #fff;

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

  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

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

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  z-index: -1;

}

.foundry_modal.no-bg {

  background: none;

  box-shadow: none !important;

}

.modal-screen {

  position: fixed;

  width: 100%;

  height: 100%;

  background: #292929;

  opacity: 0;

  z-index: 9998;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  visibility: hidden;

  top: 0;

  left: 0;

}

.modal-screen.reveal-modal {

  opacity: .8;

  visibility: visible;

}

.foundry_modal.reveal-modal {

  opacity: 1;

  visibility: visible;

  z-index: 9999;

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

}

.foundry_modal .close-modal {

  z-index: 4;

  position: absolute;

  top: 24px;

  right: 32px;

  cursor: pointer;

  font-size: 18px;

}

.foundry_modal *:not(.background-image-holder):not(.close-modal) {

  z-index: 4;

  position: relative;

}

.foundry_modal.image-bg .close-modal,

.foundry_modal.no-bg .close-modal {

  color: #fff;

}

.foundry_modal iframe {

  width: 100%;

  min-height: 400px;

}

@media all and (min-width: 1500px) {

  .foundry_modal {

    max-width: 45%;

    width: 45%;

  }

}

@media all and (max-width: 1190px) {

  .foundry_modal {

    max-width: 70%;

    width: 70%;

    padding: 64px 32px;

  }

}

@media all and (max-width: 990px) {

  .foundry_modal {

    max-width: 80%;

    width: 80%;

    padding: 64px 32px;

  }

}

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

  .foundry_modal {

    max-width: 90%;

    width: 90%;

    padding: 48px 15px;

    transform: translateX(0%) translateY(50%);

    -webkit-transform: translateX(0%) translateY(50%);

  }

  .foundry_modal .close-modal {

    right: 18px;

  }

}

.iframe-modal {

  width: 90%;

  height: 90%;

  max-width: 90%;

  padding: 0;

}

.iframe-modal .close-modal {

  z-index: 9999;

}

.iframe-modal iframe {

  width: 100%;

  height: 100%;

}

.modal-strip {

  padding: 18px 0;

  position: fixed;

  bottom: 1%;

  z-index: 200;

  width: 98%;

  margin: 0 1%;

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

  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

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

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

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

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

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

  opacity: 0;

}

.modal-strip.reveal-modal {

  transform: translate3d(0, 0, 0);

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

  -moz-transform: translate3d(0, 0, 0);

  opacity: 1;

}

.modal-strip .close-modal {

  position: absolute;

  right: 32px;

  top: 50%;

  cursor: pointer;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.modal-strip i.close-modal {

  font-size: 18px;

}

.modal-strip .icon + p {

  padding-left: 32px;

  position: relative;

  top: 3px;

}

.modal-strip p + .btn {

  margin-left: 24px;

}

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

  .modal-strip {

    margin: 0;

    width: 100%;

    bottom: 0;

  }

}

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

  .modal-strip .close-modal {

    position: relative;

    top: 0;

    right: 0;

    left: 15px;

    transform: none !important;

    -webkit-transform: none !important;

    margin-top: 16px;

  }

  .modal-strip .icon {

    display: none;

  }

  .modal-strip .icon + p {

    padding-left: 0;

    top: 0;

  }

}

/*!---------- 36. FOOTERS ----------*/

footer.bg-dark a {

  color: #fff;

}

.footer-1 .logo {

  max-height: 30px;

}

.footer-1 .sub {

  opacity: .5;

}

.social-list {

  margin: 0;

}

.image-bg .social-list a {

  color: #fff;

}

.bg-dark .social-list a,

.image-bg .social-list a {

  color: #fff;

  opacity: .5;

}

.bg-dark .social-list a:hover {

  opacity: 1;

}

.image-bg .social-list a {

  opacity: 1;

}

.bg-light .social-list a {

  color: #222;

}

.back-to-top {

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.back-to-top:hover {

  opacity: 1;

}

.bg-dark .back-to-top {

  border-color: #fff;

}

.bg-dark .back-to-top:active,

.bg-dark .back-to-top:focus {

  color: #fff;

}

.bg-dark .back-to-top:hover {

  background: none;

}

/*!---------- 36. SPACING ----------*/

.mr0 {

  margin-right: 0;

}

.mb0 {

  margin-bottom: 0 !important;

}

.mb8 {

  margin-bottom: 8px;

}

.mb16 {

  margin-bottom: 16px;

}

.mb24 {

  margin-bottom: 24px;

}

.mb30 {

  margin-bottom: 30px;

}

.mb32 {

  margin-bottom: 32px;

}

.mb40 {

  margin-bottom: 40px;

}

.mb48 {

  margin-bottom: 48px;

}

.mb56 {

  margin-bottom: 56px;

}

.mb64 {

  margin-bottom: 64px;

}

.mb72 {

  margin-bottom: 72px;

}

.mb80 {

  margin-bottom: 80px;

}

.mb88 {

  margin-bottom: 88px;

}

.mb96 {

  margin-bottom: 96px;

}

.mb104 {

  margin-bottom: 104px;

}

.mb112 {

  margin-bottom: 112px;

}

.mb120 {

  margin-bottom: 120px;

}

.mb160 {

  margin-bottom: 160px;

}

.mt0 {

  margin-top: 0 !important;

}

.mt8 {

  margin-top: 8px;

}

.mt16 {

  margin-top: 16px;

}

.mt24 {

  margin-top: 24px;

}

.mt32 {

  margin-top: 32px;

}

.mt40 {

  margin-top: 40px;

}

.mt48 {

  margin-top: 48px;

}

.mt56 {

  margin-top: 56px;

}

.mt64 {

  margin-top: 64px;

}

.mt72 {

  margin-top: 72px;

}

.mt80 {

  margin-top: 80px;

}

.mt88 {

  margin-top: 88px;

}

.mt96 {

  margin-top: 96px;

}

.mt104 {

  margin-top: 104px;

}

.mt112 {

  margin-top: 112px;

}

.mt120 {

  margin-top: 120px;

}

.mt160 {

  margin-top: 160px;

}

.p32 {

  padding: 0 32px;

}

.p24 {

  padding: 24px;

}

.p0 {

  padding: 0;

}

.pt0 {

  padding-top: 0;

}

.pt8 {

  padding-top: 8px;

}

.pt16 {

  padding-top: 16px;

}

.pt24 {

  padding-top: 24px;

}

.pt32 {

  padding-top: 32px;

}

.pt40 {

  padding-top: 40px;

}

.pt48 {

  padding-top: 48px;

}

.pt56 {

  padding-top: 56px;

}

.pt64 {

  padding-top: 64px;

}

.pt72 {

  padding-top: 72px;

}

.pt80 {

  padding-top: 80px;

}

.pt88 {

  padding-top: 88px;

}

.pt96 {

  padding-top: 96px;

}

.pt104 {

  padding-top: 104px;

}

.pt112 {

  padding-top: 112px;

}

.pt120 {

  padding-top: 120px;

}

.pt160 {

  padding-top: 160px;

}

.pt180 {

  padding-top: 180px;

}

.pt240 {

  padding-top: 240px;

}

.pb0 {

  padding-bottom: 0;

}

.pb8 {

  padding-bottom: 8px;

}

.pb16 {

  padding-bottom: 16px;

}

.pb24 {

  padding-bottom: 24px;

}

.pb32 {

  padding-bottom: 32px;

}

.pb40 {

  padding-bottom: 40px;

}

.pb48 {

  padding-bottom: 48px;

}

.pb56 {

  padding-bottom: 56px;

}

.pb64 {

  padding-bottom: 64px;

}

.pb72 {

  padding-bottom: 72px;

}

.pb80 {

  padding-bottom: 80px;

}

.pb88 {

  padding-bottom: 88px;

}

.pb96 {

  padding-bottom: 96px;

}

.pb104 {

  padding-bottom: 104px;

}

.pb112 {

  padding-bottom: 112px;

}

.pb120 {

  padding-bottom: 120px;

}

.pb160 {

  padding-bottom: 160px;

}

.pb180 {

  padding-bottom: 180px;

}

.pb240 {

  padding-bottom: 240px;

}

@media all and (max-width: 990px) {

  .mb-s-0 {

    margin-bottom: 0;

  }

  .mb-s-8 {

    margin-bottom: 8px;

  }

  .mb-s-16 {

    margin-bottom: 16px;

  }

  .mb-s-24 {

    margin-bottom: 24px;

  }

  .mb-s-32 {

    margin-bottom: 32px;

  }

  .mb-s-40 {

    margin-bottom: 40px;

  }

  .mb-s-48 {

    margin-bottom: 48px;

  }

  .mb-s-64 {

    margin-bottom: 64px;

  }

  .mb-s-72 {

    margin-bottom: 72px;

  }

  .mb-s-80 {

    margin-bottom: 80px;

  }

  .mb-s-88 {

    margin-bottom: 88px;

  }

  .mb-s-96 {

    margin-bottom: 96px;

  }

  .mb-s-104 {

    margin-bottom: 104px;

  }

  .mb-s-112 {

    margin-bottom: 112px;

  }

  .mb-s-120 {

    margin-bottom: 120px;

  }

}

@media all and (max-width: 990px) {

  .mb-sm-0 {

    margin-bottom: 0;

  }

  .mb-sm-8 {

    margin-bottom: 8px;

  }

  .mb-sm-16 {

    margin-bottom: 16px;

  }

  .mb-sm-24 {

    margin-bottom: 24px;

  }

  .mb-sm-32 {

    margin-bottom: 32px;

  }

  .mb-sm-40 {

    margin-bottom: 40px;

  }

  .mb-sm-48 {

    margin-bottom: 48px;

  }

  .mb-sm-64 {

    margin-bottom: 64px;

  }

  .mb-sm-72 {

    margin-bottom: 72px;

  }

  .mb-sm-80 {

    margin-bottom: 80px;

  }

  .mb-sm-88 {

    margin-bottom: 88px;

  }

  .mb-sm-96 {

    margin-bottom: 96px;

  }

  .mb-sm-104 {

    margin-bottom: 104px;

  }

  .mb-sm-112 {

    margin-bottom: 112px;

  }

  .mb-sm-120 {

    margin-bottom: 120px;

  }

  .mt-sm-0 {

    margin-top: 0 !important;

  }

  .mt-sm-8 {

    margin-top: 8px;

  }

  .mt-sm-16 {

    margin-top: 16px;

  }

  .mt-sm-24 {

    margin-top: 24px;

  }

  .mt-sm-32 {

    margin-top: 32px;

  }

  .mt-sm-40 {

    margin-top: 40px;

  }

  .mt-sm-48 {

    margin-top: 48px;

  }

  .mt-sm-56 {

    margin-top: 56px;

  }

  .mt-sm-64 {

    margin-top: 64px;

  }

  .mt-sm-72 {

    margin-top: 72px;

  }

  .mt-sm-80 {

    margin-top: 80px;

  }

  .mt-sm-88 {

    margin-top: 88px;

  }

  .mt-sm-96 {

    margin-top: 96px;

  }

  .mt-sm-104 {

    margin-top: 104px;

  }

  .mt-sm-112 {

    margin-top: 112px;

  }

  .mt-sm-120 {

    margin-top: 120px;

  }

  .p0-sm {

    padding: 0;

  }

  .pt-sm-0 {

    padding-top: 0;

  }

  .pt-sm-8 {

    padding-top: 8px;

  }

  .pt-sm-16 {

    padding-top: 16px;

  }

  .pt-sm-24 {

    padding-top: 24px;

  }

  .pt-sm-32 {

    padding-top: 32px;

  }

  .pt-sm-40 {

    padding-top: 40px;

  }

  .pt-sm-48 {

    padding-top: 48px;

  }

  .pt-sm-64 {

    padding-top: 64px;

  }

  .pt-sm-72 {

    padding-top: 72px;

  }

  .pt-sm-80 {

    padding-top: 80px;

  }

  .pt-sm-88 {

    padding-top: 88px;

  }

  .pt-sm-96 {

    padding-top: 96px;

  }

  .pt-sm-104 {

    padding-top: 104px;

  }

  .pt-sm-112 {

    padding-top: 112px;

  }

  .pt-sm-120 {

    padding-top: 120px;

  }

  .pt-sm-160 {

    padding-top: 160px;

  }

  .pb-sm-0 {

    padding-bottom: 0;

  }

  .pb-sm-8 {

    padding-bottom: 8px;

  }

  .pb-sm-16 {

    padding-bottom: 16px;

  }

  .pb-sm-24 {

    padding-bottom: 24px;

  }

  .pb-sm-32 {

    padding-bottom: 32px;

  }

  .pb-sm-40 {

    padding-bottom: 40px;

  }

  .pb-sm-48 {

    padding-bottom: 48px;

  }

  .pb-sm-64 {

    padding-bottom: 64px;

  }

  .pb-sm-72 {

    padding-bottom: 72px;

  }

  .pb-sm-80 {

    padding-bottom: 80px;

  }

  .pb-sm-88 {

    padding-bottom: 88px;

  }

  .pb-sm-96 {

    padding-bottom: 96px;

  }

  .pb-sm-104 {

    padding-bottom: 104px;

  }

  .pb-sm-112 {

    padding-bottom: 112px;

  }

  .pb-sm-120 {

    padding-bottom: 120px;

  }

}

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

  .mb-xs-0 {

    margin-bottom: 0;

  }

  .mb-xs-8 {

    margin-bottom: 8px;

  }

  .mb-xs-16 {

    margin-bottom: 16px;

  }

  .mb-xs-24 {

    margin-bottom: 24px;

  }

  .mb-xs-32 {

    margin-bottom: 32px;

  }

  .mb-xs-40 {

    margin-bottom: 40px;

  }

  .mb-xs-48 {

    margin-bottom: 48px;

  }

  .mb-xs-64 {

    margin-bottom: 64px;

  }

  .mb-xs-72 {

    margin-bottom: 72px;

  }

  .mb-xs-80 {

    margin-bottom: 80px;

  }

  .mb-xs-88 {

    margin-bottom: 88px;

  }

  .mb-xs-96 {

    margin-bottom: 96px;

  }

  .mb-xs-104 {

    margin-bottom: 104px;

  }

  .mb-xs-112 {

    margin-bottom: 112px;

  }

  .mb-xs-120 {

    margin-bottom: 120px;

  }

  .mt-xs-0 {

    margin-top: 0 !important;

  }

  .mt-xs-8 {

    margin-top: 8px;

  }

  .mt-xs-16 {

    margin-top: 16px;

  }

  .mt-xs-24 {

    margin-top: 24px;

  }

  .mt-xs-32 {

    margin-top: 32px;

  }

  .mt-xs-40 {

    margin-top: 40px;

  }

  .mt-xs-48 {

    margin-top: 48px;

  }

  .mt-xs-56 {

    margin-top: 56px;

  }

  .mt-xs-64 {

    margin-top: 64px;

  }

  .mt-xs-72 {

    margin-top: 72px;

  }

  .mt-xs-80 {

    margin-top: 80px;

  }

  .mt-xs-88 {

    margin-top: 88px;

  }

  .mt-xs-96 {

    margin-top: 96px;

  }

  .mt-xs-104 {

    margin-top: 104px;

  }

  .mt-xs-112 {

    margin-top: 112px;

  }

  .mt-xs-120 {

    margin-top: 120px;

  }

  .p0-xs {

    padding: 0;

  }

  .pt-xs-0 {

    padding-top: 0;

  }

  .pt-xs-8 {

    padding-top: 8px;

  }

  .pt-xs-16 {

    padding-top: 16px;

  }

  .pt-xs-24 {

    padding-top: 24px;

  }

  .pt-xs-32 {

    padding-top: 32px;

  }

  .pt-xs-40 {

    padding-top: 40px;

  }

  .pt-xs-48 {

    padding-top: 48px;

  }

  .pt-xs-64 {

    padding-top: 64px;

  }

  .pt-xs-72 {

    padding-top: 72px;

  }

  .pt-xs-80 {

    padding-top: 80px;

  }

  .pt-xs-88 {

    padding-top: 88px;

  }

  .pt-xs-96 {

    padding-top: 96px;

  }

  .pt-xs-104 {

    padding-top: 104px;

  }

  .pt-xs-112 {

    padding-top: 112px;

  }

  .pt-xs-120 {

    padding-top: 120px;

  }

  .pt-xs-160 {

    padding-top: 160px;

  }

  .pt-xs-180 {

    padding-top: 180px;

  }

  .pt-xs-240 {

    padding-top: 240px !important;

  }

  .pb-xs-0 {

    padding-bottom: 0;

  }

  .pb-xs-8 {

    padding-bottom: 8px;

  }

  .pb-xs-16 {

    padding-bottom: 16px;

  }

  .pb-xs-24 {

    padding-bottom: 24px;

  }

  .pb-xs-32 {

    padding-bottom: 32px;

  }

  .pb-xs-40 {

    padding-bottom: 40px;

  }

  .pb-xs-48 {

    padding-bottom: 48px;

  }

  .pb-xs-64 {

    padding-bottom: 64px;

  }

  .pb-xs-72 {

    padding-bottom: 72px;

  }

  .pb-xs-80 {

    padding-bottom: 80px;

  }

  .pb-xs-88 {

    padding-bottom: 88px;

  }

  .pb-xs-96 {

    padding-bottom: 96px;

  }

  .pb-xs-104 {

    padding-bottom: 104px;

  }

  .pb-xs-112 {

    padding-bottom: 112px;

  }

  .pb-xs-120 {

    padding-bottom: 120px;

  }

  .pb-xs-180 {

    padding-bottom: 180px;

  }

  .pb-xs-240 {

    padding-bottom: 240px !important;

  }

}