/*------------------------------------------------------------------
 * This is main css file for theme. It is devided into following sections:
 * 1.  Reset default styles
 * 2.  Remove browser specific styles
 * 3.  General styles
 * 4.  Grid system styles
 * 5.  Row style
 * 5.1.  Parallax section style
 * 5.2.  Video section styles
 * 6.  Animations styles
 * 7.  Comments styles
 * 8.  Pagination styles
 * 9. General slider styles
 * 10. 404 page styles
 * 11. Back to top styles
 * 12. Self Hosted Video styles
 * 13. Pretty photo navigation
 * 14. Layer slider navigation
 * 15. VC image gallery css override
 * 16. Main Menu styles
 * 17. Mobile Header styles
 * 18. Headers styles
 * 19. Footer styles
 * 20. Title styles
 * 21. Side area styles
 * 22. Search styles
 * 23. Portfolio styles
 * 24. Shortcodes styles
 * 25. Sidebar styles
-------------------------------------------------------------------*/
/* 1. Reset default styles - start
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

input, textarea, button, select, a, li, div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: medium none;
  vertical-align: middle;
}

table th {
  border: 0;
  padding: 5px 7px;
  text-align: center;
}

table td {
  padding: 5px 10px;
  text-align: center;
}

a img {
  border: none;
}

img, .wp-caption {
  max-width: 100%;
  height: auto;
}

/* #Reset default styles - end
   ========================================================================== */
/* 2. Remove browser specific styles - start
   ========================================================================== */
li, a, div, span {
  -webkit-tap-highlight-color: transparent;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* #Remove browser specific styles - End
   ========================================================================== */
/* 3. General styles that are used in our theme - start
 * Here are defined global styles on body element, on container elements that hold every page,
 * headings and links, inputs, core wp styles and default pagination styles
   ========================================================================== */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
  margin: 0;
}

.alignleft {
  float: left;
  margin: 0;
}

a img.alignright {
  float: right;
  margin: 0;
}

a img.alignnone {
  margin: 0;
}

a img.alignleft {
  float: left;
  margin: 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  text-align: center;
}

.wp-caption.alignnone {
  margin: 0;
}

.wp-caption.alignleft {
  margin: 0;
}

.wp-caption.alignright {
  margin: 0;
}

.wp-caption img {
  margin: 0;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* =WordPress Core End
-------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear:after {
  clear: both;
  content: "";
  display: block;
}

html {
  height: 100%;
  margin: 0 !important;
  -webkit-transition: all 0.33s ease-out;
  transition: all 0.33s ease-out;
  overflow-y: scroll !important;
  /* to prevent page jumping on ajax and when there is not enough content */
}

body {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #797979;
  font-weight: 500;
  background-color: #fff;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 48px;
  line-height: 1.097em;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}

h2 {
  font-size: 34px;
  line-height: 1.284em;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}

h3 {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}

h4 {
  font-size: 18px;
  line-height: 1.508em;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
}

h5 {
  font-size: 19px;
  line-height: 1.4em;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

h6 {
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

h1, h1 a,
h2, h2 a {
  color: #202020;
}

h3, h3 a,
h5, h5 a {
  color: #222222;
}

h6, h6 a {
  color: #212121;
}

h4, h4 a {
  color: #797979;
}

h1, h2, h3, h4, h5, h6 {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #b2dd4c;
}

a,
p a {
  color: #b2dd4c;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  -ms-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button'] {
  -webkit-appearance: none;
}

ul, ol {
  list-style-position: inside;
}

pre {
  background-color: #fff;
  padding: 15px;
  max-width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 15px 0;
}

dt {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

dd {
  margin-bottom: 15px;
}

sub, sup {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  top: 0.5ex;
}

sup {
  bottom: 0.5ex;
}

.wp-caption-text {
  margin: 0;
  font-style: italic;
}

table {
  width: 100%;
}

table thead tr, table tbody tr {
  border: 1px solid #e6e6e6;
}

table tbody th {
  border-right: 1px solid #e6e6e6;
}

blockquote:not(.qodef-blockquote-shortcode) {
  padding: 0;
  border: none;
  font-style: italic;
  font-size: 17px;
  line-height: 1.6em;
  margin: 20px 0;
}

blockquote cite {
  font-style: normal;
  font-weight: 500;
}

/* Webkit */
::selection {
  background: #b2dd4c;
  color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
  background: #b2dd4c;
  color: #fff;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
  opacity: 1;
}

.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.aligncenter {
  display: block;
  margin: 10px auto;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.meta {
  display: none;
}

.qodef-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 1000;
  -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  left: 0px;
}

.qodef-wrapper .qodef-wrapper-inner {
  width: 100%;
  overflow: hidden;
}

.qodef-content {
  margin-top: 0;
  position: relative;
  z-index: 100;
  background-color: #fff;
  /*this is needed because of the uncovering footer*/
}

.qodef-content ul ul,
.qodef-content ol ol {
  padding: 0 0 0 15px;
}

.qodef-content ol ul,
.qodef-content ul ol,
.qodef-content ul ul,
.qodef-content ol ol {
  margin: 0;
}

.qodef-boxed {
  overflow: hidden !important;
  /* this is because content jumping while using accordion and display:inline-block on 'body.qodef-boxed .qodef-wrapper'   */
}

.qodef-boxed .qodef-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.qodef-boxed .qodef-wrapper .qodef-wrapper-inner {
  width: 1150px;
  overflow: visible;
  margin: auto;
}

.qodef-boxed .qodef-content {
  overflow: hidden;
}

.qodef-boxed .qodef-footer-inner {
  width: 1150px;
  margin: auto;
}

.qodef-boxed .qodef-page-header .qodef-sticky-header,
.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed {
  width: 1150px;
  left: auto;
}

.qodef-container {
  background-color: #fff;
  position: relative;
  padding: 0;
  width: 100%;
  z-index: 100;
}

.qodef-container:before {
  content: " ";
  display: table;
}

.qodef-container:after {
  content: " ";
  display: table;
  clear: both;
}

.qodef-container-inner {
  width: 1100px;
  margin: 0px auto;
}

.qodef-full-width {
  position: relative;
  z-index: 100;
}

.qodef-content .qodef-container .qodef-container-inner {
  padding-top: 44px;
}

@media only screen and (min-width: 1400px) {
  .qodef-grid-1300 .qodef-grid,
  .qodef-grid-1300 .qodef-container-inner,
  .qodef-grid-1300 .qodef-grid-section .qodef-section-inner,
  .qodef-grid-1300 .qodef-footer-top-border-holder.qodef-in-grid,
  .qodef-grid-1300 .qodef-footer-bottom-border-holder.qodef-in-grid,
  .qodef-grid-1300 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper {
    width: 1300px;
  }
  .qodef-grid-1300.qodef-boxed .qodef-footer-inner,
  .qodef-grid-1300.qodef-boxed .qodef-wrapper-inner {
    width: 1350px;
  }
  .qodef-grid-1300.qodef-boxed .qodef-page-header .qodef-sticky-header,
  .qodef-grid-1300.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed {
    width: 1350px;
    left: auto;
  }
}

@media only screen and (min-width: 1300px) {
  .qodef-grid-1200 .qodef-grid,
  .qodef-grid-1200 .qodef-container-inner,
  .qodef-grid-1200 .qodef-grid-section .qodef-section-inner,
  .qodef-grid-1200 .qodef-footer-top-border-holder.qodef-in-grid,
  .qodef-grid-1200 .qodef-footer-bottom-border-holder.qodef-in-grid,
  .qodef-grid-1200 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper {
    width: 1200px;
  }
  .qodef-grid-1200.qodef-boxed .qodef-footer-inner,
  .qodef-grid-1200.qodef-boxed .qodef-wrapper-inner {
    width: 1250px;
  }
  .qodef-grid-1200.qodef-boxed .qodef-page-header .qodef-sticky-header,
  .qodef-grid-1200.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed {
    width: 1250px;
    left: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .qodef-grid-1000 .qodef-grid,
  .qodef-grid-1000 .qodef-container-inner,
  .qodef-grid-1000 .qodef-grid-section .qodef-section-inner,
  .qodef-grid-1000 .qodef-footer-top-border-holder.qodef-in-grid,
  .qodef-grid-1000 .qodef-footer-bottom-border-holder.qodef-in-grid,
  .qodef-grid-1000 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper {
    width: 1000px;
  }
  .qodef-grid-1000.qodef-boxed .qodef-footer-inner,
  .qodef-grid-1000.qodef-boxed .qodef-wrapper-inner {
    width: 1050px;
  }
  .qodef-grid-1000.qodef-boxed .qodef-page-header .qodef-sticky-header,
  .qodef-grid-1000.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed {
    width: 1050px;
    left: auto;
  }
}

@media only screen and (min-width: 1000px) {
  .qodef-grid-800 .qodef-grid,
  .qodef-grid-800 .qodef-container-inner,
  .qodef-grid-800 .qodef-grid-section .qodef-section-inner,
  .qodef-grid-800 .qodef-footer-top-border-holder.qodef-in-grid,
  .qodef-grid-800 .qodef-footer-bottom-border-holder.qodef-in-grid,
  .qodef-grid-800 .qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper {
    width: 800px;
  }
  .qodef-grid-800.qodef-boxed .qodef-footer-inner,
  .qodef-grid-800.qodef-boxed .qodef-wrapper-inner {
    width: 850px;
  }
  .qodef-grid-800.qodef-boxed .qodef-page-header .qodef-sticky-header,
  .qodef-grid-800.qodef-boxed .qodef-page-header .qodef-fixed-wrapper.fixed {
    width: 850px;
    left: auto;
  }
}

/* 3. General styles that are used in our theme - end
   ========================================================================== */
/* 4. Grid system styles - start
 * Here are defined styles for grid system that is used outside Visual Composer
   ========================================================================== */
.qodef-two-columns-66-33 {
  width: 100%;
}

.qodef-two-columns-66-33 .qodef-column1 {
  width: 66.66%;
  float: left;
}

.qodef-two-columns-66-33 .qodef-column1 .qodef-column-inner {
  padding: 0 20px 0 0;
}

.qodef-two-columns-66-33 .qodef-column2 {
  width: 33.33%;
  float: left;
}

.qodef-two-columns-66-33 .qodef-column2 .qodef-column-inner {
  padding: 0 0 0 20px;
}

.qodef-two-columns-33-66 {
  width: 100%;
}

.qodef-two-columns-33-66 .qodef-column1 {
  width: 33.33%;
  float: left;
}

.qodef-two-columns-33-66 .qodef-column1 .qodef-column-inner {
  padding: 0 20px 0 0;
}

.qodef-two-columns-33-66 .qodef-column2 {
  width: 66.66%;
  float: left;
}

.qodef-two-columns-33-66 .qodef-column2 .qodef-column-inner {
  padding: 0 0 0 20px;
}

.qodef-two-columns-75-25 {
  width: 100%;
}

.qodef-two-columns-75-25 .qodef-column1 {
  width: 75%;
  float: left;
}

.qodef-two-columns-75-25 .qodef-column1 .qodef-column-inner {
  padding: 0 20px 0 0;
}

.qodef-two-columns-75-25 .qodef-column2 {
  width: 25%;
  float: left;
}

.qodef-two-columns-75-25 .qodef-column2 .qodef-column-inner {
  padding: 0 0 0 20px;
}

.qodef-two-columns-25-75 {
  width: 100%;
}

.qodef-two-columns-25-75 .qodef-column1 {
  width: 25%;
  float: left;
}

.qodef-two-columns-25-75 .qodef-column1 .qodef-column-inner {
  padding: 0 20px 0 0;
}

.qodef-two-columns-25-75 .qodef-column2 {
  width: 75%;
  float: left;
}

.qodef-two-columns-25-75 .qodef-column2 .qodef-column-inner {
  padding: 0 0 0 20px;
}

.qodef-two-columns-50-50 {
  width: 100%;
}

.qodef-two-columns-50-50 > .qodef-two-columns-50-50-inner {
  margin: 0 -15px;
}

.qodef-two-columns-50-50 .qodef-column {
  width: 50%;
  float: left;
}

.qodef-two-columns-50-50 .qodef-column .qodef-column-inner {
  padding: 0 15px;
}

.qodef-three-columns {
  width: 100%;
}

.qodef-three-columns > .qodef-three-columns-inner {
  margin: 0 -15px;
}

.qodef-three-columns .qodef-column {
  width: 33.33%;
  float: left;
}

.qodef-three-columns .qodef-column .qodef-column-inner {
  padding: 0 15px;
}

.qodef-four-columns {
  width: 100%;
}

.qodef-four-columns > .qodef-four-columns-inner {
  margin: 0 -15px;
}

.qodef-four-columns .qodef-column {
  width: 25%;
  float: left;
}

.qodef-four-columns .qodef-column .qodef-column-inner {
  padding: 0 15px;
}

.qodef-five-columns {
  width: 100%;
}

.qodef-five-columns > .qodef-five-columns-inner {
  margin: 0 -15px;
}

.qodef-five-columns .qodef-column {
  width: 20%;
  float: left;
}

.qodef-five-columns .qodef-column .qodef-column-inner {
  padding: 0 15px;
}

body.woocommerce.woocommerce-page .qodef-two-columns-66-33.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner,
body.woocommerce.woocommerce-page .qodef-two-columns-75-25.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner {
  padding-left: 40px;
}

body.woocommerce.woocommerce-page .qodef-two-columns-33-66.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner,
body.woocommerce.woocommerce-page .qodef-two-columns-25-75.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner {
  padding-right: 40px;
}

body.woocommerce.woocommerce-page .full_width .qodef-two-columns-66-33.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner,
body.woocommerce.woocommerce-page .full_width .qodef-two-columns-75-25.woocommerce_with_sidebar .qodef-column1 .qodef-column-inner {
  padding-left: 0;
}

body.woocommerce.woocommerce-page .full_width .qodef-two-columns-33-66.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner,
body.woocommerce.woocommerce-page .full_width .qodef-two-columns-25-75.woocommerce_with_sidebar .qodef-column2 .qodef-column-inner {
  padding-right: 0;
}

@-webkit-keyframes preload-background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@keyframes preload-background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

.qodef-preload-background {
  background-repeat: repeat !important;
  background-color: transparent !important;
  background-attachment: scroll !important;
  background-size: inherit !important;
  -webkit-animation-name: preload-background;
  -webkit-animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-name: preload-background;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
}

.qodef-grid {
  width: 1100px;
  margin: 0 auto;
}

.qodef-vertical-align-containers {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}

.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-left,
.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-right {
  width: 25%;
}

.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-center {
  width: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-left-inner,
.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-center-inner,
.qodef-vertical-align-containers.qodef-25-50-25 .qodef-position-right-inner {
  width: 98%;
}

.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-left,
.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center,
.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-right {
  width: 33.33%;
}

.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center {
  width: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-left-inner,
.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-center-inner,
.qodef-vertical-align-containers.qodef-33-33-33 .qodef-position-right-inner {
  width: 98%;
}

.qodef-vertical-align-containers.qodef-50-50 .qodef-position-left,
.qodef-vertical-align-containers.qodef-50-50 .qodef-position-right {
  width: 50%;
}

.qodef-vertical-align-containers.qodef-50-50 .qodef-position-left-inner,
.qodef-vertical-align-containers.qodef-50-50 .qodef-position-center-inner,
.qodef-vertical-align-containers.qodef-50-50 .qodef-position-right-inner {
  width: 98%;
}

.qodef-vertical-align-containers .qodef-position-left {
  position: relative;
  float: left;
  z-index: 2;
  height: 100%;
}

.qodef-vertical-align-containers .qodef-position-center {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  z-index: 1;
}

.qodef-vertical-align-containers .qodef-position-right {
  position: relative;
  float: right;
  z-index: 2;
  height: 100%;
  text-align: right;
}

.qodef-vertical-align-containers .qodef-position-left-inner,
.qodef-vertical-align-containers .qodef-position-center-inner,
.qodef-vertical-align-containers .qodef-position-right-inner {
  vertical-align: middle;
  display: inline-block;
}

.qodef-vertical-align-containers .qodef-position-right.qodef-has-widget .qodef-position-right-inner {
  height: 100%;
}

.qodef-vertical-align-containers .qodef-position-left:before,
.qodef-vertical-align-containers .qodef-position-center:before,
.qodef-vertical-align-containers .qodef-position-right:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-right: 0;
  /* adjusts for spacing */
}

/* 4. Grid system styles - end
   ========================================================================== */
/* 5. Row styles - start
   ========================================================================== */
.qodef-section {
  position: relative;
}

.qodef-grid-section .qodef-section-inner,
.qodef_elementor_container_inner,
.elementor-row .elementor-widget-wrap > .qodef_elementor_container_inner {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}

.qodef-section-inner-margin {
  margin-left: -15px;
  margin-right: -15px;
}

.qodef-content-aligment-left {
  text-align: left;
}

.qodef-content-aligment-center {
  text-align: center;
}

.qodef-content-aligment-right {
  text-align: right;
}

/* ==========================================================================
   Angled shape styles
   ========================================================================== */
.qodef_angled_shape {
  position: absolute;
  z-index: 20;
  display: block;
}

.qodef_angled_shape.qodef_svg_top {
  top: -179px;
}

.qodef_angled_shape.qodef_svg_bottom {
  bottom: -179px;
}

.qodef_angled_shape polygon {
  fill: #fff;
}

/* ==========================================================================
   End of Angled shape styles
   ========================================================================== */
/* 5.1. Parallax section styles - start
   ========================================================================== */
.qodef-parallax-section-holder {
  position: static;
  padding: 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center 0px;
  background-attachment: fixed;
  overflow: hidden;
}

.qodef-parallax-section-holder.qodef-vertical-middle-align {
  display: table;
  width: 100%;
}

.qodef-parallax-section-holder .qodef-parallax-content-outer {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 100% 0;
}

.touchevents .qodef-parallax-section-holder.qodef-parallax-section-holder-touch-disabled {
  height: auto !important;
  min-height: 300px;
  background-position: center top !important;
  background-attachment: scroll;
  background-size: cover;
}

section.parallax_section_holder.vertical_middle_align .parallax_content_outer {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 100% 0;
}

.parallax_section_holder {
  background-repeat: no-repeat;
}

/* 5.1. Parallax section styles - end
   ========================================================================== */
/* 5.2. Video section styles - start
   ========================================================================== */
.qodef-section .qodef-mobile-video-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.qodef-section .qodef-video-overlay {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.qodef-section .qodef-video-overlay.qodef-video-overlay-active {
  background-image: url("img/pixel-video.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  opacity: 1;
}

.qodef-section .qodef-video-wrap {
  top: 0px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.qodef-section .qodef-video-wrap .mejs-offscreen {
  display: none;
}

.qodef-section .qodef-video-wrap .mejs-container .mejs-controls {
  display: none !important;
}

.qodef-section .qodef-video-wrap .mejs-poster {
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
}

.qodef-section .qodef-video-wrap .mejs-container {
  background-color: transparent !important;
  background-image: none !important;
  height: auto !important;
  width: 100% !important;
}

.qodef-section .qodef-video-wrap .mejs-mediaelement {
  background: none !important;
  border: 0px !important;
}

.qodef-section .qodef-video-wrap .mejs-container .mejs-poster img {
  max-width: none !important;
  width: 100% !important;
}

/* 5.2. Video section styles - end
   ========================================================================== */
/* ==========================================================================
   5. Row styles - end
   ========================================================================== */
.wp-block-search input {
  background-color: transparent;
  border: 2px solid #eaeaea;
  border-radius: 3px;
  height: 48px;
  padding: 0 12px;
}

.wp-block-search .wp-block-search__inside-wrapper {
  position: relative;
}

.wp-block-search .wp-block-search__inside-wrapper button {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}

/* ==========================================================================
   6. Animation styles - start
   ========================================================================== */
@-webkit-keyframes element-from-left {
  0% {
    opacity: 0;
    transform: translate(-20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes element-from-left {
  0% {
    opacity: 0;
    transform: translate(-20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-webkit-keyframes element-from-right {
  0% {
    opacity: 0;
    transform: translate(20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes element-from-right {
  0% {
    opacity: 0;
    transform: translate(20%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-webkit-keyframes element-from-top {
  0% {
    opacity: 0;
    transform: translate(0, -30%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes element-from-top {
  0% {
    opacity: 0;
    transform: translate(0, -30%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-webkit-keyframes element-from-bottom {
  0% {
    opacity: 0;
    transform: translate(0, 30%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes element-from-bottom {
  0% {
    opacity: 0;
    transform: translate(0, 30%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.qodef-element-from-left,
.qodef-element-from-right,
.qodef-element-from-top,
.qodef-element-from-bottom,
.qodef-element-from-fade {
  display: inline-block;
  width: 100%;
}

.touchevents .qodef-no-animations-on-touch .qodef-element-from-left > div,
.touchevents .qodef-no-animations-on-touch .qodef-element-from-right > div,
.touchevents .qodef-no-animations-on-touch .qodef-element-from-top > div,
.touchevents .qodef-no-animations-on-touch .qodef-element-from-bottom > div,
.touchevents .qodef-no-animations-on-touch .qodef-element-from-fade > div {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.qodef-element-from-left > div,
.qodef-element-from-right > div,
.qodef-element-from-top > div,
.qodef-element-from-bottom > div,
.qodef-element-from-fade > div {
  opacity: 0;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.qodef-element-from-fade.qodef-element-from-fade-on > div {
  opacity: 1;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  -webkit-backface-visibility: hidden;
}

.qodef-element-from-left.qodef-element-from-left-on > div {
  -webkit-animation: element-from-left 0.7s 1 ease-in-out;
  animation: element-from-left 0.7s 1 ease-in-out;
  opacity: 1;
  -webkit-backface-visibility: hidden;
}

.qodef-element-from-right.qodef-element-from-right-on > div {
  -webkit-animation: element-from-right 0.7s 1 ease-in-out;
  animation: element-from-right 0.7s 1 ease-in-out;
  opacity: 1;
  -webkit-backface-visibility: hidden;
}

.qodef-element-from-top.qodef-element-from-top-on > div {
  -webkit-animation: element-from-top 0.7s 1 ease-in-out;
  animation: element-from-top 0.7s 1 ease-in-out;
  opacity: 1;
  -webkit-backface-visibility: hidden;
}

.qodef-element-from-bottom.qodef-element-from-bottom-on > div {
  -webkit-animation: element-from-bottom 0.7s 1 ease-in-out;
  animation: element-from-bottom 0.7s 1 ease-in-out;
  opacity: 1;
  -webkit-backface-visibility: hidden;
}

.touchevents .qodef-no-animations-on-touch .qodef-flip-in,
.touchevents .qodef-no-animations-on-touch .qodef-grow-in,
.touchevents .qodef-no-animations-on-touch .qodef-z-rotate,
.touchevents .qodef-no-animations-on-touch .qodef-x-rotate,
.touchevents .qodef-no-animations-on-touch .qodef-y-translate,
.touchevents .qodef-no-animations-on-touch .qodef-fade-in-down,
.touchevents .qodef-no-animations-on-touch .qodef-fade-in-left-x-rotate,
.touchevents .qodef-no-animations-on-touch .qodef-fade-in {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.qodef-flip-in {
  opacity: 0;
  -webkit-transform: perspective(1000px) rotateY(25deg);
  -ms-transform: perspective(1000px) rotateY(25deg);
  transform: perspective(1000px) rotateY(25deg);
  -webkit-transition: all 1.1s ease-in-out;
  transition: all 1.1s ease-in-out;
}

.qodef-flip-in.qodef-flip-in-on {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.qodef-grow-in {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1);
  transition: all 1s cubic-bezier(0, 1, 0.5, 1);
  -webkit-backface-visibility: hidden;
}

.qodef-grow-in.qodef-grow-in-on {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.qodef-z-rotate {
  opacity: 0;
  -webkit-transform: rotateZ(7deg);
  -ms-transform: rotateZ(7deg);
  transform: rotateZ(7deg);
  -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-backface-visibility: hidden;
}

.qodef-z-rotate.qodef-z-rotate-on {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

.qodef-x-rotate {
  opacity: 0;
  -webkit-transform: perspective(900px) rotateX(-45deg);
  -ms-transform: perspective(900px) rotateX(-45deg);
  transform: perspective(900px) rotateX(-45deg);
  -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-backface-visibility: hidden;
}

.qodef-x-rotate.qodef-x-rotate-on {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.qodef-y-translate {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65);
  transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65);
}

.qodef-y-translate.qodef-y-translate-on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.qodef-fade-in-down {
  opacity: 0;
  -webkit-transform: translate(0, -25px);
  -ms-transform: translate(0, -25px);
  transform: translate(0, -25px);
  -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1);
  transition: all 0.9s cubic-bezier(0, 1, 0.5, 1);
}

.qodef-fade-in-down.qodef-fade-in-down-on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.qodef-fade-in-left-x-rotate {
  opacity: 0;
  -webkit-transform: rotateZ(-5deg) translate(-30px, 0);
  -ms-transform: rotateZ(-5deg) translate(-30px, 0);
  transform: rotateZ(-5deg) translate(-30px, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.qodef-fade-in-left-x-rotate.qodef-fade-in-left-x-rotate-on {
  opacity: 1;
  -webkit-transform: rotateZ(0deg) translate(0, 0);
  -ms-transform: rotateZ(0deg) translate(0, 0);
  transform: rotateZ(0deg) translate(0, 0);
}

.qodef-fade-in {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.qodef-fade-in.qodef-fade-in-on {
  opacity: 1;
}

/* ==========================================================================
   6. Animation styles - end
   ========================================================================== */
.qodef-st-loader {
  position: absolute;
  /*position: fixed;*/
  top: 50%;
  left: 50%;
  z-index: 2100;
}

.qodef-st-loader1 {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.qodef-st-loader2 {
  margin: -50% 0 0 -50%;
}

/* pulse - start */
.qodef-st-loader .pulse {
  width: 32px;
  height: 32px;
  margin: -16px 0px 0px -16px;
  background-color: #b2dd4c;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@-moz-keyframes scaleout {
  0% {
    -moz-transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0;
  }
}

@-ms-keyframes scaleout {
  0% {
    -ms-transform: scale(0);
  }
  100% {
    -ms-transform: scale(1);
    opacity: 0;
  }
}

@-o-keyframes scaleout {
  0% {
    -o-transform: scale(0);
  }
  100% {
    -o-transform: scale(1);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

/* pulse - end */
/* double pulse - start */
.qodef-st-loader .double_pulse {
  width: 40px;
  height: 40px;
  margin: -20px 0px 0px -20px;
  position: relative;
}

.qodef-st-loader .double_pulse .double-bounce1, .qodef-st-loader .double_pulse .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #b2dd4c;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.qodef-st-loader .double_pulse .double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* double pulse - end */
/* cube - start */
.qodef-st-loader .cube {
  width: 60px;
  height: 60px;
  margin: -30px 0px 0px -30px;
  background-color: #b2dd4c;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/* cube - end */
/* rotating cubes - start */
.qodef-st-loader .rotating_cubes {
  width: 32px;
  height: 32px;
  margin: -16px 0px 0px -16px;
  position: relative;
}

.qodef-st-loader .rotating_cubes .cube1, .qodef-st-loader .rotating_cubes .cube2 {
  background-color: #b2dd4c;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.qodef-st-loader .rotating_cubes .cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/* rotating cubes - end */
/* stripes - start */
.qodef-st-loader .stripes {
  width: 50px;
  height: 60px;
  margin: -30px 0px 0px -25px;
  text-align: center;
  font-size: 10px;
}

.qodef-st-loader .stripes > div {
  background-color: #b2dd4c;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin: 0 3px 0 0;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.qodef-st-loader .stripes .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.qodef-st-loader .stripes .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.qodef-st-loader .stripes .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.qodef-st-loader .stripes .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

/* stripes - end */
/* wave - start */
.qodef-st-loader .wave {
  width: 72px;
  text-align: center;
  margin: -9px 0px 0px -36px;
}

.qodef-st-loader .wave > div {
  width: 18px;
  height: 18px;
  background-color: #b2dd4c;
  margin: 0px 3px 0px 0px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.qodef-st-loader .wave .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.qodef-st-loader .wave .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* wave - end */
/* two_rotating_circles - start */
.qodef-st-loader .two_rotating_circles {
  width: 40px;
  height: 40px;
  margin: -20px 0px 0px -20px;
  position: relative;
  text-align: center;
  -webkit-animation: rotatecircles 2.0s infinite linear;
  animation: rotatecircles 2.0s infinite linear;
}

.qodef-st-loader .two_rotating_circles .dot1, .qodef-st-loader .two_rotating_circles .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #b2dd4c;
  border-radius: 100%;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.qodef-st-loader .two_rotating_circles .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotatecircles {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotatecircles {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

/* two_rotating_circles - end */
/* five_rotating_circles - start */
.qodef-st-loader .five_rotating_circles {
  width: 60px;
  height: 60px;
  margin: -30px 0px 0px -30px;
  position: relative;
}

.qodef-st-loader .five_rotating_circles .container1 > div, .qodef-st-loader .five_rotating_circles .container2 > div, .qodef-st-loader .five_rotating_circles .container3 > div {
  width: 12px;
  height: 12px;
  background-color: #b2dd4c;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.qodef-st-loader .five_rotating_circles .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.qodef-st-loader .five_rotating_circles .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.qodef-st-loader .five_rotating_circles .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.qodef-st-loader .five_rotating_circles .circle1 {
  top: 0;
  left: 0;
}

.qodef-st-loader .five_rotating_circles .circle2 {
  top: 0;
  right: 0;
}

.qodef-st-loader .five_rotating_circles .circle3 {
  right: 0;
  bottom: 0;
}

.qodef-st-loader .five_rotating_circles .circle4 {
  left: 0;
  bottom: 0;
}

.qodef-st-loader .five_rotating_circles .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.qodef-st-loader .five_rotating_circles .container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.qodef-st-loader .five_rotating_circles .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.qodef-st-loader .five_rotating_circles .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.qodef-st-loader .five_rotating_circles .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.qodef-st-loader .five_rotating_circles .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.qodef-st-loader .five_rotating_circles .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.qodef-st-loader .five_rotating_circles .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.qodef-st-loader .five_rotating_circles .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.qodef-st-loader .five_rotating_circles .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.qodef-st-loader .five_rotating_circles .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

/* five_rotating_circles - end */
/* atom - start */
.qodef-st-loader .atom {
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  position: relative;
}

.qodef-st-loader .atom .ball-1 {
  height: 50%;
  width: 50%;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  -webkit-animation: atom_shrink 4.5s infinite linear;
  -moz-animation: atom_shrink 4.5s infinite linear;
  -o-animation: atom_shrink 4.5s infinite linear;
  animation: atom_shrink 4.5s infinite linear;
}

.qodef-st-loader .atom .ball-1:before {
  content: '';
  background: #b2dd4c;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -50%;
  left: -50%;
}

.qodef-st-loader .atom .ball-2,
.qodef-st-loader .atom .ball-3,
.qodef-st-loader .atom .ball-4 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.qodef-st-loader .atom .ball-2:before,
.qodef-st-loader .atom .ball-3:before,
.qodef-st-loader .atom .ball-4:before {
  content: '';
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #b2dd4c;
  top: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
}

.qodef-st-loader .atom .ball-2 {
  -webkit-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
  -moz-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
  -o-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
  animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
}

.qodef-st-loader .atom .ball-3 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
  -moz-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
  -o-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
  animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
}

.qodef-st-loader .atom .ball-4 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
  -moz-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
  -o-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
  animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
}

.qodef-st-loader .atom .ball-2:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
  -moz-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
  -o-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
  animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
}

.qodef-st-loader .atom .ball-3:before {
  -webkit-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
  -moz-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
  -o-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
  animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
}

.qodef-st-loader .atom .ball-4:before {
  -webkit-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
  -moz-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
  -o-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
  animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
}

@-webkit-keyframes atom_position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@-moz-keyframes atom_position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@-o-keyframes atom_position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@keyframes atom_position {
  50% {
    top: 80px;
    left: 80px;
  }
}

@-webkit-keyframes atom_size {
  50% {
    -webkit-transform: scale(0.5, 0.5);
  }
}

@-moz-keyframes atom_size {
  50% {
    -moz-transform: scale(0.5, 0.5);
  }
}

@-o-keyframes atom_size {
  50% {
    -o-transform: scale(0.5, 0.5);
  }
}

@keyframes atom_size {
  50% {
    transform: scale(0.5, 0.5);
  }
}

@-webkit-keyframes atom_zindex {
  100% {
    z-index: 10;
  }
}

@-moz-keyframes atom_zindex {
  100% {
    z-index: 10;
  }
}

@-o-keyframes atom_zindex {
  100% {
    z-index: 10;
  }
}

@keyframes atom_zindex {
  100% {
    z-index: 10;
  }
}

@-webkit-keyframes atom_shrink {
  50% {
    -webkit-transform: scale(0.9, 0.9);
  }
}

@-moz-keyframes atom_shrink {
  50% {
    -moz-transform: scale(0.9, 0.9);
  }
}

@-o-keyframes atom_shrink {
  50% {
    -o-transform: scale(0.9, 0.9);
  }
}

@keyframes atom_shrink {
  50% {
    transform: scale(0.9, 0.9);
  }
}

/* atom - end */
/* clock - start*/
.qodef-st-loader .clock {
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  position: relative;
  -webkit-animation: clock 8s infinite steps(8);
  -moz-animation: clock 8s infinite steps(8);
  -o-animation: clock 8s infinite steps(8);
  animation: clock 8s infinite steps(8);
}

.qodef-st-loader .clock .ball {
  height: 50px;
  width: 50px;
  position: absolute;
}

.qodef-st-loader .clock .ball:before {
  content: '';
  border-radius: 50%;
  height: 18.31501832px;
  width: 18.31501832px;
  position: absolute;
  background: #b2dd4c;
}

.qodef-st-loader .clock .ball-1 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-animation: clock1 1s ease-in infinite;
  -moz-animation: clock1 1s ease-in infinite;
  -o-animation: clock1 1s ease-in infinite;
  animation: clock1 1s ease-in infinite;
}

.qodef-st-loader .clock .ball-2 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-animation: clock2 1s ease-in infinite;
  -moz-animation: clock2 1s ease-in infinite;
  -o-animation: clock2 1s ease-in infinite;
  animation: clock2 1s ease-in infinite;
}

.qodef-st-loader .clock .ball-3 {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-animation: clock3 1s ease-in infinite;
  -moz-animation: clock3 1s ease-in infinite;
  -o-animation: clock3 1s ease-in infinite;
  animation: clock3 1s ease-in infinite;
}

.qodef-st-loader .clock .ball-4 {
  -webkit-animation: clock4 1s ease-in infinite;
  -moz-animation: clock4 1s ease-in infinite;
  -o-animation: clock4 1s ease-in infinite;
  animation: clock4 1s ease-in infinite;
}

@-webkit-keyframes clock {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes clock {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes clock {
  100% {
    -o-transform: rotate(360deg);
  }
}

@keyframes clock {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes clock1 {
  0% {
    -webkit-transform: rotate(-135deg);
  }
  30% {
    -webkit-transform: rotate(-450deg);
  }
  100% {
    -webkit-transform: rotate(-450deg);
  }
}

@-moz-keyframes clock1 {
  0% {
    -moz-transform: rotate(-135deg);
  }
  30% {
    -moz-transform: rotate(-450deg);
  }
  100% {
    -moz-transform: rotate(-450deg);
  }
}

@-o-keyframes clock1 {
  0% {
    -o-transform: rotate(-135deg);
  }
  30% {
    -o-transform: rotate(-450deg);
  }
  100% {
    -o-transform: rotate(-450deg);
  }
}

@keyframes clock1 {
  0% {
    transform: rotate(-135deg);
  }
  30% {
    transform: rotate(-450deg);
  }
  100% {
    transform: rotate(-450deg);
  }
}

@-webkit-keyframes clock2 {
  5% {
    -webkit-transform: rotate(-90deg);
  }
  35% {
    -webkit-transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
  }
}

@-moz-keyframes clock2 {
  5% {
    -moz-transform: rotate(-90deg);
  }
  35% {
    -moz-transform: rotate(-405deg);
  }
  100% {
    -moz-transform: rotate(-405deg);
  }
}

@-o-keyframes clock2 {
  5% {
    -o-transform: rotate(-90deg);
  }
  35% {
    -o-transform: rotate(-405deg);
  }
  100% {
    -o-transform: rotate(-405deg);
  }
}

@keyframes clock2 {
  5% {
    transform: rotate(-90deg);
  }
  35% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes clock3 {
  10% {
    -webkit-transform: rotate(-45deg);
  }
  40% {
    -webkit-transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@-moz-keyframes clock3 {
  10% {
    -moz-transform: rotate(-45deg);
  }
  40% {
    -moz-transform: rotate(-360deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-o-keyframes clock3 {
  10% {
    -o-transform: rotate(-45deg);
  }
  40% {
    -o-transform: rotate(-360deg);
  }
  100% {
    -o-transform: rotate(-360deg);
  }
}

@keyframes clock3 {
  10% {
    transform: rotate(-45deg);
  }
  40% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes clock4 {
  15% {
    -webkit-transform: rotate(0deg);
  }
  45% {
    -webkit-transform: rotate(-315deg);
  }
  100% {
    -webkit-transform: rotate(-315deg);
  }
}

@-moz-keyframes clock4 {
  15% {
    -moz-transform: rotate(0deg);
  }
  45% {
    -moz-transform: rotate(-315deg);
  }
  100% {
    -moz-transform: rotate(-315deg);
  }
}

@-o-keyframes clock4 {
  15% {
    -o-transform: rotate(0deg);
  }
  45% {
    -o-transform: rotate(-315deg);
  }
  100% {
    -o-transform: rotate(-315deg);
  }
}

@keyframes clock4 {
  15% {
    transform: rotate(0deg);
  }
  45% {
    transform: rotate(-315deg);
  }
  100% {
    transform: rotate(-315deg);
  }
}

/* clock - end*/
/* mitosis - start*/
.qodef-st-loader .mitosis {
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  position: relative;
  -webkit-animation: mitosis_invert 2s infinite steps(2, end);
  -moz-animation: mitosis_invert 2s infinite steps(2, end);
  -o-animation: mitosis_invert 2s infinite steps(2, end);
  animation: mitosis_invert 2s infinite steps(2, end);
}

.qodef-st-loader .mitosis .ball {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: #b2dd4c;
}

.qodef-st-loader .mitosis .ball-1 {
  -webkit-animation: mitosis_ball1 1s infinite alternate linear;
  -moz-animation: mitosis_ball1 1s infinite alternate linear;
  -o-animation: mitosis_ball1 1s infinite alternate linear;
  animation: mitosis_ball1 1s infinite alternate linear;
}

.qodef-st-loader .mitosis .ball-2 {
  -webkit-animation: mitosis_ball2 1s infinite alternate linear;
  -moz-animation: mitosis_ball2 1s infinite alternate linear;
  -o-animation: mitosis_ball2 1s infinite alternate linear;
  animation: mitosis_ball2 1s infinite alternate linear;
}

.qodef-st-loader .mitosis .ball-3 {
  -webkit-animation: mitosis_ball3 1s infinite alternate linear;
  -moz-animation: mitosis_ball3 1s infinite alternate linear;
  -o-animation: mitosis_ball3 1s infinite alternate linear;
  animation: mitosis_ball3 1s infinite alternate linear;
}

.qodef-st-loader .mitosis .ball-4 {
  -webkit-animation: mitosis_ball4 1s infinite alternate linear;
  -moz-animation: mitosis_ball4 1s infinite alternate linear;
  -o-animation: mitosis_ball4 1s infinite alternate linear;
  animation: mitosis_ball4 1s infinite alternate linear;
}

@-webkit-keyframes mitosis_invert {
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes mitosis_invert {
  100% {
    -moz-transform: rotate(180deg);
  }
}

@-o-keyframes mitosis_invert {
  100% {
    -o-transform: rotate(180deg);
  }
}

@keyframes mitosis_invert {
  100% {
    transform: rotate(180deg);
  }
}

@-webkit-keyframes mitosis_ball1 {
  12% {
    -webkit-transform: none;
  }
  26% {
    -webkit-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -webkit-transform: translate(50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes mitosis_ball1 {
  12% {
    -moz-transform: none;
  }
  26% {
    -moz-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -moz-transform: translate(50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -moz-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -moz-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-o-keyframes mitosis_ball1 {
  12% {
    -o-transform: none;
  }
  26% {
    -o-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -o-transform: translate(50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -o-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -o-transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@keyframes mitosis_ball1 {
  12% {
    transform: none;
  }
  26% {
    transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    transform: translate(50%, 25%) scale(0.6, 0.8);
  }
  88% {
    transform: translate(50%, 50%) scale(0.6, 0.6);
  }
  100% {
    transform: translate(50%, 50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes mitosis_ball2 {
  12% {
    -webkit-transform: none;
  }
  26% {
    -webkit-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -webkit-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -webkit-transform: translate(50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes mitosis_ball2 {
  12% {
    -moz-transform: none;
  }
  26% {
    -moz-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -moz-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -moz-transform: translate(50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -moz-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -moz-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-o-keyframes mitosis_ball2 {
  12% {
    -o-transform: none;
  }
  26% {
    -o-transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    -o-transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    -o-transform: translate(50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -o-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -o-transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@keyframes mitosis_ball2 {
  12% {
    transform: none;
  }
  26% {
    transform: translateX(25%) scale(1, 0.8);
  }
  40% {
    transform: translateX(50%) scale(0.8, 0.8);
  }
  60% {
    transform: translateX(50%) scale(0.8, 0.8);
  }
  74% {
    transform: translate(50%, -25%) scale(0.6, 0.8);
  }
  88% {
    transform: translate(50%, -50%) scale(0.6, 0.6);
  }
  100% {
    transform: translate(50%, -50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes mitosis_ball3 {
  12% {
    -webkit-transform: none;
  }
  26% {
    -webkit-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -webkit-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes mitosis_ball3 {
  12% {
    -moz-transform: none;
  }
  26% {
    -moz-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -moz-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-o-keyframes mitosis_ball3 {
  12% {
    -o-transform: none;
  }
  26% {
    -o-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -o-transform: translate(-50%, 25%) scale(0.6, 0.8);
  }
  88% {
    -o-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
  100% {
    -o-transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@keyframes mitosis_ball3 {
  12% {
    transform: none;
  }
  26% {
    transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    transform: translate(-50%, 25%) scale(0.6, 0.8);
  }
  88% {
    transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
  100% {
    transform: translate(-50%, 50%) scale(0.6, 0.6);
  }
}

@-webkit-keyframes mitosis_ball4 {
  12% {
    -webkit-transform: none;
  }
  26% {
    -webkit-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -webkit-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-moz-keyframes mitosis_ball4 {
  12% {
    -moz-transform: none;
  }
  26% {
    -moz-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -moz-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -moz-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@-o-keyframes mitosis_ball4 {
  12% {
    -o-transform: none;
  }
  26% {
    -o-transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    -o-transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    -o-transform: translate(-50%, -25%) scale(0.6, 0.8);
  }
  88% {
    -o-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
  100% {
    -o-transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

@keyframes mitosis_ball4 {
  12% {
    transform: none;
  }
  26% {
    transform: translateX(-25%) scale(1, 0.8);
  }
  40% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }
  60% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }
  74% {
    transform: translate(-50%, -25%) scale(0.6, 0.8);
  }
  88% {
    transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.6, 0.6);
  }
}

/* mitosis - end*/
/* lines - start*/
.qodef-st-loader .lines {
  width: 60px;
  height: 60px;
  margin: 0 0 0 -30px;
}

.qodef-st-loader .lines .line1,
.qodef-st-loader .lines .line2,
.qodef-st-loader .lines .line3,
.qodef-st-loader .lines .line4 {
  margin-left: 10px;
  position: absolute;
  width: 60px;
  height: 4px;
  background-color: #b2dd4c;
  -webkit-animation: lines_spin 1.5s infinite linear;
  -webkit-animation-timing-function: ease;
}

.qodef-st-loader .lines .line2 {
  -webkit-animation-delay: 0.1s;
}

.qodef-st-loader .lines .line3 {
  -webkit-animation-delay: 0.2s;
}

.qodef-st-loader .lines .line4 {
  -webkit-animation-delay: 0.3s;
}

@-webkit-keyframes lines_spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes lines_spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes lines_spin {
  100% {
    -o-transform: rotate(360deg);
  }
}

@keyframes lines_spin {
  100% {
    transform: rotate(360deg);
  }
}

/* lines - end*/
/* fussion - start*/
.qodef-st-loader .fussion {
  width: 30px;
  height: 30px;
  margin: -45px 0 0 -30px;
  position: relative;
}

.qodef-st-loader .fussion .ball {
  height: 40px;
  width: 40px;
  left: 50%;
  top: 50%;
  background: #b2dd4c;
  border-radius: 50%;
  float: left;
  position: absolute;
}

.qodef-st-loader .fussion .ball-1 {
  background: #b2dd4c;
  top: 0;
  left: 50%;
  -webkit-animation: fussion_ball1 1s 0s ease infinite;
  -moz-animation: fussion_ball1 1s 0s ease infinite;
  -o-animation: fussion_ball1 1s 0s ease infinite;
  animation: fussion_ball1 1s 0s ease infinite;
  z-index: 1;
}

.qodef-st-loader .fussion .ball-2 {
  background: #b2dd4c;
  top: 50%;
  left: 100%;
  -webkit-animation: fussion_ball2 1s 0s ease infinite;
  -moz-animation: fussion_ball2 1s 0s ease infinite;
  -o-animation: fussion_ball2 1s 0s ease infinite;
  animation: fussion_ball2 1s 0s ease infinite;
  z-index: 2;
}

.qodef-st-loader .fussion .ball-3 {
  background: #b2dd4c;
  top: 100%;
  left: 50%;
  -webkit-animation: fussion_ball3 1s 0s ease infinite;
  -moz-animation: fussion_ball3 1s 0s ease infinite;
  -o-animation: fussion_ball3 1s 0s ease infinite;
  animation: fussion_ball3 1s 0s ease infinite;
  z-index: 1;
}

.qodef-st-loader .fussion .ball-4 {
  background: #b2dd4c;
  top: 50%;
  left: 0%;
  -webkit-animation: fussion_ball4 1s 0s ease infinite;
  -moz-animation: fussion_ball4 1s 0s ease infinite;
  -o-animation: fussion_ball4 1s 0s ease infinite;
  animation: fussion_ball4 1s 0s ease infinite;
  z-index: 2;
}

@-webkit-keyframes fussion_ball1 {
  50% {
    top: -100%;
    left: 200%;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@-moz-keyframes fussion_ball1 {
  50% {
    top: -100%;
    left: 200%;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@-o-keyframes fussion_ball1 {
  50% {
    top: -100%;
    left: 200%;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@keyframes fussion_ball1 {
  50% {
    top: -100%;
    left: 200%;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
  }
}

@-webkit-keyframes fussion_ball2 {
  50% {
    top: 200%;
    left: 200%;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@-moz-keyframes fussion_ball2 {
  50% {
    top: 200%;
    left: 200%;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@-o-keyframes fussion_ball2 {
  50% {
    top: 200%;
    left: 200%;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@keyframes fussion_ball2 {
  50% {
    top: 200%;
    left: 200%;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
  }
}

@-webkit-keyframes fussion_ball3 {
  50% {
    top: 200%;
    left: -100%;
  }
  100% {
    top: 50%;
    left: 0%;
    z-index: 2;
  }
}

@-moz-keyframes fussion_ball3 {
  50% {
    top: 200%;
    left: -100%;
  }
  100% {
    top: 50%;
    left: 0%;
    z-index: 2;
  }
}

@-o-keyframes fussion_ball3 {
  50% {
    top: 200%;
    left: -100%;
  }
  100% {
    top: 50%;
    left: 0%;
    z-index: 2;
  }
}

@keyframes fussion_ball3 {
  50% {
    top: 200%;
    left: -100%;
  }
  100% {
    top: 50%;
    left: 0%;
    z-index: 2;
  }
}

@-webkit-keyframes fussion_ball4 {
  50% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 0%;
    left: 50%;
    z-index: 1;
  }
}

@-moz-keyframes fussion_ball4 {
  50% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 0%;
    left: 50%;
    z-index: 1;
  }
}

@-o-keyframes fussion_ball4 {
  50% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 0%;
    left: 50%;
    z-index: 1;
  }
}

@keyframes fussion_ball4 {
  50% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 0%;
    left: 50%;
    z-index: 1;
  }
}

/* fussion - end*/
/* wave_circles - start*/
.qodef-st-loader .wave_circles {
  width: 150px;
  height: 30px;
  margin: -15px 0 0 -75px;
}

.qodef-st-loader .wave_circles .ball {
  height: 30px;
  width: 30px;
  float: left;
  background: #b2dd4c;
  border-radius: 50%;
  margin-right: 10px;
}

.qodef-st-loader .wave_circles .ball-1 {
  -webkit-animation: wave_jump3 1.8s infinite ease-out;
  -moz-animation: wave_jump3 1.8s infinite ease-out;
  -o-animation: wave_jump3 1.8s infinite ease-out;
  animation: wave_jump3 1.8s infinite ease-out;
}

.qodef-st-loader .wave_circles .ball-2 {
  -webkit-animation: wave_jump2 1.8s infinite ease-out;
  -moz-animation: wave_jump2 1.8s infinite ease-out;
  -o-animation: wave_jump2 1.8s infinite ease-out;
  animation: wave_jump2 1.8s infinite ease-out;
}

.qodef-st-loader .wave_circles .ball-3 {
  -webkit-animation: wave_jump1 1.8s infinite ease-out;
  -moz-animation: wave_jump1 1.8s infinite ease-out;
  -o-animation: wave_jump1 1.8s infinite ease-out;
  animation: wave_jump1 1.8s infinite ease-out;
}

.qodef-st-loader .wave_circles .ball-4 {
  margin-right: 0;
  -webkit-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
  -o-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
  animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@-webkit-keyframes wave_jump1 {
  12% {
    -webkit-transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
  }
  24% {
    -webkit-transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(40px, 0);
  }
}

@-moz-keyframes wave_jump1 {
  12% {
    -moz-transform: translate(20px, -40px);
    -moz-animation-timing-function: ease-in;
  }
  24% {
    -moz-transform: translate(40px, 0);
  }
  100% {
    -moz-transform: translate(40px, 0);
  }
}

@-moz-keyframes wave_jump1 {
  12% {
    -o-transform: translate(20px, -40px);
    -o-animation-timing-function: ease-in;
  }
  24% {
    -o-transform: translate(40px, 0);
  }
  100% {
    -o-transform: translate(40px, 0);
  }
}

@keyframes wave_jump1 {
  12% {
    transform: translate(20px, -40px);
    animation-timing-function: ease-in;
  }
  24% {
    transform: translate(40px, 0);
  }
  100% {
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes wave_jump2 {
  12% {
    -webkit-transform: translate(0, 0);
  }
  24% {
    -webkit-transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
  }
  36% {
    -webkit-transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(40px, 0);
  }
}

@-moz-keyframes wave_jump2 {
  12% {
    -moz-transform: translate(0, 0);
  }
  24% {
    -moz-transform: translate(20px, -40px);
    -moz-animation-timing-function: ease-in;
  }
  36% {
    -moz-transform: translate(40px, 0);
  }
  100% {
    -moz-transform: translate(40px, 0);
  }
}

@-o-keyframes wave_jump2 {
  12% {
    -o-transform: translate(0, 0);
  }
  24% {
    -o-transform: translate(20px, -40px);
    -o-animation-timing-function: ease-in;
  }
  36% {
    -o-transform: translate(40px, 0);
  }
  100% {
    -o-transform: translate(40px, 0);
  }
}

@keyframes wave_jump2 {
  12% {
    transform: translate(0, 0);
  }
  24% {
    transform: translate(20px, -40px);
    animation-timing-function: ease-in;
  }
  36% {
    transform: translate(40px, 0);
  }
  100% {
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes wave_jump3 {
  24% {
    -webkit-transform: translate(0, 0);
  }
  36% {
    -webkit-transform: translate(20px, -40px);
    -webkit-animation-timing-function: ease-in;
  }
  48% {
    -webkit-transform: translate(40px, 0);
  }
  100% {
    -webkit-transform: translate(40px, 0);
  }
}

@-moz-keyframes wave_jump3 {
  24% {
    -moz-transform: translate(0, 0);
  }
  36% {
    -moz-transform: translate(20px, -40px);
    -moz-animation-timing-function: ease-in;
  }
  48% {
    -moz-transform: translate(40px, 0);
  }
  100% {
    -moz-transform: translate(40px, 0);
  }
}

@-o-keyframes wave_jump3 {
  24% {
    -o-transform: translate(0, 0);
  }
  36% {
    -o-transform: translate(20px, -40px);
    -o-animation-timing-function: ease-in;
  }
  48% {
    -o-transform: translate(40px, 0);
  }
  100% {
    -o-transform: translate(40px, 0);
  }
}

@keyframes wave_jump3 {
  24% {
    transform: translate(0, 0);
  }
  36% {
    transform: translate(20px, -40px);
    animation-timing-function: ease-in;
  }
  48% {
    transform: translate(40px, 0);
  }
  100% {
    transform: translate(40px, 0);
  }
}

@-webkit-keyframes wave_wipe {
  48% {
    -webkit-transform: translateX(-120px);
  }
  100% {
    -webkit-transform: translateX(-120px);
  }
}

@-moz-keyframes wave_wipe {
  48% {
    -moz-transform: translateX(-120px);
  }
  100% {
    -moz-transform: translateX(-120px);
  }
}

@-o-keyframes wave_wipe {
  48% {
    -o-transform: translateX(-120px);
  }
  100% {
    -o-transform: translateX(-120px);
  }
}

@keyframes wave_wipe {
  48% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-120px);
  }
}

/* wave_circles - end*/
/* pulse_circles - start*/
.qodef-st-loader .pulse_circles {
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  position: relative;
}

.qodef-st-loader .pulse_circles * {
  box-sizing: border-box;
}

.qodef-st-loader .pulse_circles .ball {
  height: 100%;
  width: 100%;
  background: #b2dd4c;
  position: absolute;
  border-radius: 50%;
  border: 0px solid #b2dd4c;
  -webkit-animation: pulse_circles_pulse 3s infinite;
  -moz-animation: pulse_circles_pulse 3s infinite;
  -o-animation: pulse_circles_pulse 3s infinite;
  animation: pulse_circles_pulse 3s infinite;
}

.qodef-st-loader .pulse_circles .ball-2 {
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}

.qodef-st-loader .pulse_circles .ball-3 {
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}

.qodef-st-loader .pulse_circles .ball-4 {
  -webkit-animation-delay: -2.25s;
  -moz-animation-delay: -2.25s;
  -o-animation-delay: -2.25s;
  animation-delay: -2.25s;
}

@-webkit-keyframes pulse_circles_pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 1;
    border-width: 50px;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

@-moz-keyframes pulse_circles_pulse {
  0% {
    -moz-transform: scale(0.1, 0.1);
    opacity: 1;
    border-width: 50px;
  }
  100% {
    -moz-transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

@-o-keyframes pulse_circles_pulse {
  0% {
    -o-transform: scale(0.1, 0.1);
    opacity: 1;
    border-width: 50px;
  }
  100% {
    -o-transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

@keyframes pulse_circles_pulse {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 1;
    border-width: 50px;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
    border-width: 0;
  }
}

/* pulse_circles - end*/
/* ==========================================================================
   7. Comments styles - start
   ========================================================================== */
.qodef-comment-holder {
  padding: 20px 0 32px;
  margin: 0 0 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.qodef-comment-holder .qodef-comment {
  padding: 28px 25px;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.qodef-comment-holder .qodef-comment.qodef-pingback-comment .qodef-comment-text {
  padding: 0;
}

.qodef-comment-holder .qodef-comment-image {
  display: block;
  width: 75px;
  height: 75px;
  float: left;
}

.qodef-comment-holder .qodef-comment-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.qodef-comment-holder .qodef-comment-text {
  padding: 0 0 0 100px;
  min-height: 75px;
}

.qodef-comment-holder .qodef-comment-text .qodef-comment-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.qodef-comment-holder .qodef-comment-text .qodef-comment-date-holder {
  margin-bottom: 7px;
}

.qodef-comment-holder .qodef-comment-text .qodef-comment-date {
  font-size: 13px;
  font-weight: 500;
  color: #b2dd4c;
}

.qodef-comment-holder .qodef-comment-text .replay,
.qodef-comment-holder .qodef-comment-text .comment-reply-link,
.qodef-comment-holder .qodef-comment-text .comment-edit-link {
  float: right;
  margin-left: 10px;
}

.qodef-comment-holder .qodef-comment-text .comment-reply-link:after {
  content: "\e051";
  font-family: "simple-line-icons", sans-serif;
  padding-left: 5px;
}

.qodef-comment-holder .qodef-comment-text .qodef-comment-name {
  float: left;
}

.qodef-comment-list {
  list-style: none;
  position: relative;
  z-index: 150;
  padding: 0;
  margin: 21px 0 0;
}

.qodef-comment-list li {
  display: inline-block;
  position: relative;
  width: 100%;
}

.qodef-comment-list li ul.children li {
  margin: 0 0 17px;
}

.qodef-comment-list > li {
  margin: 0 0 17px;
}

.qodef-comment-list > li:last-child {
  margin: 0;
}

.qodef-comment-list .children {
  margin: 30px 0 0 0;
  padding: 0 0 0 70px;
}

.qodef-comment-form {
  margin: 28px 0 40px;
}

.comment-respond .comment-reply-title {
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
  /*font size changed because of the h-tags that are fixed by wordpress*/
  margin-bottom: 30px;
}

.comment-respond .comment-reply-title a {
  font-size: 16px;
}

.comment-respond .logged-in-as {
  margin-bottom: 10px;
}

.comment-respond .comment-form-cookies-consent {
  margin: 0 0 20px;
}

.qodef-comment-text .comment-respond {
  margin: 20px 0;
}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-quiz, #respond textarea,
#respond input[type='text'],
#respond input[type='email'],
.post-password-form input[type='password'] {
  width: 100%;
  margin-bottom: 24px;
  padding: 10px 15px;
  border: 1px solid #cfcfcf;
  outline: 0;
  font-family: Raleway, sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #fff;
  color: #797979;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-number:focus, .wpcf7-form-control.wpcf7-date:focus, .wpcf7-form-control.wpcf7-textarea:focus, .wpcf7-form-control.wpcf7-select:focus, .wpcf7-form-control.wpcf7-quiz:focus, #respond textarea:focus,
#respond input:focus[type='text'],
#respond input:focus[type='email'],
.post-password-form input:focus[type='password'] {
  border: 1px solid #A0A0A0;
}

.wpcf7-form-control.wpcf7-textarea {
  height: 330px;
}

div.wpcf7 img.ajax-loader {
  display: none;
}

div.wpcf7-validation-errors {
  border: 2px solid #bdbdbd;
  color: #bdbdbd;
}

/* Subscribe form style start */
.qodef-subscription-form {
  position: relative;
}

.qodef-subscription-form input.wpcf7-form-control.wpcf7-text, .qodef-subscription-form input.wpcf7-form-control.wpcf7-number, .qodef-subscription-form input.wpcf7-form-control.wpcf7-date, .qodef-subscription-form input.wpcf7-form-control.wpcf7-textarea, .qodef-subscription-form input.wpcf7-form-control.wpcf7-select, .qodef-subscription-form input.wpcf7-form-control.wpcf7-quiz {
  width: 100%;
  padding-right: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-subscription-form input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  top: 0;
  right: 0;
}

.qodef-cf-button-holder {
  text-align: center;
}

.qodef-cf-button-holder .ajax-loader {
  display: none !important;
}

/* Subscribe form style end */
#submit_comment,
.post-password-form input[type='submit'],
input.wpcf7-form-control.wpcf7-submit,
.qodef-sidebar #searchform input[type="submit"],
footer input[type="submit"],
.qodef-woocommerce-page #reviews input[type='submit'],
.qodef-woocommerce-page .woocommerce-message a {
  display: inline-block;
  width: auto;
  height: 52px;
  line-height: 50px;
  padding: 0 35px;
  border: 2px solid #b2dd4c;
  font-size: 13px;
  font-weight: 800;
  font-family: inherit;
  letter-spacing: 1px;
  color: #fff;
  background-color: #b2dd4c;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#submit_comment:hover,
.post-password-form input[type='submit']:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
.qodef-sidebar #searchform input[type="submit"]:hover,
footer input[type="submit"]:hover,
.qodef-woocommerce-page #reviews input[type='submit']:hover,
.qodef-woocommerce-page .woocommerce-message a:hover {
  background-color: #212121;
  color: #fff;
  border-color: #212121;
}

#submit_comment:focus,
.post-password-form input[type='submit']:focus,
input.wpcf7-form-control.wpcf7-submit:focus,
.qodef-sidebar #searchform input[type="submit"]:focus,
footer input[type="submit"]:focus,
.qodef-woocommerce-page #reviews input[type='submit']:focus,
.qodef-woocommerce-page .woocommerce-message a:focus {
  outline: none;
}

.qodef-input-title {
  font-size: 15px;
  font-weight: 600;
  color: #5d5d5d;
  position: relative;
  padding-left: 18px;
  box-sizing: border-box;
  margin-bottom: 3px;
  display: inline-block;
}

.qodef-input-title:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #b2dd4c;
  left: 0;
  top: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* ==========================================================================
   7. Comments styles - end
   ========================================================================== */
/* ==========================================================================
   8. Pagination styles - start
   ========================================================================== */
.qodef-pagination {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 45px;
}

.qodef-pagination li {
  float: left;
  text-align: center;
  margin: 0 2px 4px 2px;
  display: block;
  border: 2px solid #e6e6e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.qodef-pagination li a,
.qodef-pagination li.active span {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  margin: 0;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: content-box;
  color: #707070;
}

.qodef-pagination li.active span {
  color: #fff;
}

.qodef-pagination li.active, .qodef-pagination li:hover {
  background-color: #b2dd4c;
  color: #fff;
  border-color: #b2dd4c;
}

.qodef-pagination li:hover a {
  color: #fff;
}

.qodef-pagination li.qodef-pagination-prev, .qodef-pagination li.qodef-pagination-next {
  font-size: 11px;
}

/* ==========================================================================
   8. Pagination styles - end
   ========================================================================== */
/* ==========================================================================
   9. General slider styles start
   ========================================================================== */
.qodef-owl-slider .owl-buttons .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.qodef-owl-slider .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.qodef-owl-slider .owl-buttons .qodef-prev-icon,
.qodef-owl-slider .owl-buttons .qodef-next-icon {
  display: inline-block;
  width: 55px;
  height: 55px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.qodef-owl-slider .owl-buttons .qodef-prev-icon i,
.qodef-owl-slider .owl-buttons .qodef-next-icon i {
  font-size: 16px;
  line-height: 55px;
  color: #fff;
}

.qodef-owl-slider .owl-buttons .qodef-prev-icon {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.qodef-owl-slider .owl-buttons .qodef-next-icon {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-owl-slider .owl-buttons .qodef-prev-icon:hover,
.qodef-owl-slider .owl-buttons .qodef-next-icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.qodef-owl-slider .owl-pagination {
  text-align: center;
}

.qodef-owl-slider .owl-pagination .owl-page {
  display: inline-block;
}

.qodef-owl-slider .owl-pagination .owl-page span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #e3e3e3;
}

.qodef-owl-slider .owl-pagination .owl-page.active span {
  opacity: 1;
}

/* ==========================================================================
   9.Owl Slider (Blog single, Portfolio single) - end
   ========================================================================== */
/* ==========================================================================
   10. 404 styles - start
   ========================================================================== */
.qodef-404-page {
  padding: 0;
}

.qodef-page-not-found {
  margin: 80px 0;
}

.qodef-page-not-found h2 {
  margin-bottom: 30px;
}

.qodef-page-not-found h4 {
  margin-bottom: 30px;
}

/* ==========================================================================
   10. 404 styles - end
   ========================================================================== */
/* ==========================================================================
   11. Back to Top styles - start
   ========================================================================== */
#qodef-back-to-top {
  position: fixed;
  width: 46px;
  right: 46px;
  bottom: 65px;
  margin: 0;
  z-index: 10000;
  -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
  opacity: 0;
  visibility: hidden;
}

#qodef-back-to-top.off {
  opacity: 0;
  visibility: hidden;
}

#qodef-back-to-top.on {
  opacity: 1;
  visibility: visible;
}

#qodef-back-to-top > span {
  width: 46px;
  height: 46px;
  line-height: 43px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 12px;
  background-color: #373737;
  opacity: 0.9;
  -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out;
  transition: background-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out;
  box-sizing: border-box;
}

#qodef-back-to-top span span {
  display: block;
  line-height: inherit;
}

#qodef-back-to-top:hover > span {
  background-color: #c1e470;
  opacity: 1;
}

/* ==========================================================================
   11. Back to Top styles - end
   ========================================================================== */
/* ==========================================================================
   12. Self Hosted Video styles - start
   ========================================================================== */
.qodef-self-hosted-video-holder .qodef-video-wrap .mejs-container,
.qodef-self-hosted-video-holder .qodef-video-wrap .mejs-overlay-play {
  height: 100% !important;
  /*!important because of the inline style*/
  width: 100% !important;
  /*!important because of the inline style*/
}

.qodef-self-hosted-video-holder .qodef-video-wrap .mejs-offscreen {
  display: none;
}

.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   12. Self Hosted Video styles - end
   ========================================================================== */
/* ==========================================================================
   13. Pretty photo navigation
   ========================================================================== */
body div.pp_default a.pp_next,
body div.pp_default a.pp_previous {
  margin: -33px 0 0 !important;
  font-size: 22px !important;
  width: 66px !important;
  height: 66px !important;
  line-height: 66px !important;
  color: #fff !important;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.35) !important;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

body div.pp_default a.pp_previous {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

body div.pp_default a.pp_next {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

body div.pp_default a.pp_next:hover,
body div.pp_default a.pp_previous:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

body div.pp_default a.pp_previous {
  left: 0 !important;
}

body div.pp_default a.pp_next {
  right: 0 !important;
}

/* ==========================================================================
   13. Pretty photo navigation end
   ========================================================================== */
/* ==========================================================================
   14. Layer slider navigation - start
   ========================================================================== */
.ls-noskin {
  /* Important properties are set because layer slider css is loaded after theme stylesheet */
}

.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
  display: inline-block !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 66px;
  height: 66px;
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.ls-noskin .ls-nav-prev {
  left: 0;
}

.ls-noskin .ls-nav-next {
  right: 0;
}

.ls-noskin .ls-nav-prev:before,
.ls-noskin .ls-nav-next:before {
  content: "";
  font-family: FontAwesome, sans-serif;
  font-size: 20px;
  line-height: 66px;
  color: #fff;
}

.ls-noskin .ls-nav-prev:before {
  content: "\f053";
}

.ls-noskin .ls-nav-next:before {
  content: "\f054";
}

.ls-noskin .ls-bottom-nav-wrapper {
  display: inline-block !important;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
  -ms-transform: translate3d(-50%, 0, 0) !important;
  transform: translate3d(-50%, 0, 0) !important;
}

.ls-noskin .ls-bottom-slidebuttons {
  position: relative;
  display: inline-block;
  line-height: 0;
}

.ls-noskin .ls-bottom-slidebuttons a {
  display: inline-block !important;
  width: 15px;
  height: 15px;
  margin: 4px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
  visibility: visible !important;
  position: relative;
  vertical-align: middle;
}

.ls-noskin .ls-bottom-slidebuttons a.ls-nav-active {
  opacity: 1;
  width: 12px;
  height: 12px;
  margin: 4px 7px;
}

.ls-noskin .ls-bottom-slidebuttons a.ls-nav-active:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  border: 2px solid #fff;
  display: inline-block;
  left: -4px;
  top: -4px;
  padding: 2px;
  box-sizing: content-box !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
}

@media only screen and (max-width: 600px) {
  .ls-noskin .ls-nav-prev,
  .ls-noskin .ls-nav-next {
    display: none !important;
  }
  .ls-noskin .ls-bottom-slidebuttons {
    display: none !important;
  }
}

/* ==========================================================================
   14. Layer slider navigation - end
   ========================================================================== */
/* ==========================================================================
   15. VC image gallery css override - start
   ========================================================================== */
/* Important is placed because vc styles are loaded after theme */
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
  margin: 0 !important;
}

.wpb_image_grid .wpb_image_grid_ul a {
  position: relative;
}

.wpb_image_grid .wpb_image_grid_ul a:before {
  content: "\f002";
  font-family: FontAwesome, sans-serif;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.wpb_image_grid .wpb_image_grid_ul a:hover:before {
  opacity: 1;
}

.wpb_image_grid .wpb_image_grid_ul a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.wpb_image_grid .wpb_image_grid_ul a:hover:after {
  opacity: 1;
}

/* VC image gallery css override - end */
.qodef-parallax-section-holder.qodef-vertical-middle-align {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.wpb_single_image .vc_figure {
  max-width: 100%;
}

/* ==========================================================================
   15. VC image gallery css override - end
   ========================================================================== */
/* elementor fixes - start */
.elementor-widget.elementor-widget-qodef_testimonials {
  position: static;
}

.elementor-widget.elementor-widget-qodef_testimonials .qodef-testimonials-holder .owl-buttons .owl-prev {
  left: 0;
}

.elementor-widget.elementor-widget-qodef_testimonials .qodef-testimonials-holder .owl-buttons .owl-next {
  right: 0;
}

.elementor-widget-video .fluidvids {
  padding-top: 0 !important;
  position: static;
}

/* elementor fixes - end */
.qode-underlined {
  position: relative;
}

.qode-underlined:before {
  content: url(../img/svg-underline.svg);
  position: absolute;
  display: inline-block;
  max-width: 100%;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  overflow: hidden;
}

/* sidearea with rev slider fix */
rs-fullwidth-wrap rs-module-wrap {
  left: 0 !important;
}

.qodef-logo-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.qodef-logo-wrapper a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.qodef-logo-wrapper a img {
  height: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.qodef-logo-wrapper a img.qodef-normal-logo {
  opacity: 1;
}

.qodef-logo-wrapper a img.qodef-dark-logo {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.qodef-logo-wrapper a img.qodef-light-logo {
  opacity: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}

/* ==========================================================================
   14.  Main Menu styles start
   ========================================================================== */
.qodef-main-menu {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.qodef-main-menu ul {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.qodef-main-menu ul li {
  position: relative;
  display: inline-block;
  float: left;
  padding: 0px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: right;
}

.qodef-main-menu ul li a {
  font-size: 16px;
  line-height: 34px;
  font-weight: 700;
  color: #727272;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

body:not(.qodef-menu-with-large-icons) .qodef-main-menu ul li a span.item_inner i:before {
  margin: 0 7px 0 0;
}

.qodef-main-menu ul li:hover a, .qodef-main-menu ul li.qodef-active-item a {
  color: #b2dd4c;
}

.qodef-main-menu > ul {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
}

.qodef-main-menu > ul > li {
  height: 100%;
  margin: 0 2px;
}

.qodef-main-menu > ul > li:last-child > a span.plus {
  display: none;
}

.qodef-main-menu > ul > li > a .item_outer:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0%;
  content: '';
  background-color: #b2dd4c;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  opacity: 0;
  -ms-transform: scaleX(0.2);
  -webkit-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-backface-visibility: hidden;
}

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

.qodef-main-menu > ul > li:hover > a .item_outer,
.qodef-main-menu > ul > li.qodef-active-item > a .item_outer {
  background-color: transparent !important;
  position: relative;
}

.qodef-main-menu > ul > li:hover > a .item_outer:before,
.qodef-main-menu > ul > li.qodef-active-item > a .item_outer:before {
  opacity: 1;
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.qodef-main-menu > ul > li.has_sub > a i.q_menu_arrow {
  display: inline-block;
  margin-left: 6px;
}

.qodef-main-menu > ul > li.has_sub > a .item_inner > i.q_menu_arrow {
  position: relative;
  left: 4px;
}

.qodef-main-menu > ul > li > a {
  height: 100%;
  position: relative;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 0px;
  position: relative;
  border-color: transparent;
  height: 100%;
  background-color: transparent;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

.qodef-main-menu > ul > li > a:before {
  height: 2px;
  bottom: 0px;
}

.qodef-main-menu > ul > li > a:after {
  height: 1px;
  bottom: 4px;
}

body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a {
  text-align: center;
  vertical-align: middle;
}

.qodef-main-menu > ul > li > a > span.item_outer {
  display: block;
  position: relative;
  top: 50%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
  transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
}

.qodef-main-menu > ul > li > a span.item_inner {
  display: inline-block;
  padding: 0 20px;
  border-width: 0px;
  position: relative;
  border-color: transparent;
  background-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
}

body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a span.item_inner {
  text-align: center;
  vertical-align: middle;
}

.qodef-main-menu > ul > li > a span.item_inner:before,
.qodef-main-menu > ul > li > a span.item_inner:after, .qodef-main-menu > ul > li > a:before, .qodef-main-menu > ul > li > a:after {
  content: "";
  display: none;
  position: absolute;
  left: 0px;
  background-color: transparent;
  -webkit-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
  width: 100%;
}

.qodef-main-menu > ul > li > a span.item_inner:before {
  bottom: 0px;
  height: 2px;
}

.qodef-main-menu > ul > li > a span.item_inner:after {
  height: 1px;
  bottom: 4px;
}

body.qodef-menu-with-large-icons .qodef-main-menu > ul > li > a span.item_inner i {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.qodef-main-menu > ul > li > a span.plus {
  width: 4px;
  height: 4px;
  display: none;
  position: absolute;
  top: 50%;
  right: -2px;
  margin-top: -2px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.qodef-main-menu > ul > li > a span.item_text {
  -webkit-backface-visibility: hidden;
}

.qodef-main-menu > ul > li > a > i.blank {
  display: none;
}

body:not(.qodef-menu-with-large-icons) .qodef-main-menu .qodef-drop-down .wide.icons .second i:before {
  margin: 0;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a {
  color: #ffffff;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a,
.qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a {
  color: #000000;
}

/* Narrow drop down styles
   ========================================================================== */
.qodef-drop-down ul {
  list-style: none;
  border-radius: 0 0 3px 3px;
}

.qodef-drop-down ul li {
  position: relative;
}

header.transparent.fixed.scrolled .qodef-drop-down .second,
header.transparent.fixed_hiding.scrolled .qodef-drop-down .second {
  top: 100%;
}

.qodef-drop-down .second {
  left: 0;
  margin: 0;
  top: 100%;
  position: absolute;
  display: block;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  z-index: 10;
  border-top: 7px solid #b2dd4c;
  -webkit-transition: top 0.15s ease-out;
  -moz-transition: top 0.15s ease-out;
  -ms-transition: top 0.15s ease-out;
  -o-transition: top 0.15s ease-out;
  transition: top 0.15s ease-out;
}

.qodef-menu-area .qodef-featured-icon,
.qodef-sticky-nav .qodef-featured-icon {
  position: relative;
  font-size: 10px;
  position: relative;
  top: -5px;
  margin-left: 2px;
  color: #b2dd4c;
}

.qodef-menu-area .qodef-featured-icon.text,
.qodef-sticky-nav .qodef-featured-icon.text {
  top: -7px;
  font-size: 12px;
  margin-left: 5px;
}

.qodef-main-menu > ul > li > a .qodef-featured-icon {
  display: none;
}

header.transparent:not(.sticky) .qodef-drop-down .second {
  top: 75%;
}

header.transparent.with_border:not(.sticky) .qodef-drop-down .second,
header.transparent.qodef-menu-item-first-level-bg-color:not(.sticky) .qodef-drop-down .second {
  top: 100%;
}

.qodef-drop-down li.left_position .second {
  left: 0px;
}

/*
header.transparent .qodef-drop-down li:not(.right_position):not(.left_position) .second:not(.right) {
    left: 16px;
}
*/
header.transparent.qodef-menu-item-first-level-bg-color .qodef-drop-down .second:not(.right) {
  left: 0;
}

.qodef-drop-down li.right_position .second {
  left: auto;
  right: 0;
}

.qodef-drop-down .second.qodef-drop-down-start {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
}

.qodef-drop-down > ul > li:hover > .second {
  z-index: 20;
}

.qodef-drop-down .second .inner {
  position: relative;
  padding: 0px;
  display: block;
  z-index: 997;
}

.qodef-drop-down .narrow .second i {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}

.qodef-drop-down .second .inner > ul,
li.narrow .second .inner ul {
  display: inline-block;
  position: relative;
  background-color: #fff;
}

li.narrow .second .inner ul {
  padding: 3px 0;
}

.qodef-drop-down .second .inner ul li {
  display: block;
  padding: 0 15px;
  margin: 20px 0;
  position: relative;
  float: none;
  height: auto;
  background: 0;
  width: 190px;
  -webkit-transition: background-color 0.15s ease-out;
  transition: background-color .15s ease-out;
}

li.narrow .second .inner ul li:last-child {
  border-bottom: none;
}

.qodef-drop-down .wide.left_position .second ul li,
.qodef-drop-down .wide.right_position .second ul li {
  width: 180px;
}

.qodef-drop-down .narrow .second .inner ul li {
  padding: 0;
  width: 215px;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -ms-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
}

.qodef-drop-down .second .inner ul li a,
.qodef-drop-down .second .inner ul li h4 {
  display: block;
  color: #969696;
  height: auto;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin: 0;
  padding: 0 25px;
  -webkit-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  border-bottom: 1px solid transparent;
  float: none;
  position: relative;
}

.qodef-drop-down .second .inner ul li a {
  -webkit-transition: padding 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease-out;
  transition: padding 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease-out;
}

.qodef-drop-down .second .inner > ul > li:hover > a,
.qodef-drop-down .second .inner ul li.sub ul li:hover > a {
  padding-left: 30px;
}

.qodef-drop-down .second .inner ul li a:before {
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  background-color: #b2dd4c;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.qodef-drop-down .second .inner > ul > li:hover > a:before,
.qodef-drop-down .second .inner ul li.sub ul li:hover > a:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.qodef-drop-down .second .inner > ul > li:last-child > a,
.qodef-drop-down .second .inner > ul > li > ul > li:last-child > a,
.qodef-drop-down .second .inner > ul > li > ul > li > ul > li:last-child > a {
  border-bottom: 0;
}

.qodef-drop-down .second .inner > ul > li:hover > a,
.qodef-drop-down .second .inner ul li.sub ul li:hover > a {
  color: #b2dd4c;
}

.qodef-drop-down .wide .second ul li a,
.qodef-drop-down .wide .second .inner ul li.sub a,
.qodef-drop-down .wide .second .inner ul li h4 {
  background: 0;
}

.qodef-drop-down .wide .second i {
  display: none;
}

.qodef-drop-down .narrow .second .inner ul li ul {
  position: absolute;
  left: 100%;
  top: -23px;
  /* same as padding in father ul */
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  overflow: hidden;
  z-index: 10;
  -webkit-transform: translateZ(0);
}

.qodef-drop-down .second .inner ul li:hover ul {
  z-index: 20;
  opacity: 1;
}

.qodef-drop-down .second .inner ul li ul li:hover ul {
  z-index: 20;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

/* slide_from_bottom start */
body.qodef-dropdown-slide-from-bottom .qodef-drop-down .second {
  overflow: visible;
  -webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
  transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
}

body.qodef-dropdown-slide-from-bottom .qodef-drop-down .wide .second .inner > ul,
body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner > ul {
  top: 30px;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner ul li ul {
  top: 22px;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.qodef-dropdown-slide-from-bottom .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul,
body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul {
  top: 0;
}

body.qodef-dropdown-slide-from-bottom .qodef-drop-down .narrow .second .inner ul li:hover ul {
  top: -1px;
  /* same as padding in father ul */
}

/* slide_from_bottom end */
/* slide_from_top start */
body.qodef-dropdown-slide-from-top .qodef-drop-down .second {
  overflow: visible;
  -webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
  transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
}

body.qodef-dropdown-slide-from-top .qodef-drop-down .wide .second .inner > ul,
body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner > ul {
  top: -30px;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner ul li ul {
  top: -22px;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.qodef-dropdown-slide-from-top .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul,
body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul {
  top: 0;
}

body.qodef-dropdown-slide-from-top .qodef-drop-down .narrow .second .inner ul li:hover ul {
  top: -1px;
  /* same as padding in father ul */
}

/* slide_from_top end */
/* slide_from_left start */
body.qodef-dropdown-slide-from-left .qodef-drop-down .second {
  overflow: visible;
  -webkit-transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s;
  transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s;
}

body.qodef-dropdown-slide-from-left .qodef-drop-down .wide .second .inner > ul,
body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second .inner > ul {
  left: -30px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second .inner ul li ul {
  left: calc(100% - 30px);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.qodef-dropdown-slide-from-left .qodef-drop-down .wide .second.qodef-drop-down-start .inner > ul,
body.qodef-dropdown-slide-from-left .qodef-drop-down .narrow .second.qodef-drop-down-start .inner > ul {
  left: 0;
}

body.qodef-dropdown-slide-from-left.qodef-drop-down .narrow .second .inner ul li:hover ul {
  left: 100%;
}

/* slide_from_left end */
.qodef-drop-down .second.right {
  right: 0px;
  left: auto;
}

.qodef-drop-down .second .inner ul.right li a,
.qodef-drop-down .second .inner ul.right li h4 {
  text-align: right;
}

.qodef-drop-down .second .inner ul.right li ul {
  left: -100%;
}

.qodef-drop-down .second .inner ul li.sub ul li a,
.qodef-drop-down .second .inner ul.right li.sub ul li a {
  background: none;
}

.qodef-drop-down .second .inner .widget {
  padding: 0px 28px;
}

.qodef-drop-down .second .inner .widget.widget_qode_latest_posts_menu_widget {
  padding: 0px 20px;
}

/*---------------drop down animate height--------------*/
/*--------------drop down animate height end------------*/
/* Wide drop down styles
   ========================================================================== */
.qodef-drop-down .wide .second ul {
  padding: 37px 0 26px;
}

.qodef-drop-down .wide .second ul li {
  float: left;
  width: 274px;
  padding: 0px;
  border-left: 1px solid #d3d3d3;
  border-bottom: 0;
  box-sizing: border-box;
  width: 100%;
}

.qodef-drop-down .wide .second > .inner > ul {
  width: 1100px;
}

.qodef-grid-1300 .qodef-drop-down .wide .second > .inner > ul {
  width: 1300px;
}

.qodef-grid-1200 .qodef-drop-down .wide .second > .inner > ul {
  width: 1200px;
}

.qodef-grid-1000 .qodef-drop-down .wide .second > .inner > ul {
  width: 1000px;
}

.qodef-grid-800 .qodef-drop-down .wide .second > .inner > ul {
  width: 800px;
}

.qodef-drop-down .wide .second > .inner > ul > li {
  width: 25%;
  margin: 0;
}

.qodef-drop-down .wide .second > .inner > ul > li:hover > a {
  padding-left: 25px;
}

.qodef-drop-down .wide .second > .inner > ul > li > a:before {
  display: none;
}

.qodef-drop-down .wide:not(.right_position) .second ul li:first-child,
.qodef-drop-down .wide:not(.right_position) .second ul li:nth-child(4n+1),
.qodef-drop-down .wide.right_position .second ul li:last-child,
.qodef-drop-down .wide.right_position .second ul li:nth-child(4n) {
  border-left-color: transparent;
}

.qodef-drop-down .wide .second ul li:last-child {
  margin-right: 0;
}

.qodef-drop-down .wide.right_position .second ul li {
  float: right;
}

.qodef-drop-down .wide .second ul li:hover {
  background-color: transparent;
}

.qodef-drop-down .wide .second ul li:nth-child(4n+1) {
  clear: both;
}

.qodef-drop-down .second .inner ul li.sub a i.q_menu_arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-size: inherit;
  margin: -6px 0 0;
}

.qodef-drop-down .second .inner ul li.sub ul li a i.q_menu_arrow,
.qodef-drop-down .wide .second .inner ul li.sub a i.q_menu_arrow {
  display: none;
}

.qodef-drop-down .second .inner ul.right li.sub a i.q_menu_arrow {
  right: auto;
  left: 25px;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.qodef-drop-down .wide .second .inner > ul > li > a {
  line-height: 16px;
  color: #16171d;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 4px;
}

.qodef-drop-down .wide .second .inner > ul > li > a:hover {
  color: #16171d;
}

.qodef-drop-down .wide .second .inner ul li.sub h4 a,
.qodef-drop-down .wide .second .inner ul li h4 a {
  padding: 0px !important;
}

.qodef-drop-down .wide .second ul li ul {
  display: block;
  left: 0;
  padding: 10px 0 0;
  position: relative;
  top: 0;
  visibility: visible;
  background-color: transparent !important;
}

.qodef-drop-down .wide .second ul li ul .widget {
  padding: 0px 18px;
}

.qodef-drop-down .wide .second ul li ul li {
  padding: 0;
  margin: 10px 0;
  border: 0;
}

.qodef-drop-down .wide .second ul li ul li.menu-item-has-children > a,
.qodef-drop-down .wide .second ul li ul li.menu-item-has-children > a:hover {
  border-bottom: 0 none;
  color: #393939;
}

/* Wide drop down with full width background styles
   ========================================================================== */
.qodef-drop-down .wide.wide_background .second {
  background-color: #fff;
}

.qodef-drop-down .wide.wide_background .second .inner {
  text-align: center;
}

.qodef-drop-down .wide.wide_background .second .inner ul {
  text-align: left;
}

/* Wide with icons drop down styles
   ========================================================================== */
.qodef-drop-down .wide.icons .second ul li a .item_text {
  position: relative;
}

.qodef-drop-down .wide.icons .second i {
  width: 24px;
  height: auto;
  float: left;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  line-height: inherit;
  padding: 0 1px;
}

.qodef-drop-down .wide.icons .second i.blank {
  background: none;
  border: 0px;
  display: none;
}

/* Begining of menu latest post widget styles
========================================================================== */
.qodef-drop-down .wide .second ul li div.flexslider li:nth-child(4n+1) {
  clear: none;
}

.qodef-drop-down .wide .second ul li .flexslider ul {
  padding: 0;
  border: none;
}

.qodef-drop-down .wide .second .inner ul li.sub .flexslider ul li a:hover,
.qodef-drop-down .wide .second ul li .flexslider ul li a:hover {
  color: #b2dd4c;
}

.qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider .menu_recent_post_text a,
.qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider a {
  display: inline-block;
  margin: 0;
}

.qodef-drop-down .wide .second .inner ul li .flexslider.widget_flexslider > a {
  vertical-align: middle;
}

.qodef-drop-down .wide .second ul li ul.flex-direction-nav a {
  position: absolute;
  top: 0;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  margin: 0px 0 0 0;
}

.qodef-drop-down .wide .second ul li ul.flex-direction-nav {
  position: absolute;
  top: 50%;
  overflow: visible;
  width: 100%;
}

.qodef-drop-down .wide .second ul li div.flexslider {
  margin: 0 !important;
}

.qodef-drop-down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li {
  width: 100%;
}

.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev,
.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev {
  left: 0;
  height: 15px;
  width: 15px;
  line-height: 15px;
  padding: 0;
}

.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next,
.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next {
  right: 0;
  height: 15px;
  width: 15px;
  line-height: 15px;
  padding: 0;
}

.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text {
  padding: 10px 0;
}

.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a {
  display: inline;
  padding: 0;
  color: #000;
}

.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover {
  color: #b2dd4c;
}

.qodef-drop-down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .qodef-drop-down .wide .second ul li .flexslider.widget_flexslider a {
  padding: 0;
  text-align: center;
}

/* ==========================================================================
   End of menu latest post widget styles
   ========================================================================== */
/* ==========================================================================
   14.  Main Menu styles end
   ========================================================================== */
.qodef-search a {
  color: #fff;
}

.qodef-sections-link a {
  color: #fff;
}

.qodef-sections-link a span {
  font-size: 10px;
  font-weight: 700;
}

.qodef-sections-link a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.qodef-banner {
  display: inline-block;
  vertical-align: middle;
}

.qodef-top-bar {
  width: 100%;
  background-color: #000;
  color: #fff;
  position: relative;
  font-weight: 400;
  height: 40px;
  overflow: hidden;
  z-index: 110;
}

.qodef-top-bar .qodef-grid {
  height: 100%;
}

.qodef-top-bar .qodef-grid .qodef-vertical-align-containers {
  padding-left: 0;
  padding-right: 0;
}

.qodef-top-bar .qodef-logo-wrapper a {
  max-height: 40px;
}

.qodef-top-bar .qodef-position-center p {
  font-size: 13px;
  color: #c99e66;
}

.qodef-top-bar .widget_nav_menu ul {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.qodef-top-bar .widget_nav_menu ul li {
  float: left;
  list-style: none;
  margin: 0;
}

.qodef-top-bar .widget_nav_menu ul li a {
  color: #b6b6b6;
  font-size: 13px;
  font-weight: 600;
  padding: 0 13px 0 0;
  margin: 0 13px 0 0;
  position: relative;
}

.qodef-top-bar .widget_nav_menu ul li a:hover {
  color: #fff;
}

.qodef-top-bar .widget_nav_menu ul li a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #b6b6b6;
}

.qodef-top-bar .widget_nav_menu ul li:last-child a:before {
  display: none;
}

.qodef-light-header .qodef-top-bar {
  color: #ffffff !important;
}

.qodef-light-header .qodef-top-bar .widget {
  color: #ffffff !important;
}

.qodef-light-header .qodef-top-bar .widget p,
.qodef-light-header .qodef-top-bar .widget a,
.qodef-light-header .qodef-top-bar .widget span,
.qodef-light-header .qodef-top-bar .widget i,
.qodef-light-header .qodef-top-bar .widget .widgettitle {
  color: #ffffff !important;
}

.qodef-dark-header .qodef-top-bar {
  color: #000000 !important;
}

.qodef-dark-header .qodef-top-bar .widget {
  color: #000000 !important;
}

.qodef-dark-header .qodef-top-bar .widget p,
.qodef-dark-header .qodef-top-bar .widget a,
.qodef-dark-header .qodef-top-bar .widget span,
.qodef-dark-header .qodef-top-bar .widget i,
.qodef-dark-header .qodef-top-bar .widget .widgettitle {
  color: #000000 !important;
}

.qodef-header-standard .qodef-menu-area {
  background-color: #fff;
}

.qodef-header-standard .qodef-menu-area .qodef-vertical-align-containers .qodef-position-right-inner {
  height: 100%;
}

.qodef-header-overlapping .qodef-overlapping-top-container {
  background-color: #f3f3f3;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 100px;
  padding: 0 0 38px 0;
}

.qodef-header-overlapping .qodef-overlapping-bottom-container {
  display: inline-block;
  margin: 0;
  position: absolute;
  bottom: -38px;
  left: 0;
  vertical-align: middle;
  width: 100%;
}

.qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-ovelapping-menu {
  height: 100%;
  background-color: #fff;
  padding: 0 25px;
}

.qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-vertical-align-containers .qodef-position-left-inner {
  height: 100%;
}

.qodef-header-overlapping .qodef-overlapping-bottom-container .qodef-vertical-align-containers .qodef-position-right-inner {
  height: 100%;
}

.qodef-header-overlapping .qodef-page-header .qodef-menu-area {
  height: 76px;
}

.qodef-header-vertical .qodef-logo-wrapper {
  z-index: 100;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.qodef-header-vertical .qodef-logo-wrapper a {
  display: block;
  position: relative;
  height: 100%;
}

.qodef-header-vertical .qodef-logo-wrapper img {
  display: block;
  height: auto;
  max-height: 100%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.qodef-header-vertical .qodef-vertical-area-widget-holder {
  z-index: 100;
  position: relative;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second {
  position: absolute;
  top: 0;
  left: calc(100% + 40px);
  /*because of the padding*/
  width: 100%;
  margin-left: 50px;
  opacity: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second * {
  visibility: hidden;
  -webkit-transition: visibility 0.3s ease-in-out;
  transition: visibility 0.3s ease-in-out;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.qodef-float-open {
  margin-left: 0px;
  opacity: 1;
  visibility: visible;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.qodef-float-open * {
  visibility: visible;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul,
.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul * {
  visibility: hidden;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.qodef-float-open,
.qodef-header-vertical .qodef-vertical-dropdown-float .menu-item .second.vertical_menu_start ul li ul.qodef-float-open * {
  visibility: visible;
  opacity: 1;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul {
  width: 100%;
}

.qodef-header-vertical .qodef-vertical-dropdown-float li.narrow .second .inner ul {
  /*because of the .narrow styling*/
  border: none;
  padding: 0;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul ul {
  position: absolute;
  border: none;
  top: 0;
  left: 100%;
  margin-left: 50px;
  padding: 10px;
  height: auto;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  z-index: 10;
  background-color: #fff;
  padding: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul ul.qodef-float-open {
  opacity: 1;
  margin-left: 0;
  visibility: visible;
  z-index: 20;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul li a {
  display: block;
  height: auto;
  font-weight: 400;
  line-height: 18px;
  color: #797979;
  margin: 0;
  padding: 8px;
  text-decoration: none;
  position: relative;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner ul li a:hover {
  color: #b2dd4c;
}

.qodef-header-vertical .qodef-vertical-dropdown-float ul li a .q_menu_arrow {
  display: none;
}

.qodef-header-vertical .qodef-vertical-dropdown-float .second .inner > ul > li > a .menu_icon {
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-header-vertical .qodef-vertical-menu {
  position: relative;
  z-index: 101;
  margin: 40px 0 0;
  text-align: left;
}

.qodef-header-vertical .qodef-vertical-menu ul {
  position: relative;
  list-style-type: none;
}

.qodef-header-vertical .qodef-vertical-menu ul li {
  position: relative;
}

.qodef-header-vertical .qodef-vertical-menu ul li a:hover {
  color: #b2dd4c;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a {
  position: relative;
  display: block;
  padding: 8px 0px;
  line-height: 18px;
  color: #797979;
  font-weight: 700;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
  transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a .qodef-featured-icon {
  position: absolute;
  top: 10px;
  left: -15px;
  font-size: 10px;
  color: #b2dd4c;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a .qodef-featured-icon.text {
  letter-spacing: 0;
  text-transform: none;
  top: 0;
  left: -25px;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a:before {
  content: '';
  display: block;
  opacity: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  background-color: #b2dd4c;
  -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a:after {
  display: none;
  height: 1px;
  width: 44px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #b2dd4c;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li > a > span.item_inner {
  -webkit-transition: text-decoration 0.2s ease-out;
  transition: text-decoration 0.2s ease-out;
}

.qodef-header-vertical .qodef-vertical-menu > ul > li:last-child > a:after {
  content: none;
}

.qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children > a .plus {
  width: 14px;
  height: 14px;
  z-index: 10000;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  color: #9d9d9d;
  font-size: 14px;
  line-height: 14px;
  font-family: 'ElegantIcons';
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children > a .plus:before {
  content: "\4c";
}

.qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children.open > a .plus:before,
.qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children.current-menu-ancestor > a .plus:before {
  content: "\4b";
}

.qodef-header-vertical .qodef-vertical-menu ul > li.menu-item-has-children a .plus {
  display: block;
}

.qodef-header-vertical .qodef-vertical-menu .second .inner {
  position: relative;
  display: block;
  padding: 0;
  z-index: 997;
}

.qodef-header-vertical .qodef-vertical-menu .second .inner .qodef-featured-icon {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 10px;
  color: #b2dd4c;
}

.qodef-header-vertical .qodef-vertical-menu .second .inner .qodef-featured-icon.text {
  font-weight: 700;
}

.qodef-header-vertical .qodef-vertical-menu .menu_icon:not(.blank):not(.null) {
  padding-right: 5px;
}

.qodef-header-vertical .qodef-content,
.qodef-header-vertical footer {
  padding-left: 290px;
  box-sizing: border-box;
}

.qodef-header-vertical .qodef-vertical-menu-area {
  position: fixed;
  width: 290px;
  top: 0;
  left: 0;
  padding: 20px 40px;
  background-color: transparent;
  height: 100%;
  z-index: 101;
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.qodef-header-vertical.admin-bar .qodef-vertical-menu-area {
  top: 33px;
}

.qodef-header-vertical .qodef-vertical-menu-area.qodef-with-scroll {
  overflow: hidden;
}

.qodef-header-vertical .qodef-vertical-area-background {
  position: fixed;
  width: 290px;
  height: 100%;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease, background-color 0.5s ease;
  transition: opacity 0.5s ease, background-color 0.5s ease;
}

.qodef-mobile-header .qodef-mobile-nav {
  display: none;
  background-color: #fff;
}

.qodef-mobile-header .qodef-mobile-nav ul {
  list-style-type: none;
}

.qodef-mobile-header .qodef-mobile-nav ul ul {
  margin-left: 20px;
  display: none;
}

.qodef-mobile-header .qodef-mobile-nav li {
  position: relative;
}

.qodef-mobile-header .qodef-mobile-nav a, .qodef-mobile-header .qodef-mobile-nav h4 {
  border-bottom: 1px solid #eaeaea;
  display: block;
  font-size: 13px;
  color: #8d8d8d;
  padding: 9px 0px;
  display: block;
  position: relative;
  text-transform: none;
  line-height: 17px;
  letter-spacing: 0;
}

.qodef-mobile-header .qodef-mobile-nav a:hover, .qodef-mobile-header .qodef-mobile-nav h4:hover {
  color: #b2dd4c;
}

.qodef-mobile-header .qodef-mobile-nav .mobile_arrow {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 35px;
  height: 35px;
  padding-right: 10px;
  width: 50px;
  text-align: right;
}

.qodef-mobile-header .qodef-mobile-nav .mobile_arrow:hover {
  cursor: pointer;
}

.qodef-mobile-header .qodef-mobile-nav .mobile_arrow .qodef-sub-arrow {
  -webkit-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}

.qodef-mobile-header .qodef-mobile-nav .mobile_arrow .fa-angle-down {
  display: none;
}

.qodef-mobile-header .qodef-mobile-nav li.qodef-opened > .mobile_arrow > .qodef-sub-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.qodef-mobile-header .qodef-mobile-nav > ul > li:last-child > a,
.qodef-mobile-header .qodef-mobile-nav > .qodef-grid > ul > li:last-child > a {
  border-bottom: none;
}

/* ==========================================================================
17. Mobile header styles
========================================================================== */
.qodef-mobile-header {
  display: none;
  position: relative;
  z-index: 101;
  /* #General mobile header styles
   ========================================================================== */
  /* #End of general mobile header styles
   ========================================================================== */
  /* #Mobile logo styles
    ========================================================================== */
  /* #End of mobile logo styles
    ========================================================================== */
  /* #Mobile menu opener styles
    ========================================================================== */
  /* #End of mobile menu opener styles
    ========================================================================== */
}

.qodef-mobile-header .qodef-mobile-header-inner {
  height: 100px;
  background-color: #fff;
  position: relative;
}

.qodef-mobile-header .qodef-mobile-header-inner .qodef-mobile-header-holder {
  position: relative;
  z-index: 2;
  height: 100%;
}

.qodef-mobile-header .qodef-grid {
  height: 100%;
}

.qodef-mobile-header .qodef-vertical-align-containers {
  padding: 0;
}

.qodef-mobile-header .qodef-mobile-logo-wrapper a {
  display: block;
  max-height: 80px;
}

.qodef-mobile-header .qodef-mobile-logo-wrapper img {
  height: 100%;
  width: auto;
}

.qodef-mobile-header .qodef-mobile-menu-opener {
  float: left;
  position: relative;
  z-index: 2;
  height: 100%;
}

.qodef-mobile-header .qodef-mobile-menu-opener a {
  display: table;
  height: 100%;
  padding-right: 10px;
  color: #000;
}

.qodef-mobile-header .qodef-mobile-menu-opener a:hover {
  color: #b2dd4c;
}

.qodef-mobile-header .qodef-mobile-menu-opener .qodef-mobile-opener-icon-holder {
  display: table-cell;
  vertical-align: middle;
}

/* ==========================================================================
#End of mobile header styles
========================================================================== */
/* ==========================================================================
#Sticky mobile header styles
========================================================================== */
.qodef-sticky-up-mobile-header .qodef-animate-mobile-header .qodef-mobile-header-inner {
  width: 100%;
  -webkit-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
  -moz-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
  -o-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
  transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.qodef-sticky-up-mobile-header .mobile-header-appear .qodef-mobile-header-inner {
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* ==========================================================================
17. End of sticky mobile header styles
========================================================================== */
/* ==========================================================================
   18. header styles - start
   ========================================================================== */
.qodef-page-header {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 110;
  /* ==========================================================================
    #General header layout - start
    ========================================================================== */
  /* ==========================================================================
    #General header layout - end
    ========================================================================== */
  /* ==========================================================================
    #Logo area styles - start
    ========================================================================== */
  /* ==========================================================================
    #Logo area styles - end
    ========================================================================== */
  /* ==========================================================================
    #Menu area styles - start
    ========================================================================== */
  /* ==========================================================================
    #Menu area styles - end
    ========================================================================== */
  /* ==========================================================================
    #Sticky header styles - start
    ========================================================================== */
  /* ==========================================================================
    #Sticky header styles - start
    ========================================================================== */
  /* ==========================================================================
    #Fixed header styles - start
    ========================================================================== */
  /* ==========================================================================
    #Fixed header - end
    ========================================================================== */
}

.qodef-page-header a img {
  display: block;
}

.qodef-page-header .qodef-grid {
  height: 100%;
}

.qodef-page-header .qodef-grid .qodef-vertical-align-containers {
  padding: 0;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.qodef-page-header .qodef-logo-area {
  height: 220px;
  overflow: hidden;
  position: relative;
}

.qodef-page-header .qodef-logo-area .qodef-logo-wrapper a {
  max-height: 198px;
}

.qodef-page-header .qodef-menu-area {
  height: 100px;
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
  max-height: 90px;
}

.qodef-page-header .qodef-sticky-header {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.33s ease;
  transition: transform 0.3s ease;
  -webkit-backface-visibility: hidden;
}

.qodef-page-header .qodef-sticky-header.header-appear {
  transform: translateY(0%);
}

.qodef-page-header .qodef-sticky-header .qodef-sticky-holder {
  height: 100%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e7e7e7;
}

.admin-bar .qodef-page-header .qodef-sticky-header.header-appear {
  top: 32px;
}

.qodef-page-header .qodef-sticky-header .qodef-position-right-inner {
  height: 100%;
}

.qodef-page-header .qodef-sticky-header .qodef-sticky-holder .qodef-logo-wrapper a {
  max-height: 54px;
}

.qodef-page-header .qodef-sticky-header .qodef-sticky-right {
  display: inline-block;
  vertical-align: middle;
}

.qodef-page-header .admin-bar .qodef-page-header .qodef-sticky-header.header-appear {
  transform: translateY(32px);
}

.qodef-page-header .qodef-fixed-wrapper.fixed {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  -webkit-backface-visibility: hidden;
}

/* ==========================================================================
#Light header - begin
========================================================================== */
.qodef-light-header .qodef-logo-area,
.qodef-light-header .qodef-menu-area,
.qodef-light-header .qodef-vertical-menu-area {
  color: #ffffff !important;
}

.qodef-light-header .qodef-logo-area .widget,
.qodef-light-header .qodef-menu-area .widget,
.qodef-light-header .qodef-vertical-menu-area .widget {
  color: #ffffff !important;
}

.qodef-light-header .qodef-logo-area .widget p,
.qodef-light-header .qodef-logo-area .widget a,
.qodef-light-header .qodef-logo-area .widget span,
.qodef-light-header .qodef-logo-area .widget i,
.qodef-light-header .qodef-logo-area .widget .widgettitle,
.qodef-light-header .qodef-menu-area .widget p,
.qodef-light-header .qodef-menu-area .widget a,
.qodef-light-header .qodef-menu-area .widget span,
.qodef-light-header .qodef-menu-area .widget i,
.qodef-light-header .qodef-menu-area .widget .widgettitle,
.qodef-light-header .qodef-vertical-menu-area .widget p,
.qodef-light-header .qodef-vertical-menu-area .widget a,
.qodef-light-header .qodef-vertical-menu-area .widget span,
.qodef-light-header .qodef-vertical-menu-area .widget i,
.qodef-light-header .qodef-vertical-menu-area .widget .widgettitle {
  color: #ffffff !important;
}

.qodef-light-header .qodef-logo-area .qodef-light-logo,
.qodef-light-header .qodef-menu-area .qodef-light-logo,
.qodef-light-header .qodef-vertical-menu-area .qodef-light-logo {
  opacity: 1;
}

.qodef-light-header .qodef-logo-area .qodef-dark-logo,
.qodef-light-header .qodef-logo-area .qodef-normal-logo,
.qodef-light-header .qodef-menu-area .qodef-dark-logo,
.qodef-light-header .qodef-menu-area .qodef-normal-logo,
.qodef-light-header .qodef-vertical-menu-area .qodef-dark-logo,
.qodef-light-header .qodef-vertical-menu-area .qodef-normal-logo {
  opacity: 0;
}

/* ==========================================================================
#Light header - end
========================================================================== */
/* ==========================================================================
#Dark header - begin
========================================================================== */
.qodef-dark-header .qodef-logo-area,
.qodef-dark-header .qodef-menu-area,
.qodef-dark-header .qodef-vertical-menu-area {
  color: #000000 !important;
}

.qodef-dark-header .qodef-logo-area .widget,
.qodef-dark-header .qodef-menu-area .widget,
.qodef-dark-header .qodef-vertical-menu-area .widget {
  color: #000000 !important;
}

.qodef-dark-header .qodef-logo-area .widget p,
.qodef-dark-header .qodef-logo-area .widget a,
.qodef-dark-header .qodef-logo-area .widget span,
.qodef-dark-header .qodef-logo-area .widget i,
.qodef-dark-header .qodef-logo-area .widget .widgettitle,
.qodef-dark-header .qodef-menu-area .widget p,
.qodef-dark-header .qodef-menu-area .widget a,
.qodef-dark-header .qodef-menu-area .widget span,
.qodef-dark-header .qodef-menu-area .widget i,
.qodef-dark-header .qodef-menu-area .widget .widgettitle,
.qodef-dark-header .qodef-vertical-menu-area .widget p,
.qodef-dark-header .qodef-vertical-menu-area .widget a,
.qodef-dark-header .qodef-vertical-menu-area .widget span,
.qodef-dark-header .qodef-vertical-menu-area .widget i,
.qodef-dark-header .qodef-vertical-menu-area .widget .widgettitle {
  color: #000000 !important;
}

.qodef-dark-header .qodef-logo-area .qodef-dark-logo,
.qodef-dark-header .qodef-menu-area .qodef-dark-logo,
.qodef-dark-header .qodef-vertical-menu-area .qodef-dark-logo {
  opacity: 1;
}

.qodef-dark-header .qodef-logo-area .qodef-normal-logo,
.qodef-dark-header .qodef-logo-area .qodef-light-logo,
.qodef-dark-header .qodef-menu-area .qodef-normal-logo,
.qodef-dark-header .qodef-menu-area .qodef-light-logo,
.qodef-dark-header .qodef-vertical-menu-area .qodef-normal-logo,
.qodef-dark-header .qodef-vertical-menu-area .qodef-light-logo {
  opacity: 0;
}

/* ==========================================================================
#Dark header - end
========================================================================== */
.qodef-header-full-screen .qodef-sticky-header .qodef-position-right-inner {
  height: auto;
}

/* ==========================================================================
   18. header styles - end
   ========================================================================== */
/* ==========================================================================
19. Footer style - begin
========================================================================== */
footer {
  display: block;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*Footer contact form email style*/
  /* Footer subscribe form style start */
  /* Footer subscribe form style end */
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
}

footer .qodef-footer-inner {
  position: relative;
  /* for triangle back to top and ajax transitions */
}

footer .qodef-container {
  background-color: inherit;
}

footer .qodef-container-inner {
  position: relative;
}

footer .qodef-container-inner > .widget {
  text-align: center;
}

footer a {
  text-decoration: none;
  color: #fff;
}

footer a:hover {
  color: #b2dd4c;
}

footer .qodef-footer-ingrid-border-holder-outer {
  background-color: #393939;
}

footer .qodef-footer-top-border-holder,
footer .qodef-footer-bottom-border-holder {
  position: relative;
  display: block;
  width: 100%;
}

footer .qodef-footer-top-border-holder.qodef-in-grid,
footer .qodef-footer-bottom-border-holder.qodef-in-grid {
  width: 1100px;
  margin: 0 auto;
}

footer .qodef-footer-top-holder {
  display: block;
  background-color: #212121;
  position: relative;
  background-position: center center;
  background-size: cover;
}

footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner {
  padding: 70px 0;
}

footer .qodef-footer-top.qodef-footer-top-full {
  padding: 65px 25px;
}

footer .qodef-footer-top .qodef-column {
  box-sizing: border-box;
  border-right: 1px solid #3b3b3b;
}

footer .qodef-footer-top .qodef-column {
  padding: 0 40px;
}

footer .qodef-footer-top .qodef-column:first-child {
  padding-left: 70px;
}

footer .qodef-footer-top .qodef-column:last-child {
  border-right: 0;
  padding-right: 85px;
}

footer .qodef-footer-bottom-holder {
  display: inline-block;
  width: 100%;
  background-color: #303030;
  vertical-align: middle;
  text-align: center;
  padding: 30px 0;
}

footer .qodef-footer-bottom-holder .qodef-column-inner {
  text-align: center;
  vertical-align: middle;
}

footer .qodef-footer-bottom-holder .qodef-three-columns .qodef-column:first-child .qodef-column-inner {
  text-align: left;
}

footer .qodef-footer-bottom-holder .qodef-three-columns .qodef-column:last-child .qodef-column-inner {
  text-align: right;
}

footer .qodef-footer-bottom-holder .qodef-two-columns-50-50 .qodef-column:first-child .qodef-column-inner {
  text-align: left;
}

footer .qodef-footer-bottom-holder .qodef-two-columns-50-50 .qodef-column:last-child .qodef-column-inner {
  text-align: right;
}

footer .qodef-footer-bottom-holder .qodef-footer-bottom-border-bottom-holder {
  clear: both;
}

footer input.wpcf7-form-control.wpcf7-submit {
  font-family: 'simple-line-icons', sans-serif;
  font-size: 20px;
  color: #fff;
  padding: 0 8px;
  height: 40px;
  line-height: 36px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  display: inline-block;
  width: 40px;
  vertical-align: top;
}

footer input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #b2dd4c;
  border-color: #b2dd4c;
  color: #fff;
}

footer input.wpcf7-form-control.wpcf7-text.wpcf7-email {
  font-size: 13px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  display: inline-block;
  width: 80%;
  margin-bottom: 0;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #B4B4B4;
  border-right: 0;
}

footer div.wpcf7 img.ajax-loader {
  display: none;
}

footer .qodef-subscription-form {
  position: relative;
}

footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-text, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-number, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-date, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-textarea, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-select, footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-quiz {
  width: 100%;
  padding-right: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  top: 0;
  right: 0;
}

footer input.wpcf7-form-control.wpcf7-text.wpcf7-email::-webkit-input-placeholder {
  color: #fff;
}

footer input.wpcf7-form-control.wpcf7-text.wpcf7-email:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

footer input.wpcf7-form-control.wpcf7-text.wpcf7-email::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

footer input.wpcf7-form-control.wpcf7-text.wpcf7-email:-ms-input-placeholder {
  color: #fff;
}

/* Footer uncover - begin
========================================================================== */
footer.qodef-footer-uncover {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text,
footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number,
footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date,
footer.qodef-footer-uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea,
footer.qodef-footer-uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select,
footer.qodef-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz {
  transform: none;
}

.qodef-right-side-menu-opened footer.qodef-footer-uncover {
  left: -270px;
}

/* Footer uncover - end
========================================================================== */
/* Footer boxed - begin
========================================================================== */
.boxed footer {
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
}

/* Footer boxed - end
========================================================================== */
/* Footer disabled - begin
========================================================================== */
footer.qodef-disable-footer {
  display: none;
}

/* Footer disabled - end
========================================================================== */
/* ==========================================================================
# Footer style - end
========================================================================== */
/* ==========================================================================
# Footer widgets - begin
========================================================================== */
footer .widget {
  margin-bottom: 20px;
}

footer .widget .qodef-footer-widget-title {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
}

footer .widget h4 {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
}

footer .widget ul {
  list-style: none;
}

footer .widget select,
footer .widget input[type="text"] {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  background-color: #f6f6f5;
  padding: 0 10px;
  height: 35px;
  outline: none;
  color: #7f8385;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer .widget #searchform {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  background-color: transparent;
  border: 2px solid #eaeaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

footer .widget #searchform label {
  display: none;
}

footer .widget #searchform input[type="text"] {
  display: inline-block;
  text-decoration: none;
  border: 0;
  outline: 0;
  color: #8d8d8d;
  background-color: transparent;
  font-family: inherit;
  margin: 0;
  padding: 0 12px;
  width: 77%;
  height: 44px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer .widget #searchform input[type="submit"] {
  width: 13%;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  margin: 0;
  padding: 0 4%;
  outline: 0;
  border: 0;
  box-sizing: initial;
  text-decoration: none;
  background-color: transparent;
  color: #8d8d8d;
  font-family: 'FontAwesome',sans-serif;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  float: right;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 16px;
}

footer .widget .tagcloud a {
  text-transform: capitalize;
  position: relative;
  letter-spacing: 0.4px;
  font-size: 14px !important;
}

footer .widget .tagcloud a:first-child {
  margin-left: 0;
}

footer .widget .tagcloud a:after {
  content: '';
  width: 100%;
  border-bottom: 1px solid #acacac;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}

footer .widget .tagcloud a:hover:after {
  border-color: #b2dd4c;
}

footer .widget label {
  display: block;
  padding-bottom: 5px;
}

footer .widget .textwidget {
  color: #a2a2a2;
}

footer .qodef-footer-top-holder .widget.widget_recent_entries li {
  border-bottom: 1px dotted #404040;
}

footer .qodef-footer-top-holder .widget.widget_recent_entries li a {
  color: #a2a2a2;
  padding: 6px 0;
  display: inline-block;
  width: 100%;
  position: relative;
}

footer .qodef-footer-top-holder .widget.widget_recent_entries li a:before {
  content: "";
  display: inline-block;
  height: 48%;
  position: absolute;
  left: -10px;
  border-left: 3px solid #b2dd4c;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.15s ease-out;
  opacity: 0;
}

footer .qodef-footer-top-holder .widget.widget_recent_entries li a:hover {
  color: #fff;
}

footer .qodef-footer-top-holder .widget.widget_recent_entries li a:hover:before {
  opacity: 1;
}

footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square:first-of-type {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

footer .qodef-footer-top-holder .widget .qodef-icon-shortcode.square:last-of-type {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

footer .qodef-footer-bottom-holder .widget {
  margin-bottom: 0;
}

footer .qodef-footer-bottom-holder .widget .qodef-footer-widget-title {
  color: #7f8385;
}

/* ==========================================================================
19. Footer widgets - end
========================================================================== */
/* ==========================================================================
20. Title area style - start
========================================================================== */
@-webkit-keyframes title-animation-from-right {
  0% {
    opacity: 0;
    transform: translate(50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes title-animation-from-right {
  0% {
    opacity: 0;
    transform: translate(50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@-webkit-keyframes title-animation-from-left {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes title-animation-from-left {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.qodef-title {
  display: block;
  width: 100%;
  height: 200px;
  text-align: left;
  position: relative;
  z-index: 101;
  background-color: #b2dd4c;
  background-position: center 0;
  background-repeat: no-repeat;
}

.qodef-title.qodef-has-parallax-background {
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  z-index: 101;
}

.qodef-title.qodef-content-center-alignment {
  text-align: center;
}

.qodef-title.qodef-content-right-alignment {
  text-align: right;
}

.qodef-title.qodef-animation-right-left h1, .qodef-title.qodef-animation-right-left .qodef-subtitle span, .qodef-title.qodef-animation-right-left .qodef-breadcrumbs-holder {
  -webkit-animation-name: title-animation-from-right;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-name: title-animation-from-right;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-delay: 1s;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.qodef-title.qodef-animation-left-right h1, .qodef-title.qodef-animation-left-right .qodef-subtitle span, .qodef-title.qodef-animation-left-right .qodef-breadcrumbs-holder {
  -webkit-animation-name: title-animation-from-left;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-name: title-animation-from-left;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-delay: 1s;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.qodef-title.qodef-has-responsive-background {
  height: auto !important;
}

.qodef-title.qodef-has-responsive-background .qodef-title-holder {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-container {
  display: block;
  height: 100%;
}

.qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-container-inner {
  display: table;
  height: 100%;
}

.qodef-title.qodef-has-responsive-background .qodef-title-holder .qodef-title-subtitle-holder {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.qodef-title .qodef-title-image img {
  display: block;
  position: relative;
  width: 100%;
}

.qodef-title.qodef-title-image-not-responsive .qodef-title-image {
  display: none;
}

.qodef-title.qodef-breadcrumb-type {
  background-color: #f7f7f7;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.qodef-title .qodef-title-holder {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  /* #Standard title - start
        ========================================================================== */
  /* #Standard title - end
        ========================================================================== */
  /* #Breadcrumb title - start
        ========================================================================== */
  /* #Breadcrumb title - end
        ========================================================================== */
}

.qodef-title .qodef-title-holder .qodef-container {
  background-color: transparent;
  display: table-row;
  vertical-align: middle;
}

.qodef-title .qodef-title-holder .qodef-container-inner {
  display: table-cell;
  padding: 0 !important;
  vertical-align: middle;
}

.qodef-title .qodef-title-holder .qodef-title-subtitle-holder {
  display: block;
  padding: 0;
  position: relative;
  z-index: 25;
}

.qodef-title .qodef-title-holder .qodef-title-subtitle-holder-inner {
  position: relative;
}

.qodef-title .qodef-title-holder h1 {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 65px;
  line-height: 1.425em;
}

.qodef-title .qodef-title-holder h1 span {
  display: inline-block;
}

.qodef-title .qodef-title-holder .qodef-subtitle {
  display: block;
  font-size: 18px;
  line-height: 1.508em;
  font-weight: 500;
  color: #fff;
}

.qodef-title .qodef-title-holder .qodef-subtitle span {
  display: inline-block;
  vertical-align: middle;
}

.qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder h1 {
  color: #222222;
  font-size: 22px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs-holder {
  display: inline-block;
  vertical-align: middle;
  float: right;
  line-height: 24px;
}

.qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs a, .qodef-title .qodef-title-holder .qodef-title-breadcrumbs-holder .qodef-breadcrumbs span {
  color: #7f7f7f;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.qodef-title.qodef-standard-type .qodef-breadcrumbs-holder {
  position: absolute;
  top: 0;
  height: 100%;
}

.qodef-title.qodef-standard-type .qodef-breadcrumbs-holder .qodef-breadcrumbs {
  display: table;
  height: 100%;
  width: 100%;
}

.qodef-title.qodef-standard-type .qodef-breadcrumbs-holder .qodef-breadcrumbs-inner {
  display: table-cell;
  vertical-align: middle;
}

.qodef-title.qodef-standard-type.qodef-content-left-alignment .qodef-breadcrumbs-holder {
  right: 0;
}

.qodef-title.qodef-standard-type.qodef-content-right-alignment .qodef-breadcrumbs-holder {
  left: 0;
}

.qodef-title.qodef-standard-type.qodef-content-center-alignment .qodef-breadcrumbs-holder {
  position: relative;
  top: auto;
  height: auto;
  display: block;
}

/* ==========================================================================
20. Title area style - end
========================================================================== */
/* ==========================================================================
21. Side area style - start
========================================================================== */
/* Side area general style - start
========================================================================== */
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-side-menu-button-opener,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-side-menu-button-opener,
.qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener {
  color: #ffffff !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-side-menu-button-opener,
.qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-side-menu-button-opener,
.qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener {
  color: #000000 !important;
}

.qodef-side-menu-button-opener {
  font-size: 32px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: initial;
  transition: initial;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  color: #727272;
  margin-left: 24px;
}

.qodef-side-menu-button-opener:before {
  content: '';
  display: block;
  width: 1px;
  height: 33px;
  position: absolute;
  left: -25px;
  top: -2px;
  background-color: #ddd;
}

.qodef-side-menu-button-opener.medium {
  display: inline-block;
  font-size: 21px;
  line-height: 30px;
  height: 30px;
  width: 19px;
}

.qodef-side-menu-button-opener.large {
  display: inline-block;
  font-size: 28px;
  line-height: 34px;
  height: 34px;
  width: 24px;
}

.qodef-side-menu-button-opener > i {
  display: inline-block;
  height: inherit;
  line-height: inherit;
  vertical-align: bottom;
  width: inherit;
  text-align: center;
  -webkit-transition: opacity 0.15s ease-out, color 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out, color 0.15s ease-out;
  -ms-transition: opacity 0.15s ease-out, color 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out, color 0.15s ease-out;
  transition: opacity 0.15s ease-out, color 0.15s ease-out;
}

.qodef-side-menu-button-opener:hover {
  color: #b2dd4c;
}

.qodef-side-menu-button-opener span.social_icon {
  font-family: 'ElegantIcons' !important;
}

.qodef-side-menu-button-opener i.social_icon {
  font-family: 'FontAwesome',serif !important;
}

.qodef-side-menu {
  background-color: #393939;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 40px 60px;
  position: fixed;
  top: 0;
  right: -270px;
  width: 210px;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
}

.qodef-side-menu h4 {
  margin: 0 0 15px 0;
  color: #fff;
}

.qodef-side-menu h5,
.qodef-side-menu h6 {
  margin: 0 0 12px 0;
  color: #fff;
}

.qodef-side-menu .widget {
  margin: 0 0 30px;
}

.qodef-side-menu .widget li {
  position: relative;
  list-style-type: none;
}

.qodef-side-menu .widget ul li.page_item_has_children,
.qodef-side-menu .widget ul li.menu-item-has-children {
  padding-right: 0;
  border-bottom: none;
}

.qodef-side-menu .widget ul ul {
  padding: 6px 0 0 10px;
}

.qodef-side-menu a:not(.qbutton),
.qodef-side-menu li,
.qodef-side-menu span,
.qodef-side-menu p,
.qodef-side-menu .widget_rss li a.rsswidget {
  color: #9d9d9d;
  line-height: 31px;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-side-menu .widget_calendar {
  font-size: 14px;
}

.qodef-side-menu .widget_calendar a {
  color: #fff;
}

.qodef-side-menu .widget_calendar caption,
.qodef-side-menu .widget_calendar th,
.qodef-side-menu .widget_calendar td {
  color: #9d9d9d;
  line-height: 31px;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-side-menu .widget_calendar thead tr,
.qodef-side-menu .widget_calendar tbody tr,
.qodef-side-menu .widget_calendar tbody td {
  border-color: #9d9d9d;
}

.qodef-side-menu .qodef-side-menu-title {
  display: block;
  margin: 0 0 12px;
}

.qodef-side-menu .widget_nav_menu li:last-child,
.qodef-side-menu .widget_nav_menu li a {
  margin: 0;
}

.qodef-side-menu .qodef-close-side-menu-holder {
  display: table;
  height: 90px;
  position: absolute;
  top: 0px;
  right: 38px;
  z-index: 1000;
}

.qodef-side-menu .qodef-close-side-menu-holder-inner {
  display: table-cell;
  vertical-align: middle;
}

.qodef-side-menu a.qodef-close-side-menu {
  display: inline-block;
  height: 32px;
  width: 32px;
  z-index: 1000;
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.qodef-side-menu a.qodef-close-side-menu span {
  color: #16171d;
  display: inline-block;
  font-size: 32px;
  height: 32px;
  line-height: 32px;
  position: relative;
  text-align: center;
  width: 32px;
}

.qodef-side-menu a.qodef-close-side-menu:hover span {
  color: #b2dd4c;
}

.admin-bar .qodef-side-menu .qodef-close-side-menu-holder {
  top: 32px;
}

/* Side area general style - end
========================================================================== */
/* Side area slides over content style - start
========================================================================== */
.qodef-right-side-menu-opened .qodef-wrapper,
.qodef-right-side-menu-opened footer.uncover,
.qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed,
.qodef-right-side-menu-opened .qodef-sticky-header,
.qodef-right-side-menu-opened .mobile-header-appear .qodef-mobile-header-inner {
  left: -270px;
}

.qodef-side-menu-slide-from-right .qodef-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 1000;
  -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.qodef-side-menu-slide-from-right .qodef-wrapper .qodef-cover {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #000;
  -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}

.qodef-side-menu-slide-from-right .carousel-inner {
  -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.qodef-side-menu-slide-from-right .qodef-side-menu {
  padding: 5% 30px 30px 30px;
  top: 0;
  right: -45%;
  width: 45%;
  z-index: 9999;
  text-align: center;
  visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.qodef-side-menu-slide-from-right .qodef-sticky-header,
.qodef-side-menu-slide-from-right .qodef-fixed-wrapper.fixed {
  -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.33s ease;
  transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.33s ease;
}

.qodef-side-menu-slide-from-right footer.uncover {
  -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-cover {
  cursor: url("img/close.png"), pointer;
  z-index: 1002;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-side-menu {
  right: 0px;
  visibility: visible;
}

/* Side area slides over content style - end
========================================================================== */
/* Side area slides with content style - start
========================================================================== */
.qodef-side-menu-slide-with-content {
  overflow-x: hidden;
  position: relative;
  left: 0;
  -webkit-overflow-scrolling: auto !important;
  -webkit-transition: left 0.2s ease, right 0.2s ease;
  -moz-transition: left 0.2s ease, right 0.2s ease;
  -o-transition: left 0.2s ease, right 0.2s ease;
  transition: left 0.2s ease, right 0.2s ease;
}

.qodef-side-menu-slide-with-content .qodef-side-menu {
  position: fixed;
  visibility: visible;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 470px;
  right: -470px;
  height: 100%;
  top: 0;
  z-index: 9999;
  -webkit-transition: left 0.2s ease, right 0.2s ease;
  -moz-transition: left 0.2s ease, right 0.2s ease;
  -o-transition: left 0.2s ease, right 0.2s ease;
  transition: left 0.2s ease, right 0.2s ease;
  background-image: url(img/sidearea.png);
}

.qodef-side-menu-slide-with-content footer.uncover,
.qodef-side-menu-slide-with-content .qodef-wrapper {
  -webkit-transition: left 0.2s ease, right 0.2s ease;
  -moz-transition: left 0.2s ease, right 0.2s ease;
  -o-transition: left 0.2s ease, right 0.2s ease;
  transition: left 0.2s ease, right 0.2s ease;
}

.qodef-side-menu-slide-with-content .qodef-sticky-header,
.qodef-side-menu-slide-with-content .qodef-fixed-wrapper.fixed,
.qodef-side-menu-slide-with-content .qodef-mobile-header-inner {
  -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.33s ease;
  transition: left 0.2s ease, right 0.2s ease, transform 0.33s ease;
}

.qodef-side-menu-slide-with-content .carousel-inner {
  left: 0 !important;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

.qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-wrapper,
.qodef-side-menu-slide-with-content.qodef-side-menu-open footer.uncover,
.qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-sticky-header,
.qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-fixed-wrapper,
.qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-mobile-header-inner {
  left: -470px;
}

.qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-side-menu {
  right: 0;
}

.qodef-side-menu-slide-with-content.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) {
  left: -470px !important;
}

/* width 270px start */
.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-wrapper,
.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open footer.uncover,
.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-sticky-header,
.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-fixed-wrapper,
.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-mobile-header-inner {
  left: -270px;
}

.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .qodef-side-menu {
  right: 0;
}

.qodef-side-menu-slide-with-content.qodef-width-270.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) {
  left: -270px !important;
}

.qodef-side-menu-slide-with-content.qodef-width-270 .qodef-side-menu {
  width: 270px;
  right: -270px;
}

/* width 270px end */
/* width 370px start */
.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-wrapper,
.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open footer.uncover,
.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-sticky-header,
.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-fixed-wrapper,
.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-mobile-header-inner {
  left: -370px;
}

.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .qodef-side-menu {
  right: 0;
}

.qodef-side-menu-slide-with-content.qodef-width-370.qodef-side-menu-open .carousel-inner:not(.qodef-relative-position) {
  left: -370px !important;
}

.qodef-side-menu-slide-with-content.qodef-width-370 .qodef-side-menu {
  width: 370px;
  right: -370px;
}

/* width 370px end */
/* Side area slides with content style - end
========================================================================== */
/* Side area uncovering - start
========================================================================== */
.qodef-side-area-uncovered-from-content .qodef-side-menu {
  background-color: #1b1b1b;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 30px;
  position: fixed;
  top: 0;
  right: 0;
  width: 210px;
  z-index: 90;
  visibility: hidden;
}

.qodef-side-area-uncovered-from-content .qodef-sticky-header,
.qodef-side-area-uncovered-from-content .qodef-fixed-wrapper.fixed {
  -webkit-transition: left 0.3s ease, right 0.2s ease;
  -moz-transition: left 0.3s ease, right 0.2s ease;
  -o-transition: left 0.3s ease, right 0.2s ease;
  transition: left 0.3s ease, right 0.2s ease;
}

.qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-sticky-header,
.qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed,
.qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-mobile-header-inner {
  left: -270px;
}

/* Side area uncovering - end
========================================================================== */
/* ==========================================================================
21. Side area style - end
========================================================================== */
/* ==========================================================================
# Fullscreen menu style - begin
========================================================================== */
/* Fullscreen general style - begin
========================================================================== */
.side_menu_button .qodef-fullscreen-menu-opener {
  -webkit-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-fullscreen-menu-opener:not(.opened) .qodef-line,
.qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-fullscreen-menu-opener:not(.opened) .qodef-line,
.qodef-dark-header .qodef-top-bar .qodef-fullscreen-menu-opener:not(.opened) .qodef-line {
  background-color: #000000 !important;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-fullscreen-menu-opener:not(.opened) .qodef-line,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-fullscreen-menu-opener:not(.opened) .qodef-line,
.qodef-light-header .qodef-top-bar .qodef-fullscreen-menu-opener:not(.opened) .qodef-line {
  background-color: #ffffff !important;
}

.qodef-fullscreen-menu-opener {
  display: inline-block;
  vertical-align: middle;
}

.qodef-fullscreen-menu-opener .qodef-line {
  background-color: #000;
  height: 2px;
  margin: 0;
  width: 13px;
  top: 0;
  left: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  position: absolute;
  display: inline-block;
}

.qodef-fullscreen-menu-opener .qodef-line:after,
.qodef-fullscreen-menu-opener .qodef-line:before {
  background-color: inherit;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 13px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  /*because X sign jumps on hover in Chrome*/
}

.qodef-fullscreen-menu-opener .qodef-line:before {
  top: -4px;
}

.qodef-fullscreen-menu-opener .qodef-line:after {
  top: 4px;
}

.qodef-fullscreen-menu-opener-inner {
  display: inline-block;
  height: 2px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 13px;
}

.qodef-fullscreen-menu-opener:hover .qodef-line {
  background-color: #b2dd4c;
}

.qodef-fullscreen-menu-opener.opened .qodef-line {
  background-color: transparent !important;
}

.qodef-fullscreen-menu-opener.opened .qodef-line:after {
  background-color: #000;
  top: 0 !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.qodef-fullscreen-menu-opener.opened .qodef-line:before {
  background-color: #000;
  top: 0 !important;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.qodef-fullscreen-menu-opener.opened:hover .qodef-line:after,
.qodef-fullscreen-menu-opener.opened:hover .qodef-line:before {
  background-color: #b2dd4c;
}

.qodef-fullscreen-menu-opener.medium .qodef-fullscreen-menu-opener-inner,
.qodef-fullscreen-menu-opener.medium .qodef-line,
.qodef-fullscreen-menu-opener.medium .qodef-line:after,
.qodef-fullscreen-menu-opener.medium .qodef-line:before {
  height: 3px;
  width: 19px;
}

.qodef-fullscreen-menu-opener.medium .qodef-fullscreen-menu-opener-inner {
  top: -2px;
}

.qodef-fullscreen-menu-opener.medium .qodef-line:before {
  top: -6px;
}

.qodef-fullscreen-menu-opener.medium .qodef-line:after {
  top: 6px;
}

.qodef-fullscreen-menu-opener.large .qodef-fullscreen-menu-opener-inner,
.qodef-fullscreen-menu-opener.large .qodef-line,
.qodef-fullscreen-menu-opener.large .qodef-line:after,
.qodef-fullscreen-menu-opener.large .qodef-line:before {
  height: 4px;
  width: 24px;
}

.qodef-fullscreen-menu-opener.large .qodef-fullscreen-menu-opener-inner {
  top: -3px;
}

.qodef-fullscreen-menu-opener.large .qodef-line:before {
  top: -8px;
}

.qodef-fullscreen-menu-opener.large .qodef-line:after {
  top: 8px;
}

.qodef-fullscreen-menu-opened {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
}

.qodef-fullscreen-menu-opened .qodef-page-header,
.qodef-fullscreen-menu-opened .qodef-top-bar {
  visibility: hidden;
}

.qodef-fullscreen-menu-opened .qodef-fullscreen-menu-opener,
.qodef-fullscreen-menu-opened .qodef-logo-wrapper {
  visibility: visible;
}

.qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer {
  visibility: visible !important;
  opacity: 1 !important;
}

.qodef-fullscreen-menu-opened.admin-bar {
  top: 32px;
  height: calc(100% - 32px);
}

.qodef-fullscreen-menu-holder-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden !important;
  visibility: hidden;
  opacity: 0;
  z-index: 105;
  /* this has to be between header z-index and content z-index */
}

.qodef-fullscreen-menu-holder {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: table;
  background-repeat: repeat;
  background-position: 0px 0px;
}

.qodef-fullscreen-menu-holder-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 100px 0px;
}

.touchevents .qodef-fullscreen-menu-holder-outer {
  display: none;
}

.touchevents .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer {
  display: block;
}

nav.qodef-fullscreen-menu {
  margin: 0 auto;
  position: relative;
  top: 0;
  text-align: left;
}

nav.qodef-fullscreen-menu ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

nav.qodef-fullscreen-menu ul li {
  margin: 0;
  padding: 0;
  text-align: center;
}

nav.qodef-fullscreen-menu ul li a {
  font-size: 40px;
  font-weight: 800;
  line-height: 47px;
  letter-spacing: 1px;
  color: #393939;
  padding: 0px;
  display: block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

nav.qodef-fullscreen-menu ul li a:hover {
  color: #b2dd4c;
}

nav.qodef-fullscreen-menu ul li a span {
  display: inline-block;
  vertical-align: middle;
}

nav.qodef-fullscreen-menu ul li ul li a {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 2px;
  color: #b2dd4c;
}

nav.qodef-fullscreen-menu ul li ul li a:hover {
  color: #8d8d8d;
}

nav.qodef-fullscreen-menu ul li ul li ul li a {
  font-size: 0.5em;
  line-height: 1em;
}

nav.qodef-fullscreen-menu > ul {
  display: block;
}

nav.qodef-fullscreen-menu ul.sub_menu {
  display: none;
}

.qodef-fullscreen-below-menu-widget-holder {
  text-align: center;
  margin-top: 20px;
}

.qodef-fullscreen-above-menu-widget-holder {
  text-align: center;
}

/* Fullscreen general style - end
========================================================================== */
/* Fullscreen fade animations general - begin
========================================================================== */
@-webkit-keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-moz-keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer,
.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer,
.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  z-index: 105;
  opacity: 0;
}

.qodef-fullscreen-fade-out .qodef-fullscreen-menu-holder-outer {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-animation: fade_out .25s linear both;
  animation: fade_out .25s linear both;
}

.qodef-fullscreen-menu-opened.qodef-fullscreen-fade-in .qodef-fullscreen-menu-holder-outer {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-animation: fade_in .25s linear both;
  animation: fade_in .25s linear both;
}

/* Fullscreen fade animations general - end
========================================================================== */
/* Fullscreen animation push text right - begin
========================================================================== */
@-webkit-keyframes push_text_right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes push_text_right {
  0% {
    opacity: 0;
    -moz-transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@keyframes push_text_right {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes push_nav_right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes push_nav_right {
  0% {
    opacity: 0;
    -moz-transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@keyframes push_nav_right {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer nav > ul > li > a,
.qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder > div,
.qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder > div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both;
  animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both;
}

.qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer nav,
.qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
.qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

/* Fullscreen animation push text right - end
========================================================================== */
/* Fullscreen animation push text top - begin
========================================================================== */
@-webkit-keyframes push_text_top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes push_text_top {
  0% {
    opacity: 0;
    -moz-transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@keyframes push_text_top {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer nav > ul > li > a,
.qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder > div,
.qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder > div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: push_text_top 0.4s ease-out both 0.5s;
  animation: push_text_top 0.4s ease-out both 0.5s;
}

.qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer nav,
.qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
.qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}

/* Fullscreen animation push text top - end
========================================================================== */
/* Fullscreen animation fade text scaledown - begin
========================================================================== */
.qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav,
.qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
.qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.25s linear 0.1s;
  transition: all 0.25s linear 0.1s;
}

.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav,
.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.25s linear 0.1s;
  transition: all 0.25s linear 0.1s;
}

/* Fullscreen animation fade text scaledown - end
========================================================================== */
/* ==========================================================================
# Fullscreen menu style - end
========================================================================== */
/* ==========================================================================
22. Search style - begin
========================================================================== */
.qodef-search-opener {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 26px;
  color: #727272;
  margin: 0 28px 0 25px;
}

.qodef-search-opener .qodef-search-icon-text {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.qodef-search-opener .ion-ios-search-strong {
  position: relative;
  top: 3px;
}

.qodef-search-opener:hover {
  color: #b2dd4c;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-search-opener,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-search-opener,
.qodef-light-header .qodef-top-bar .qodef-search-opener {
  color: #ffffff !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-search-opener,
.qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-search-opener,
.qodef-dark-header .qodef-top-bar .qodef-search-opener {
  color: #000000 !important;
}

/* Search slides from window top - begin
========================================================================== */
.qodef-search-slides-from-window-top .qodef-top-bar,
.qodef-search-slides-from-window-top .qodef-page-header {
  top: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.qodef-search-slides-from-window-top .qodef-mobile-header {
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.qodef-search-slides-from-window-top .content_inner {
  margin-top: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.qodef-search-slides-from-window-top .mobile-header-appear .qodef-mobile-header-inner {
  padding-top: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.qodef-search-slides-from-window-top.qodef-search-open .qodef-page-header,
.qodef-search-slides-from-window-top.qodef-search-open .qodef-top-bar {
  top: 50px;
}

.qodef-search-slides-from-window-top.qodef-search-open .qodef-search-slide-window-top {
  height: 50px;
}

.qodef-search-slides-from-window-top.qodef-search-open .qodef-mobile-header {
  top: 50px !important;
  /* Mobile header has important top on max-width (1000px) */
}

.qodef-search-slides-from-window-top.qodef-search-open .mobile-header-appear .qodef-mobile-header-inner {
  padding-top: 50px;
}

.qodef-search-slides-from-window-top.qodef-search-open .content_inner {
  margin-top: 50px;
}

.qodef-search-slides-from-window-top.qodef-search-open .qodef-sticky-header.header-appear {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.qodef-fixed-wrapper.fixed .qodef-search-slide-window-top {
  position: static;
}

.qodef-search-slide-window-top {
  background: none repeat scroll 0 0 #262626;
  color: #fff;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.qodef-search-slide-window-top .form-inner {
  padding: 0 45px;
}

.qodef-search-slide-window-top .qodef-container-inner {
  position: relative;
}

.qodef-search-slide-window-top i {
  color: #959595;
  font-size: 13px;
  display: inline-block;
  float: left;
  line-height: 50px;
}

.qodef-search-slide-window-top .qodef-container i {
  padding: 0;
}

.qodef-search-slide-window-top .qodef-container input {
  width: 90%;
  padding: 0 0 0 10px;
}

.qodef-search-slide-window-top .qodef-container .qodef-search-close {
  right: 0;
}

.qodef-search-slide-window-top input,
.qodef-search-slide-window-top input:focus {
  background-color: #262626;
  border: medium none;
  box-shadow: none;
  color: #959595;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  margin: 15px 0;
  width: 90%;
  padding: 0 0 0 10px;
  font-family: inherit;
  outline: none;
  outline-offset: 0;
  -webkit-appearance: none;
  border-radius: 0;
  float: left;
}

.qodef-search-slide-window-top input:focus {
  outline-offset: 0 !important;
}

@media only screen and (max-width: 1200px) {
  .qodef-search-slide-window-top input {
    width: 80%;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-search-slide-window-top input {
    width: 70%;
  }
}

@media only screen and (max-width: 500px) {
  .qodef-search-slide-window-top input {
    width: 65%;
  }
}

.qodef-search-slide-window-top input[type="submit"] {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  visibility: hidden;
}

.qodef-search-slide-window-top .qodef-search-close {
  color: #959595;
  font-size: 13px;
  position: absolute;
  line-height: 50px;
  height: 50px;
  top: 0;
  right: 45px;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #959595;
  margin-top: 10px;
}

/* Search slides from window top - end
========================================================================== */
/* Search covers header - begin
========================================================================== */
.qodef-search-cover {
  display: none;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 115;
  background: #fff;
}

.qodef-search-cover .qodef-form-holder-outer {
  display: table;
  width: 100%;
  height: 100%;
}

.qodef-search-cover .qodef-form-holder {
  display: table-cell;
  vertical-align: middle;
  padding: 0 45px;
  position: relative;
}

.qodef-search-cover .qodef-form-holder-inner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

.qodef-search-cover .qodef-container-inner .qodef-form-holder {
  padding: 0;
}

.qodef-search-cover .qodef-container-inner .qodef-search-close {
  right: 0;
}

.qodef-search-cover input,
.qodef-search-cover input:focus {
  background-color: transparent;
  border: medium none;
  box-shadow: none;
  color: #c6c6c6;
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
  width: 90%;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  outline: none;
  outline-offset: 0px;
  -webkit-appearance: none;
  border-radius: 0;
  float: left;
  margin: 0;
}

.qodef-search-cover input:focus {
  outline-offset: 0 !important;
}

.qodef-search-cover input[type="submit"] {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  visibility: hidden;
}

.qodef-search-cover .qodef-search-close {
  font-size: 19px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1em;
}

.qodef-search-cover .qodef-search-close a {
  color: #16171d;
  display: inline-block;
}

.qodef-search-cover .qodef-search-close a:hover {
  color: #b2dd4c;
}

.qodef-search-cover .qodef-search-close a i {
  vertical-align: top;
}

.qodef-search-cover.disabled input,
.qodef-search-cover.disabled input:focus {
  font-weight: normal;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #959595;
  margin: 10px 0px 0px 0px;
}

.qodef-header-overlapping .qodef-search-cover {
  margin: 0 30px;
  width: calc(100% - 60px);
  background-color: transparent;
}

.qodef-header-overlapping .qodef-search-cover .qodef-form-holder-outer {
  background-color: #fff;
}

.qodef-header-overlapping .qodef-search-cover .qodef-container {
  background-color: transparent;
}

.qodef-header-overlapping .qodef-search-cover .qodef-container .qodef-form-holder {
  padding: 0 30px;
}

/* Fullscreen search general style - start
========================================================================== */
.qodef-fullscreen-search-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 105;
  opacity: 0;
}

.qodef-fullscreen-search-holder .qodef-search-label {
  font-size: 30px;
  line-height: 1em;
  color: #a1a1a1;
  vertical-align: bottom;
}

.qodef-fullscreen-search-holder .qodef-field-holder {
  width: 30%;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  border-bottom: 1px solid #a1a1a1;
}

.qodef-fullscreen-search-holder .qodef-field-holder .qodef-line {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #696969;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.qodef-fullscreen-search-holder .qodef-search-field {
  width: 100%;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  background: transparent;
  outline: none;
  height: 100%;
  font-size: 30px;
  color: #a1a1a1;
  line-height: 1em;
  position: relative;
}

.qodef-fullscreen-search-holder .qodef-search-submit {
  border: none;
  background: transparent;
  outline: none;
  width: auto;
  cursor: pointer;
  font-family: 'ElegantIcons';
  font-size: 20px;
  line-height: 1em;
  color: #a1a1a1;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.qodef-fullscreen-search-holder .qodef-search-submit:hover {
  color: #696969;
}

.qodef-fullscreen-search-holder .qodef-search-close-holder {
  float: right;
  margin-right: 45px;
}

.qodef-fullscreen-search-holder .qodef-fullscreen-search-close-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.qodef-fullscreen-search-holder .qodef-fullscreen-search-close-container a {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, color 0.2s ease;
  transition: opacity 0.2s ease, color 0.2s ease;
  position: absolute;
  top: 40px;
  right: 40px;
}

.qodef-fullscreen-search-table {
  display: table;
  width: 100%;
  height: 100%;
}

.qodef-fullscreen-search-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.qodef-fullscreen-search-opened .qodef-form-holder .qodef-search-field {
  width: 100%;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  background: transparent;
  outline: none;
  height: 100%;
  font-size: 30px;
  color: #a1a1a1;
  line-height: 1em;
  position: relative;
  padding: 0;
}

/* Fullscreen search general style - end
========================================================================== */
/* Fullscreen search from circle style - start
========================================================================== */
.qodef-fullscreen-search-overlay {
  position: absolute;
  width: 2000px;
  height: 2000px;
  margin-top: -1000px;
  margin-left: -1000px;
  top: 50%;
  left: 0;
  border-radius: 100%;
  opacity: 0;
  z-index: 99;
  -ms-transform-origin: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transition: -ms-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.qodef-fullscreen-search-overlay.qodef-animate {
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  opacity: 1;
}

.qodef-search-from-circle .qodef-fullscreen-search-holder {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
  opacity: 0;
  visibility: visible;
  z-index: 111;
}

/* Fullscreen search from circle style - end
========================================================================== */
/* Fullscreen search fade style - start
========================================================================== */
.qodef-search-fade .qodef-fullscreen-search-holder {
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  z-index: 111;
  box-sizing: border-box;
}

.qodef-search-fade .qodef-fullscreen-search-holder .qodef-fullscreen-search-table {
  background-color: rgba(255, 255, 255, 0.98);
}

.qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder {
  -webkit-animation: search_fade_out 0.25s linear both;
  animation: search_fade_out 0.25s linear both;
}

.qodef-search-fade-in.qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate {
  -webkit-animation: search_fade_in 0.25s linear both;
  animation: search_fade_in 0.25s linear both;
}

.qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate .qodef-fullscreen-search-close {
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes search_fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes search_fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes search_fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes search_fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

/* Fullscreen search fade style - end
========================================================================== */
/*---------------Fade animation with PUSH TEXT TOP------------*/
@-webkit-keyframes search_push_text_top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes search_push_text_top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.qodef-search-fade.qodef-fullscreen-search-opened .qodef-fullscreen-search-holder .qodef-form-holder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: search_push_text_top 0.4s ease-out both 0.25s;
  animation: search_push_text_top 0.4s ease-out both 0.25s;
}

.qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-search-label,
.qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-search-submit,
.qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder .qodef-field-holder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition: transform 0.75s ease-out;
  transition: transform 0.75s ease-out;
}

/*----------------------FULLSCREEN SEARCH style end--------------------------*/
/* ==========================================================================
22. Search style - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Small Images - begin
========================================================================== */
.small-images .qodef-portfolio-media .qodef-portfolio-single-media {
  margin-bottom: 20px;
}

.small-images .qodef-portfolio-media .qodef-portfolio-single-media:last-child {
  margin-bottom: 0;
}

.small-images .qodef-portfolio-content {
  margin: 22px 0 27px 0;
}

.small-images .qodef-follow-portfolio-info {
  position: relative;
}

/* ==========================================================================
# Portfolio Single Small Images - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Small Slider - begin
========================================================================== */
.small-slider .qodef-portfolio-content {
  margin: 22px 0 27px 0;
}

.small-slider .qodef-portfolio-info-item {
  margin: 0 0 22px 0;
}

/* ==========================================================================
# Portfolio Single Small Slider - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Big Images - begin
========================================================================== */
.big-images .qodef-big-image-holder {
  margin-bottom: 44px;
}

.big-images .qodef-big-image-holder img,
.big-images .qodef-big-image-holder a {
  display: block;
}

.big-images .qodef-portfolio-content,
.big-images .qodef-portfolio-info-holder {
  margin: 22px 0 0 0;
}

.big-images .qodef-portfolio-media .qodef-portfolio-single-media {
  margin-bottom: 20px;
}

.big-images .qodef-portfolio-media .qodef-portfolio-single-media:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
# Portfolio Single Big Images - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Big Slider - begin
========================================================================== */
.big-slider .qodef-big-image-holder {
  margin-bottom: 44px;
}

.big-slider .qodef-big-image-holder img,
.big-slider .qodef-big-image-holder a {
  display: block;
}

.big-slider .qodef-portfolio-content,
.big-slider .qodef-portfolio-info-holder {
  margin: 22px 0 0 0;
}

.big-slider .qodef-portfolio-media .qodef-portfolio-single-media {
  margin-bottom: 20px;
}

.big-slider .qodef-portfolio-media .qodef-portfolio-single-media:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
# Portfolio Single Big Slider - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Gallery - begin
========================================================================== */
.gallery .qodef-portfolio-gallery {
  margin: 0 0 20px 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.gallery .qodef-portfolio-content,
.gallery .qodef-portfolio-info-holder {
  margin: 22px 0 0 0;
}

.gallery .qodef-portfolio-single-media a {
  position: relative;
  overflow: hidden;
  display: block;
}

.gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

.gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner:after {
  content: "\f002";
  font-family: FontAwesome, sans-serif;
  font-size: 30px;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

.gallery .qodef-portfolio-single-media a .qodef-portfolio-gallery-text-holder-inner h4 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 100%;
}

.gallery .qodef-portfolio-single-media a img {
  display: block;
}

.gallery .qodef-portfolio-single-media a:hover .qodef-portfolio-gallery-text-holder {
  opacity: 1;
}

.gallery.qodef-portfolio-gallery-three-columns .qodef-portfolio-single-media {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
}

.gallery.qodef-portfolio-gallery-three-columns .qodef-portfolio-single-media:nth-child(3n) {
  margin-right: 0;
}

.gallery.qodef-portfolio-gallery-two-columns .qodef-portfolio-single-media {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
}

.gallery.qodef-portfolio-gallery-two-columns .qodef-portfolio-single-media:nth-child(2n) {
  margin-right: 0;
}

.gallery.qodef-portfolio-gallery-four-columns .qodef-portfolio-single-media {
  width: 24%;
  margin-right: 1.333333%;
  margin-bottom: 2%;
  float: left;
}

.gallery.qodef-portfolio-gallery-four-columns .qodef-portfolio-single-media:nth-child(4n) {
  margin-right: 0;
}

/* ==========================================================================
# Portfolio Single Gallery - end
========================================================================== */
.qodef-portfolio-single-holder .qodef-portfolio-info-item {
  margin-bottom: 16px;
}

.qodef-portfolio-single-holder .qodef-portfolio-info-item:last-child {
  margin-bottom: 0;
}

.qodef-portfolio-single-holder .qodef-portfolio-info-holder h6 {
  color: #b2dd4c;
  position: relative;
  padding-left: 20px;
  margin-bottom: 3px;
}

.qodef-portfolio-single-holder .qodef-portfolio-info-holder h6:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  display: inline-block;
  font-family: 'Simple-Line-Icons';
  content: '';
}

.qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-date h6:before {
  content: "\e075";
}

.qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-categories h6:before {
  content: "\e055";
}

.qodef-portfolio-single-holder .qodef-portfolio-info-holder .qodef-portfolio-custom-field h6:before {
  content: "\e043";
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav {
  height: 33px;
  line-height: 33px;
  text-align: center;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 36px 0;
  border-top: 1px solid #ececec;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav span {
  color: #b6b6b6;
  line-height: 33px;
  position: relative;
  top: -1px;
  font-size: 11px;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn {
  display: inline-block;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn span {
  font-family: 'Simple-Line-Icons';
  font-size: 20px;
  color: #d1d1d1;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn span:hover {
  color: #b2dd4c;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev span {
  left: -1px;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next span {
  right: -1px;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-back-btn {
  height: 33px;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev {
  position: absolute;
  top: 36px;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a {
  height: 33px;
  width: 33px;
  display: block;
  border: 1px solid #b4b4b4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a:hover,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a:hover {
  border-color: #b2dd4c;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next a:hover span,
.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev a:hover span {
  color: #b2dd4c;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-prev {
  left: 0;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav .qodef-portfolio-next {
  right: 0;
}

.qodef-portfolio-single-holder .qodef-portfolio-video-lightbox {
  position: relative;
  display: block;
}

.qodef-portfolio-single-holder .qodef-portfolio-video-lightbox img {
  vertical-align: middle;
}

.qodef-portfolio-single-holder .qodef-portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.qodef-portfolio-single-holder .qodef-portfolio-overlay .qodef-portfolio-play-icon {
  position: absolute;
  font-size: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.qodef-portfolio-single-holder .qodef-comment-holder {
  padding-top: 0;
}

/* ==========================================================================
23. Portfolio Styles start
========================================================================== */
.qodef-portfolio-single-holder .qodef-portfolio-social {
  margin: 5px 0  0 0;
  display: inline-block;
  width: 100%;
}

.qodef-portfolio-single-holder .qodef-portfolio-social .qodef-share {
  float: left;
  line-height: 29px;
  display: inline-block;
  vertical-align: middle;
  color: #16171d;
  font-size: 15px;
  font-weight: 600;
  margin: 0 13px 0 0;
  padding: 0 0 0 19px;
  position: relative;
  cursor: default;
}

.qodef-portfolio-single-holder .qodef-portfolio-social .qodef-share:before {
  content: "\e05b";
  font-family: 'simple-line-icons';
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 13px;
}

.qodef-portfolio-single-holder .qodef-portfolio-social .qodef-social-share-holder {
  float: left;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.qodef-portfolio-single-holder .qodef-portfolio-social .qodef-social-share-holder a {
  color: #b4b4b4;
}

.qodef-portfolio-single-holder .qodef-portfolio-social:hover .qodef-social-share-holder {
  opacity: 1;
}

/* ==========================================================================
   Elements Holder start style
   ========================================================================== */
.qodef-elements-holder {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.qodef-elements-holder.qodef-two-columns .qodef-elements-holder-item {
  width: 50%;
}

.qodef-elements-holder.qodef-two-columns .qodef-elements-holder-item {
  width: 50%;
}

.qodef-elements-holder.qodef-three-columns .qodef-elements-holder-item {
  width: 33%;
}

.qodef-elements-holder.qodef-four-columns .qodef-elements-holder-item {
  width: 25%;
}

.qodef-elements-holder.qodef-five-columns .qodef-elements-holder-item {
  width: 20%;
}

.qodef-elements-holder.qodef-six-columns .qodef-elements-holder-item {
  width: 16%;
}

.qodef-elements-holder .qodef-elements-holder-item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  background-size: cover;
}

.qodef-elements-holder .qodef-elements-holder-item.qodef-vertical-alignment-top {
  vertical-align: top;
}

.qodef-elements-holder .qodef-elements-holder-item.qodef-vertical-alignment-bottom {
  vertical-align: bottom;
}

.qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-left {
  text-align: left;
}

.qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-center {
  text-align: center;
}

.qodef-elements-holder .qodef-elements-holder-item.qodef-horizontal-alignment-right {
  text-align: right;
}

.qodef-elements-holder .qodef-elements-holder-item .qodef-elements-holder-item-inner {
  width: 100%;
}

.qodef-elements-holder .qodef-zoom-image {
  background-size: inherit;
  background-position: 100% top;
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.7s ease-out;
  transition: background-position 0.7s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
}

.qodef-elements-holder .qodef-zoom-image:hover {
  background-position: 105% -5%;
}

.qodef-elements-holder.qodef-elements-items-float.qodef-three-columns .qodef-elements-holder-item {
  width: 33.33333333333333%;
}

.qodef-elements-holder.qodef-elements-items-float.qodef-six-columns .qodef-elements-holder-item {
  width: 16.66666666666667%;
}

.qodef-elements-holder.qodef-elements-items-float .qodef-elements-holder-item {
  float: left;
}

.qodef-elements-holder .qodef-elements-holder-item-content {
  padding: 0 20px;
}

/* ==========================================================================
   End of Elements Holder style
   ========================================================================== */
/* ==========================================================================
# Team style - begin
========================================================================== */
/* Team type main info on hover - begin
========================================================================== */
.qodef-team:not(.main-info-below-image) {
  overflow: hidden;
}

.qodef-team .qodef-team-inner {
  overflow: hidden;
  width: 100%;
}

.qodef-team .qodef-team-image {
  position: relative;
  overflow: hidden;
}

.qodef-team .qodef-team-image img {
  width: 100%;
  vertical-align: middle;
}

.qodef-team .qodef-team-name,
.qodef-team .qodef-team-position {
  color: #fff;
}

.qodef-team .qodef-team-description {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.qodef-team .qodef-team-text {
  padding: 20px 0 20px;
}

.qodef-team .qodef-team-social-wrapp {
  margin: 15px 0 0 0;
}

.qodef-team .qodef-team-social {
  display: table;
  width: 100%;
  height: 100%;
}

.qodef-team .qodef-team-social .qode_icon_ion_icon:before,
.qodef-team .qodef-team-social .qode_icon_linea_icon:before {
  line-height: inherit;
}

.qodef-team .qodef-team-social-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.qodef-team .qodef-team-social-holder {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: table-cell;
  vertical-align: middle;
  background-color: #b2dd4c;
  -webkit-transition: opacity 0.15s ease-out, background-color 0.15s ease-out;
  transition: opacity 0.15s ease-out, background-color 0.15s ease-out;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}

.qodef-team .qodef-team-social-holder .social_icon {
  font-size: inherit;
  line-height: inherit;
}

.qodef-team .qodef-team-social-holder .social_icon {
  display: block;
}

.qodef-team .qodef-team-social-holder .social_icon:before {
  display: block;
}

.qodef-team:hover .qodef-team-social-holder {
  opacity: 1;
  filter: alpha(opacity=100);
}

.qodef-team.main-info-on-hover .qodef-icon-shortcode {
  border-color: #fff;
}

.qodef-team.main-info-on-hover .qodef-icon-shortcode i {
  color: #fff;
}

.touchevents .qodef-team .qodef-team-social-holder {
  cursor: pointer;
}

/* Team type main info on hover - end
========================================================================== */
/* Team type main info below image - begin
========================================================================== */
.qodef-team.main-info-below-image {
  -webkit-transform: translateZ(0);
}

.qodef-team.main-info-below-image .qodef-team-inner {
  overflow: visible;
}

.qodef-team.main-info-below-image .qodef-team-info {
  text-align: center;
}

.qodef-team.main-info-below-image .qodef-team-info .qodef-team-name {
  color: #222222;
  margin-bottom: 15px;
}

.qodef-team.main-info-below-image .qodef-team-image {
  overflow: visible;
  margin: 0 30px 32px 30px;
  position: relative;
}

.qodef-team.main-info-below-image .q_team_position {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s;
}

.qodef-team.main-info-below-image .qodef-team-position-icon {
  position: absolute;
  top: 0px;
  right: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s;
  transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s;
}

.qodef-team.main-info-below-image .qodef-circle-animate {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #b2dd4c;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-team.main-info-below-image .qodef-icon-shortcode {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  border: none;
  background-color: transparent;
}

.qodef-team.main-info-below-image .qodef-icon-shortcode .qodef-icon-element {
  color: #fff;
}

.qodef-team.main-info-below-image .qodef-team-image img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.qodef-team.main-info-below-image .qodef-team-info {
  margin-top: 20px;
}

.qodef-team.main-info-below-image .qodef-team-info {
  margin-top: 0;
}

.qodef-team.main-info-below-image .qodef-team-text {
  padding: 0;
}

.qodef-team.main-info-below-image:hover .qodef-circle-animate {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
}

.qodef-team.main-info-below-image:hover .q_team_position {
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-out 0.1s;
  transition: opacity 0.15s ease-out 0.1s;
}

.qodef-team.main-info-below-image:hover .qodef-team-position-icon {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}

/* Team type main info below image - end
========================================================================== */
/* ==========================================================================
# Team style - end
========================================================================== */
/* ==========================================================================
# Call to action style - begin
========================================================================== */
.qodef-call-to-action {
  position: relative;
  display: block;
  box-sizing: border-box;
  background-color: transparent;
}

.qodef-call-to-action .qodef-call-to-action-row-75-25,
.qodef-call-to-action .qodef-call-to-action-row-50-50,
.qodef-call-to-action .qodef-call-to-action-row-66-33 {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column1 {
  width: 75%;
}

.qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column2 {
  width: 25%;
}

.qodef-call-to-action .qodef-call-to-action-row-50-50 .qodef-call-to-action-column1,
.qodef-call-to-action .qodef-call-to-action-row-50-50 .qodef-call-to-action-column2 {
  width: 50%;
}

.qodef-call-to-action .qodef-call-to-action-row-66-33 .qodef-call-to-action-column1 {
  width: 66%;
}

.qodef-call-to-action .qodef-call-to-action-row-66-33 .qodef-call-to-action-column2 {
  width: 34%;
}

.qodef-call-to-action .qodef-call-to-action-column2 {
  text-align: right;
}

.qodef-call-to-action .qodef-call-to-action-cell {
  display: table-cell;
  vertical-align: middle;
}

.qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon-holder {
  position: absolute;
  height: 100%;
  top: 0;
}

.qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon {
  display: table;
  height: 100%;
}

.qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon .qodef-call-to-action-icon-inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-icon .qodef-call-to-action-icon-inner .qodef-call-to-action-icon {
  color: #8b8b8b;
  font-size: 40px;
  display: inline;
}

.qodef-call-to-action.with-icon .qodef-text-wrapper .qodef-call-to-action-text {
  padding: 0 20px 0 70px;
}

/* ==========================================================================
# Call to action style - end
========================================================================== */
/* ==========================================================================
# Counter style - begin
========================================================================== */
.qodef-counter-holder {
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  padding: 20px 0;
}

.qodef-counter-holder .qodef-counter-content-top {
  display: block;
  font-size: 72px;
  line-height: 1em;
  height: 1em;
  color: #fff;
}

.qodef-counter-holder .qodef-counter-content-top .qodef-counter {
  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
  color: inherit;
  overflow: hidden;
  display: inline-block !important;
}

.qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon {
  font-size: 44px;
  color: inherit;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
}

.qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon i,
.qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon span {
  vertical-align: middle;
  display: inline-block;
}

.qodef-counter-holder .qodef-counter-title {
  margin-top: 5px;
  color: #b2dd4c;
  font-weight: 600;
  letter-spacing: 0;
}

.qodef-counter-holder .qodef-counter-text {
  margin: 5px 0 0 0;
  color: #fff;
}

.qodef-counter-holder-show {
  opacity: 1;
}

.qodef-counter-holder.left {
  text-align: left;
}

.qodef-counter-holder.right {
  text-align: right;
}

.qodef-counter-holder.center {
  text-align: center;
}

@-moz-document url-prefix() {
  .qodef-counter-holder .qodef-counter-content-top .qodef-counter {
    overflow: visible;
  }
}

@supports (-ms-ime-align: auto) {
  .qodef-counter-holder .qodef-counter-content-top .qodef-counter {
    overflow: visible;
  }
}

/* ==========================================================================
# Counter style - end
========================================================================== */
.qodef-icon-shortcode {
  display: inline-block;
}

.qodef-icon-shortcode.circle, .qodef-icon-shortcode.square {
  background-color: #b2dd4c;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.qodef-icon-shortcode.circle a, .qodef-icon-shortcode.square a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.qodef-icon-shortcode.circle .qodef-icon-element, .qodef-icon-shortcode.square .qodef-icon-element {
  color: #fff;
  line-height: inherit;
}

.qodef-icon-shortcode.circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.qodef-icon-shortcode.square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.qodef-icon-shortcode.square:first-of-type {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-icon-shortcode.square:last-of-type {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.qodef-icon-shortcode.circle.checked {
  position: relative;
}

.qodef-icon-shortcode.circle.checked:before, .qodef-icon-shortcode.circle.checked:after {
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #b2dd4c;
  position: absolute;
  color: #fff;
}

.qodef-icon-shortcode.circle.checked:before {
  width: 44px;
  height: 44px;
  bottom: 0px;
  font-size: 16px;
  line-height: 44px;
  right: -12%;
  z-index: 9;
  content: "\e080";
  font-family: 'simple-line-icons';
  webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s;
  transition: opacity 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s;
}

.qodef-icon-shortcode.circle.checked:after {
  bottom: 0px;
  right: -12%;
  z-index: 8;
  content: '';
  width: 44px;
  height: 44px;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-icon-shortcode.circle.checked:hover:after {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  width: 100%;
  height: 100%;
  right: 0;
}

.qodef-icon-shortcode.circle.checked:hover:before {
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}

.qodef-icon-shortcode.circle.checked i.qodef-icon-element {
  display: inline;
}

.qodef-icon-shortcode.circle.checked i.qodef-icon-element:after,
.qodef-icon-shortcode.circle.checked span.qodef-icon-font-elegant.qodef-icon-element:after {
  content: "\e080";
  color: #fff;
  font-family: 'simple-line-icons';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 11;
  -webkit-transition: opacity 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s;
}

.qodef-icon-shortcode.circle.checked:hover i.qodef-icon-element:after,
.qodef-icon-shortcode.circle.checked:hover span.qodef-icon-font-elegant.qodef-icon-element:after {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out 0.1s;
  transition: opacity 0.2s ease-out 0.1s;
}

.qodef-icon-shortcode.circle.checked.qodef-icon-huge:before {
  right: -5%;
}

.qodef-icon-shortcode.circle.checked.qodef-icon-huge:after {
  right: -5%;
}

.qodef-icon-shortcode.circle.checked.qodef-icon-huge:hover:after {
  right: 0;
}

.qodef-icon-shortcode .qodef-icon-element {
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

.qodef-icon-animation-holder {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.27);
  transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.27);
  display: inline-block;
}

.qodef-icon-animation-holder.qodef-icon-animation-show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.qodef-icon-tiny {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.qodef-icon-small {
  font-size: 2em;
}

.qodef-icon-medium {
  font-size: 3em;
}

.qodef-icon-large {
  font-size: 4em;
}

.qodef-icon-huge {
  font-size: 5em;
}

/* ==========================================================================
# Countdown style - begin
========================================================================== */
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
  direction: rtl;
}

.countdown-row {
  clear: both;
  width: 100%;
  padding: 0 2px;
  text-align: center;
}

.countdown-show1 .countdown-section {
  width: 98%;
}

.countdown-show2 .countdown-section {
  width: 48%;
}

.countdown-show3 .countdown-section {
  width: 32.5%;
}

.countdown-show4 .countdown-section {
  width: 24.5%;
}

.countdown-show5 .countdown-section {
  width: 19.5%;
}

.countdown-show6 .countdown-section {
  width: 16.25%;
}

.countdown-show7 .countdown-section {
  width: 14%;
}

.qodef-countdown {
  font-weight: 700;
}

.countdown-section {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: inherit;
}

.countdown-section:last-child .countdown-amount {
  border-right: 0;
}

.countdown-amount {
  display: block;
  position: relative;
  font-family: Raleway, sans-serif;
  font-size: 82px;
  line-height: 84px;
  margin-bottom: 40px;
  letter-spacing: 0;
  color: #212121;
  font-weight: 400;
  border-right: 1px solid transparent;
}

.countdown-period {
  display: block;
  font-family: Raleway, sans-serif;
  font-size: 13px;
  line-height: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #b2dd4c;
  font-weight: 800;
}

.countdown-descr {
  display: block;
  width: 100%;
}

/* ==========================================================================
# Countdown style - end
========================================================================== */
/* ==========================================================================
# Message style - begin
========================================================================== */
/* Unique style for both types  - begin
========================================================================== */
.qodef-message {
  position: relative;
  padding: 24px 27px;
  margin: 0;
  background-color: #ccc;
  border: 0 solid #d7d7d7;
}

@media only screen and (max-width: 480px) {
  .qodef-message {
    padding: 20px 22px;
  }
}

.qodef-message .qodef-message-inner {
  position: relative;
  padding-right: 20px;
}

.qodef-message .qodef-message-inner .qodef-message-text {
  display: table;
  height: 100%;
}

@media screen and (max-width: 320px) {
  .qodef-message .qodef-message-inner .qodef-message-text {
    line-height: normal !important;
  }
}

.qodef-message .qodef-message-inner .qodef-message-text .qodef-message-text-inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.qodef-message .qodef-message-inner a.qodef-close {
  position: absolute;
  right: 6px;
  top: 2px;
  line-height: 13px;
  font-size: 18px;
}

.qodef-message .qodef-message-inner a.qodef-close i {
  width: 14px;
  height: 14px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
}

.qodef-message .qodef-message-inner a.qodef-close i:hover {
  color: #b2dd4c;
}

/* Unique style for both types - end
========================================================================== */
/* Type with icon - begin
========================================================================== */
.qodef-message.qodef-with-icon .qodef-message-icon-holder {
  float: right;
  padding: 0 20px 0 34px;
}

@media only screen and (max-width: 600px) {
  .qodef-message.qodef-with-icon .qodef-message-icon-holder {
    padding: 20px 22px;
  }
}

.qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon {
  display: table;
  height: 100%;
}

.qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner > i,
.qodef-message.qodef-with-icon .qodef-message-icon-holder .qodef-message-icon .qodef-message-icon-inner > span {
  color: #fff;
  line-height: 1em;
  padding: 8px;
}

/* Type with icon - end
========================================================================== 
/* ==========================================================================
# Message style - end
========================================================================== */
/* ==========================================================================
# Ordered List Style - begin
========================================================================== */
.qodef-ordered-list ol {
  counter-reset: li;
  display: block;
  list-style-type: none;
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0 0 30px;
}

.qodef-ordered-list ol li {
  margin: 0px 0px 21px;
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
}

.qodef-ordered-list ol > li:before {
  color: #b2dd4c;
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
  padding-right: 16px;
}

.qodef-ordered-list ul {
  counter-reset: li;
  display: block;
  list-style-type: none;
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0 0 30px;
}

/* ==========================================================================
# Ordered List Style - end
========================================================================== */
/* ==========================================================================
# Unordered List Style - begin
========================================================================== */
.qodef-unordered-list ul {
  display: block;
  margin: 0;
  padding: 0;
}

.qodef-unordered-list ul > li {
  position: relative;
  font-family: inherit;
  font-size: 14px;
}

.qodef-unordered-list.qodef-line ul {
  list-style-type: none;
}

.qodef-unordered-list.qodef-line ul > li {
  padding-left: 9px;
}

.qodef-unordered-list.qodef-line ul > li:before {
  height: 20px;
  width: auto;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
  padding: 0;
  color: #959595;
  text-align: center;
  content: '-';
}

.qodef-unordered-list.qodef-animate-list ul li {
  opacity: 0;
  top: -40px;
}

.touchevents .no_animation_on_touch .qodef-unordered-list.qodef-animate-list ul li {
  opacity: 1;
  top: 0;
}

/* ==========================================================================
# Unordered List Style - end
========================================================================== */
/* ==========================================================================
# Icon List Item style - begin
========================================================================== */
.qodef-icon-list-item {
  display: table;
  table-layout: fixed;
  height: 32px;
  width: 100%;
  position: relative;
}

.qodef-icon-list-item .qodef-icon-list-icon-holder {
  display: table-cell;
  vertical-align: middle;
  width: 28px;
}

.qodef-icon-list-item .qodef-icon-list-icon-holder-inner i,
.qodef-icon-list-item .qodef-icon-list-icon-holder-inner .font_elegant {
  display: block;
  color: #b2dd4c;
  font-size: 14px;
  text-align: center;
}

.qodef-icon-list-item .qodef-icon-list-text {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

/* ==========================================================================
# Icon List Item style - end
========================================================================== */
/* ==========================================================================
   Progress bar shortcode start styles
   ========================================================================== */
.qodef-progress-bar {
  position: relative;
  margin: 0 0 10px;
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding-right: 24px;
}

.qodef-progress-bar .qodef-progress-title-holder {
  position: relative;
  margin: 8px 0;
}

.qodef-progress-bar .qodef-progress-title-holder .qodef-progress-title {
  display: inline-block;
  z-index: 100;
}

.qodef-progress-bar .qodef-progress-number-wrapper {
  text-align: right;
  position: absolute;
  left: 0;
  z-index: 10;
  opacity: 0;
  color: #fff;
  bottom: 0;
}

.qodef-progress-bar .qodef-progress-number-wrapper .qodef-progress-number {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  text-align: center;
  float: right;
  height: 26px;
  line-height: 26px;
  padding-left: 7px;
  padding-right: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-progress-bar .qodef-progress-number-wrapper .qodef-progress-number .qodef-percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 1em;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating {
  width: 100%;
  height: 100%;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating .qodef-progress-number {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 2px;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating .qodef-down-arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #161719;
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-outside .qodef-progress-number {
  background-color: #161719;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-inside .qodef-progress-number {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 16px;
  line-height: 16px;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-floating-inside .qodef-progress-number .qodef-percent {
  display: inline-block;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-static {
  width: 100%;
  margin-left: 0;
}

.qodef-progress-bar .qodef-progress-number-wrapper.qodef-static .qodef-progress-number {
  color: #279eff;
  font-size: 14px;
}

.qodef-progress-bar .qodef-progress-content-outer {
  background-color: #f6f6f5;
  position: relative;
  overflow: hidden;
  height: 21px;
}

.qodef-progress-bar .qodef-progress-content-outer .qodef-progress-content {
  max-width: 100%;
  overflow: hidden;
  background-color: #b2dd4c;
  height: 21px;
  border: 1px solid transparent;
  box-sizing: border-box;
}

/* ==========================================================================
   Progress bar shortcode end styles
   ========================================================================== */
/* ==========================================================================
# Testimonial style - begin
========================================================================== */
.qodef-testimonials.cards_carousel {
  /* Testimonials image  styles */
}

.qodef-testimonials.cards_carousel .owl-item.active .qodef-testimonial-content {
  opacity: 1;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content {
  display: inline-block;
  width: 32.4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 0.7%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(1) {
  transition-delay: 0.1s;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(2) {
  transition-delay: 0.25s;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content:nth-child(3) {
  transition-delay: 0.4s;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content:first-child {
  margin-left: 0;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-content:last-child {
  margin-right: 0;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-text-holder {
  position: relative;
  display: block;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text-inner {
  display: block;
  text-align: left;
  padding: 23px 35px 40px;
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 100%;
  left: 44px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-text {
  font-size: 14px;
  line-height: 1.71em;
  font-weight: 500;
  color: #fff;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-title {
  font-size: 19px;
  line-height: 1.6em;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-info-holder {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 40px 0 0 35px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-image-holder {
  text-align: center;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  line-height: 0;
  width: 56px;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-image-holder img {
  max-width: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-author {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-author-text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  margin-left: 20px;
  color: #fff;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-author-text span {
  display: block;
}

.qodef-testimonials.cards_carousel .qodef-testimonial-author-text .qodef-testimonials-job {
  font-weight: 500;
}

.qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-holder .qodef-testimonial-text-inner {
  background-color: #b2dd4c;
}

.qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after {
  border-top: 12px solid #b2dd4c;
}

.qodef-testimonials.cards_carousel.filled .qodef-testimonial-author-text {
  color: #797979;
}

.qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-prev-icon,
.qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-next-icon {
  background-color: rgba(33, 33, 33, 0.35);
}

.qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-prev-icon:hover,
.qodef-testimonials.cards_carousel.filled ~ .owl-buttons .qodef-next-icon:hover {
  background-color: rgba(33, 33, 33, 0.35);
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonial-text-holder .qodef-testimonial-text-inner {
  background-color: #fff;
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonial-text-holder .qodef-testimonial-text-inner:after {
  border-top: 12px solid #fff;
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonial-title {
  color: #242424;
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonial-text {
  color: #7c7c7c;
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonial-author-text {
  color: #7c7c7c;
}

.qodef-testimonials.cards_carousel.dark .qodef-testimonials-job {
  color: #b2dd4c;
}

.qodef-testimonials.standard_carousel .qodef-testimonial-content-inner {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.qodef-testimonials.standard_carousel .qodef-testimonial-image-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  width: 30%;
  text-align: left;
  line-height: 0;
}

.qodef-testimonials.standard_carousel .qodef-testimonial-text-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  width: 70%;
  text-align: left;
  padding-left: 40px;
}

.qodef-testimonials.standard_carousel .qodef-testimonial-author {
  margin-bottom: 10px;
}

.qodef-testimonials.standard_carousel .qodef-testimonial-title {
  font-size: 18px;
  margin-bottom: 20px;
}

.qodef-testimonials.standard_carousel .owl-controls {
  position: absolute;
  left: 30%;
  bottom: 30px;
  padding-left: 40px;
}

.qodef-testimonials.standard_carousel .owl-controls .owl-pagination {
  text-align: left;
}

.qodef-testimonials-holder .owl-buttons {
  width: 100%;
}

.qodef-testimonials-holder .owl-buttons .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
  cursor: pointer;
}

.qodef-testimonials-holder .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  cursor: pointer;
}

.qodef-testimonials-holder .owl-buttons .qodef-prev-icon,
.qodef-testimonials-holder .owl-buttons .qodef-next-icon {
  display: inline-block;
  width: 66px;
  height: 66px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  background-color: rgba(255, 255, 255, 0.35);
  text-align: center;
}

.qodef-testimonials-holder .owl-buttons .qodef-prev-icon i,
.qodef-testimonials-holder .owl-buttons .qodef-next-icon i {
  font-size: 20px;
  line-height: 66px;
  color: #fff;
}

.qodef-testimonials-holder .owl-buttons .qodef-prev-icon {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.qodef-testimonials-holder .owl-buttons .qodef-next-icon {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-testimonials-holder .owl-buttons .qodef-prev-icon:hover,
.qodef-testimonials-holder .owl-buttons .qodef-next-icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.qodef-testimonials-holder .owl-pagination {
  text-align: center;
}

.qodef-testimonials-holder .owl-pagination .owl-page {
  display: inline-block;
}

.qodef-testimonials-holder .owl-pagination .owl-page span {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 5px;
  background-color: #d2d3d5;
  position: relative;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: background-color 0.2s ease-out, transform 0.2s ease-out;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out;
}

.qodef-testimonials-holder .owl-pagination .owl-page span:before {
  position: absolute;
  content: '';
  left: -5px;
  top: -5px;
  border-radius: 20px;
  border: 2px solid transparent;
  background-color: transparent;
  width: 11px;
  height: 11px;
  padding: 3px;
  box-sizing: content-box;
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}

.qodef-testimonials-holder .owl-pagination .owl-page.active span {
  background-color: #b2dd4c;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.qodef-testimonials-holder .owl-pagination .owl-page.active span:before {
  border-color: #b2dd4c;
}

/* ==========================================================================
# Testimonial style - end
========================================================================== */
/* ==========================================================================
# Pricing table style - begin
========================================================================== */
.qodef-pricing-tables.qodef-two-columns .qodef-price-table {
  width: 50%;
}

.qodef-pricing-tables.qodef-three-columns .qodef-price-table {
  width: 33.33%;
}

.qodef-pricing-tables.qodef-four-columns .qodef-price-table {
  width: 25%;
}

.qodef-price-table {
  position: relative;
  width: 100%;
  padding: 0;
  float: left;
  margin-left: -1px;
}

.qodef-price-table:first-child {
  margin-left: 0;
}

.qodef-price-table .qodef-price-table-inner {
  position: relative;
  background-color: #fff;
}

.qodef-price-table .qodef-price-table-inner ul {
  list-style: none outside none;
  margin: 0;
}

.qodef-price-table .qodef-price-table-inner ul li {
  text-align: center;
  margin: 0;
  padding: 14px;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-title {
  padding: 28px 20px;
  position: relative;
  background-color: #ACD648;
  border: 1px solid #e9e9e9;
  border-bottom: 0;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-title .qodef-title-content {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}

.qodef-price-table .qodef-price-table-inner .qodef-table-body {
  border: 1px solid #e9e9e9;
  padding: 0;
}

.qodef-price-table .qodef-price-table-inner .qodef-table-body ul {
  padding: 0;
}

.qodef-price-table .qodef-price-table-inner .qodef-table-body ul li {
  background-color: #fff;
}

.qodef-price-table .qodef-price-table-inner .qodef-table-body .qodef-table-content ul li:nth-child(2n+1) {
  background-color: #f8f8f8;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-content,
.qodef-price-table .qodef-price-table-inner ul li.qodef-table-content ul {
  padding: 0;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices {
  padding: 20px 5px;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price-in-table {
  text-align: center;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-value,
.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price {
  font-size: 42px;
  line-height: 42px;
  vertical-align: middle;
  color: #222222;
  font-weight: 600;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-value {
  font-size: 24px;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-mark {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #989898;
  text-transform: capitalize;
}

.qodef-price-table .qodef-price-table-inner ul li.qodef-price-button {
  padding: 28px 20px;
}

.qodef-price-table.qodef-active {
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.qodef-price-table.qodef-active > ul {
  margin: -38px 0 0;
  padding: 38px 0 0;
  background-position: 0 38px;
}

.qodef-price-table.qodef-active .qodef-price-table-inner ul li.qodef-table-title {
  background-color: #b2dd4c;
}

.qodef-price-table.qodef-active .qodef-price-table-inner ul li.qodef-price-button {
  padding: 53px 20px;
}

.qodef-price-table.qodef-active .qodef-active-text {
  position: absolute;
  right: 25px;
  top: -45px;
  z-index: 20;
}

.qodef-price-table.qodef-active .qodef-active-text .qodef-active-text-inner {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  rotation: 90deg;
  -ms-rotation: 90deg;
  padding: 17px 11px 11px 8px;
  box-sizing: border-box;
  font-size: 13px;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 17px;
  text-transform: uppercase;
}

.qodef-price-table.qodef-active .qodef-active-text span {
  display: block;
  width: 70px;
  height: 70px;
  background: #16171D;
  -webkit-transform: rotate(11.25deg);
  -ms-transform: rotate(11.25deg);
  transform: rotate(11.25deg);
  rotation: 12.5deg;
  -ms-rotation: 12.5deg;
}

/* ==========================================================================
# Pricing table style - end
========================================================================== */
/* ==========================================================================
# Pie Chart Basic - begin
========================================================================== */
.qodef-pie-chart-holder {
  position: relative;
  display: block;
}

.qodef-pie-chart-holder .qodef-percentage {
  position: relative;
  display: block;
  height: 145px;
  width: 145px;
  line-height: 145px;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.qodef-pie-chart-holder .qodef-percentage .qodef-pie-title {
  line-height: inherit;
}

.qodef-pie-chart-holder .qodef-percentage canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.qodef-pie-chart-holder .qodef-to-counter {
  position: relative;
  font-weight: 600;
  font-size: 34px;
  color: #222222;
}

.qodef-pie-chart-holder .qodef-to-counter:after {
  content: '%';
  line-height: 34px;
}

.qodef-pie-chart-holder .qodef-pie-chart-text {
  text-align: center;
  margin: 12px 0 0;
}

.qodef-pie-chart-holder .qodef-pie-chart-text .qodef-pie-title {
  margin: 0 0 12px;
}

/* ==========================================================================
# Pie Chart Basic - end
========================================================================== */
/* ==========================================================================
# Pie Chart With Icon - begin
========================================================================== */
.qodef-pie-chart-with-icon-holder {
  position: relative;
  display: block;
}

.qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon {
  position: relative;
  display: block;
  height: 145px;
  width: 145px;
  line-height: 145px;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .3s ease 0s;
  -moz-transition: opacity .3s ease 0s;
  -o-transition: opacity .3s ease 0s;
}

.qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon i,
.qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon span {
  float: none;
  margin: 0;
  color: #b2dd4c;
  vertical-align: middle !important;
  display: inline;
  font-size: 34px;
}

.qodef-pie-chart-with-icon-holder .qodef-percentage-with-icon .qode_icon_font_elegant {
  line-height: inherit;
}

.qodef-pie-chart-with-icon-holder .qodef-pie-chart-text {
  text-align: center;
  margin: 12px 0 0;
}

.qodef-pie-chart-with-icon-holder .qodef-pie-chart-text .qodef-pie-title {
  margin: 0 0 12px;
}

/* ==========================================================================
# Pie Chart With Icon - end
========================================================================== */
/* ==========================================================================
# Pie Chart Doughnut - begin
========================================================================== */
.qodef-pie-chart-doughnut-holder {
  display: block;
  position: relative;
  overflow: hidden;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-chart-doughnut {
  margin: 0 22px 0 0;
  float: left;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-legend {
  position: relative;
  float: left;
  width: 40%;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-legend ul {
  list-style: none;
  padding: 0;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li {
  display: block;
  margin: 0 0 10px 0;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li .qodef-pie-color-holder {
  width: 25px;
  height: 25px;
  background-color: #b2dd4c;
  float: left;
}

.qodef-pie-chart-doughnut-holder .qodef-pie-legend ul li p {
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 50px;
}

/* ==========================================================================
# Pie Chart Doughnut - end
========================================================================== */
/* ==========================================================================
# Pie Chart Pie - begin
========================================================================== */
.qodef-pie-chart-pie-holder {
  display: block;
  position: relative;
  overflow: hidden;
}

.qodef-pie-chart-pie-holder .qodef-pie-chart-pie {
  margin: 0 22px 0 0;
  float: left;
}

.qodef-pie-chart-pie-holder .qodef-pie-legend {
  position: relative;
  float: left;
  width: 20%;
}

.qodef-pie-chart-pie-holder .qodef-pie-legend ul {
  list-style: none;
  padding: 0;
}

.qodef-pie-chart-pie-holder .qodef-pie-legend ul li {
  display: block;
  margin: 0 0 10px 0;
}

.qodef-pie-chart-pie-holder .qodef-pie-legend ul li .qodef-pie-color-holder {
  width: 25px;
  height: 25px;
  background-color: #b2dd4c;
  float: left;
}

.qodef-pie-chart-pie-holder .qodef-pie-legend ul li p {
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 50px;
}

/* ==========================================================================
# Pie Chart Pie - end
========================================================================== */
/* ==========================================================================
# Tabs style - begin
========================================================================== */
.qodef-tabs .qodef-tabs-nav {
  display: block;
  position: relative;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  vertical-align: middle;
}

.qodef-tabs .qodef-tabs-nav li a {
  display: block;
  text-align: center;
  padding: 12px 28px;
  box-sizing: border-box;
  color: #222222;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-right-width: 1px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.qodef-tabs .qodef-tabs-nav li.ui-state-active a,
.qodef-tabs .qodef-tabs-nav li.ui-state-hover a {
  color: #fff;
  background-color: #b2dd4c;
  border-color: #b2dd4c;
}

.qodef-tabs .qodef-tabs-nav .qodef-tab-container {
  box-sizing: border-box;
  position: relative;
}

.qodef-tabs .qodef-tabs-nav li:first-child a {
  border-left-width: 2px;
  border-radius: 3px 0 0 3px;
}

.qodef-tabs .qodef-tabs-nav li:last-child a {
  border-right-width: 2px;
  border-radius: 0 3px 3px 0;
}

.qodef-tabs .qodef-tab-container {
  line-height: 25px;
}

/* Horizontal tabs styles
   ========================================================================== */
.qodef-tabs.qodef-horizontal .qodef-tabs-nav li {
  float: left;
  margin: 0;
}

.qodef-tabs.qodef-horizontal .qodef-tabs-nav li:first-child {
  margin: 0;
}

.qodef-tabs.qodef-horizontal .qodef-tab-container {
  padding: 25px 0px;
}

/* Vertical tabs styles
   ========================================================================== */
.qodef-tabs.qodef-vertical .qodef-tabs-nav {
  float: left;
}

.qodef-tabs.qodef-vertical .qodef-tabs-nav li {
  margin: 0 0 10px 0;
  display: block;
  width: 100%;
}

.qodef-tabs.qodef-vertical .qodef-tabs-nav:last-child {
  margin: 0;
}

.qodef-tabs.qodef-vertical .qodef-tabs-nav li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 2px;
}

.qodef-tabs.qodef-vertical .qodef-tab-container {
  float: left;
  padding: 0px 25px;
  width: 74%;
}

/* Tabs with icon and text styles start
   ========================================================================== */
.qodef-tabs.qodef-tab-text-icon .qodef-tabs-nav li a .qodef-tab-text-after-icon {
  padding-left: 10px;
  -webkit-transition: initial;
  transition: initial;
}

/* Tabs with icon styles - start
   ========================================================================== */
.qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a i,
.qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a span {
  -webkit-transition: initial;
  transition: initial;
}

.qodef-tabs.qodef-tab-icon .qodef-tabs-nav li a .qodef-icon-frame {
  display: inline-block;
  min-width: 20px;
}

/* ==========================================================================
# Tabs style - end
========================================================================== */
.qodef-btn {
  display: inline-block;
  position: relative;
  outline: none;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0 35px;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  color: #707070;
  background-color: transparent;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  box-sizing: content-box !important;
}

.qodef-btn:not(.qodef-btn-custom-hover-color):hover {
  color: #fff !important;
}

.qodef-btn:not(.qodef-btn-custom-hover-bg):hover {
  background-color: #b2dd4c !important;
}

.qodef-btn:not(.qodef-btn-custom-border-hover):hover {
  border-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-solid {
  background-color: #b2dd4c;
  border: none;
  color: #fff;
  height: 52px;
  line-height: 52px;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover {
  color: #fff !important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
  background-color: #212121 !important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
  border-color: #212121 !important;
}

.qodef-btn.qodef-btn-outline {
  border: 2px solid #e6e6e6;
  color: #707070;
  background-color: transparent;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover {
  color: #707070 !important;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-bg):hover {
  background-color: transparent !important;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-border-hover):hover {
  border-color: #e6e6e6 !important;
}

.qodef-btn.qodef-btn-custom-hover-bg.qodef-btn-text-icon {
  background-color: rgba(0, 0, 0, 0.05);
}

.qodef-btn.qodef-btn-icon {
  padding: 0;
  vertical-align: middle;
  box-sizing: content-box;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text {
  display: inline-block;
  padding: 0 30px;
  margin-right: 0;
  vertical-align: middle;
  float: left;
  line-height: inherit;
}

@media only screen and (max-width: 600px) {
  .qodef-btn.qodef-btn-icon .qodef-btn-text {
    padding: 0 15px;
  }
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon {
  display: inline-block;
  width: 56px;
  text-align: center;
  font-size: 23px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: inherit;
  vertical-align: middle;
  float: left;
  line-height: inherit;
  border-radius: 0 3px 3px 0;
  position: relative;
  overflow: hidden;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon i,
.qodef-btn.qodef-btn-icon .qodef-btn-text-icon span {
  display: block;
  position: relative;
  left: 0;
  line-height: inherit;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  content: "\e079";
  font-family: 'simple-line-icons';
  overflow: hidden;
  font-weight: normal;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}

.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon:before {
  left: 0;
}

.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon i,
.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon span {
  left: 100%;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid {
  border: none;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid .qodef-btn-text-icon {
  background-color: #9fd323;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid .qodef-btn-text-icon {
  border: none;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid:hover {
  background-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-color).qodef-btn-solid:hover {
  color: #fff !important;
}

.qodef-btn.qodef-btn-icon.qodef-btn-small, .qodef-btn.qodef-btn-icon.qodef-btn-large, .qodef-btn.qodef-btn-icon.qodef-btn-huge, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width {
  padding: 0;
}

.qodef-btn.qodef-btn-small {
  font-size: 13px;
  padding: 0 28px;
  line-height: 43px;
  height: 43px;
}

.qodef-btn.qodef-btn-small.qodef-btn-solid {
  height: 47px;
  line-height: 47px;
}

.qodef-btn.qodef-btn-large {
  font-size: 13px;
  padding: 0 42px;
  line-height: 52px;
  height: 52px;
}

.qodef-btn.qodef-btn-large.qodef-btn-solid {
  height: 56px;
  line-height: 56px;
}

.qodef-btn.qodef-btn-huge, .qodef-btn.qodef-btn-huge-full-width {
  font-size: 15px;
  padding: 0 50px;
  line-height: 54px;
  height: 54px;
}

.qodef-btn.qodef-btn-huge.qodef-btn-solid, .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid {
  height: 58px;
  line-height: 58px;
}

.qodef-btn.qodef-btn-huge-full-width {
  width: 100%;
  text-align: center;
  line-height: 56px;
  height: 56px;
}

.qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid {
  height: 60px;
  line-height: 60px;
}

.qodef-btn.qodef-btn-huge-full-width .qodef-btn-text-icon {
  float: right;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) {
  overflow: hidden;
  position: relative;
  -webkit-transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out;
  transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-btn-text {
  z-index: 9;
  position: relative;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay-holder {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  top: -100%;
  left: 0;
  height: 300%;
  width: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: -webkit-transform .3s ease-out, opacity .2s ease-out;
  transition: transform .3s ease-out, opacity .2s ease-out;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) .qodef-animation-overlay {
  background-color: #b2dd4c;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline).qodef-btn-solid:not(.qodef-btn-custom-hover-bg) .qodef-animation-overlay {
  background-color: #212121;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover {
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover:not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) {
  background-color: transparent !important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) {
  background-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 1;
  -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .qodef-btn-hover-animation {
    display: inline-table;
  }
}

input[type=submit].qodef-btn,
button.qodef-btn {
  cursor: pointer;
}

@supports (-ms-ime-align: auto) {
  .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay {
    transform: scale(1) !important;
  }
  .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay {
    border-radius: inherit !important;
    height: 100% !important;
    top: 0 !important;
  }
}

/* ==========================================================================
   Accordion shortcode start styles
   ========================================================================== */
.qodef-accordion-holder {
  position: relative;
}

.qodef-accordion-holder .qodef-accordion-content {
  margin: 0;
  padding: 23px 0;
}

.qodef-accordion-holder .qodef-accordion-content .wpb_row {
  margin-bottom: 0;
}

.qodef-accordion-holder .qodef-accordion-content .wpb_content_element {
  margin-bottom: 0;
}

.qodef-accordion-holder .qodef-accordion-content ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0;
}

.qodef-accordion-holder .qodef-accordion-content .wpb_button {
  margin-bottom: 0;
}

.qodef-accordion-holder .qodef-title-holder {
  cursor: pointer;
  position: relative;
  font-weight: 700;
  color: #616161;
  padding: 0;
  margin: 16px 0 0;
  box-sizing: border-box;
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}

.qodef-accordion-holder .qodef-title-holder:first-child {
  margin: 0;
}

.qodef-accordion-holder .qodef-title-holder .qodef-tab-title {
  color: inherit;
  line-height: inherit;
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px 0 68px;
  text-align: left;
}

.qodef-accordion-holder .qodef-title-holder .qodef-tab-title-inner {
  color: inherit;
  line-height: inherit;
}

.qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background-color: #f6f6f5;
  box-sizing: border-box;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  text-align: center;
  font-size: 24px;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon .icon_minus-06 {
  opacity: 0;
}

.qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark-icon .icon_plus {
  opacity: 1;
}

.qodef-accordion-holder .qodef-title-holder.ui-state-active,
.qodef-accordion-holder .qodef-title-holder.ui-state-hover {
  color: #b2dd4c;
}

.qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark,
.qodef-accordion-holder .qodef-title-holder.ui-state-hover .qodef-accordion-mark {
  color: #fff;
  background-color: #b2dd4c;
  border-color: #b2dd4c;
}

.qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark-icon .icon_minus-06 {
  opacity: 1;
}

.qodef-accordion-holder .qodef-title-holder.ui-state-active .qodef-accordion-mark-icon .icon_plus {
  opacity: 0;
}

.qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title {
  padding: 0 0 0 60px;
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

.qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title span.qodef-tab-title-inner {
  position: relative;
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  text-align: left;
}

.qodef-accordion-holder.qodef-boxed .qodef-title-holder {
  text-align: left;
  padding: 0;
  background-color: #f6f6f5;
  border: 0;
}

.qodef-accordion-holder.qodef-boxed .qodef-title-holder .qodef-accordion-mark {
  border: 0;
  background-color: #b2dd4c;
}

.qodef-accordion-holder.qodef-boxed .qodef-title-holder.ui-state-active,
.qodef-accordion-holder.qodef-boxed .qodef-title-holder.ui-state-hover {
  color: #616161;
  background-color: #f5f5f5;
}

/* ==========================================================================
   Google Map start style
   ========================================================================== */
.qodef-google-map-holder {
  position: relative;
}

.qodef-google-map {
  display: block;
  width: 100%;
  height: 300px;
}

.qodef-google-map iframe,
.qodef-google-map object,
.qodef-google-map embed {
  width: 100%;
  display: block;
}

.qodef-google-map img {
  max-width: none;
}

.qodef-google-map-overlay {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
}

/* ==========================================================================
   End of Google Map style
   ========================================================================== */
/* ==========================================================================
   Separator start style
   ========================================================================== */
.qodef-separator-holder {
  position: relative;
}

.qodef-separator-holder.qodef-separator-center {
  text-align: center;
}

.qodef-separator-holder.qodef-separator-left {
  text-align: left;
}

.qodef-separator-holder.qodef-separator-right {
  text-align: right;
}

.qodef-separator-holder.qodef-separator-full-width .qodef-separator {
  width: 100% !important;
}

.qodef-separator {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid #b2b2b2;
  margin: 10px 0;
}

/* ==========================================================================
   End of Separator style
   ========================================================================== */
/* ==========================================================================
# Single image style - begin
========================================================================== */
/* Visual composer css styles are loaded after stylesheet so we need to use important
in order to override it */
.wpb_single_image .vc_single_image-wrapper.vc_box_border {
  padding: 0 !important;
  background-color: transparent !important;
  border: 3px solid transparent !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_border:hover {
  border: 2px solid #e9e9e9 !important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle {
  padding: 0 !important;
  background-color: transparent !important;
  border: 3px solid transparent !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle:hover {
  border: 3px solid #f1f1f1 !important;
}

/* ==========================================================================
# Single image style - end
========================================================================== */
/* #Latest posts
   ========================================================================== */
.qodef-blog-list-holder {
  display: inline-block;
  width: 100%;
}

.qodef-blog-list-holder > ul {
  list-style: none;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.qodef-blog-list-holder > ul > li {
  display: block;
  position: relative;
}

.qodef-blog-list-holder .qodef-item-text-holder {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px 0;
}

.qodef-blog-list-holder .qodef-excerpt {
  margin: 10px 0 0 0;
}

.qodef-blog-list-holder .qodef-item-title {
  font-size: 18px;
  font-weight: 600;
}

.qodef-blog-list-holder .qodef-item-info-section {
  font-size: 13px;
  margin: 2px 0 0;
  color: #b2dd4c;
}

.qodef-blog-list-holder .qodef-item-info-section > div {
  display: inline;
  text-transform: capitalize;
  font-size: 13px;
}

.qodef-blog-list-holder .qodef-item-info-section > div a,
.qodef-blog-list-holder .qodef-item-info-section > div:before,
.qodef-blog-list-holder .qodef-item-info-section span {
  color: #b2dd4c;
}

.qodef-blog-list-holder .qodef-item-info-section > div:not(:last-child):after {
  content: '|';
  padding: 0 5px 0 7px;
}

.qodef-blog-list-holder .qodef-item-info-section .qodef-post-info-author:before {
  content: "\e005";
  font-family: 'simple-line-icons';
  padding-right: 5px;
  font-size: 13px;
}

.qodef-blog-list-holder .qodef-item-info-section .qodef-post-info-category:before {
  content: "\e055";
  font-family: 'simple-line-icons';
  padding-right: 5px;
  font-size: 13px;
}

.qodef-blog-list-holder .qodef-item-info-section .qodef-blog-like a i {
  margin: 0 5px 0 0;
}

.qodef-blog-list-holder .qodef-item-image img {
  width: 100%;
  float: left;
}

.qodef-blog-list-holder.qodef-boxes > ul {
  clear: both;
}

.qodef-blog-list-holder.qodef-boxes > ul > li {
  padding: 0;
  float: left;
  border: 0;
  box-sizing: border-box;
  margin: 0 2% 2% 0;
}

.qodef-blog-list-holder.qodef-boxes.qodef-one-column > ul > li {
  float: none;
  margin: 0;
}

.qodef-blog-list-holder.qodef-boxes.qodef-two-columns > ul > li {
  width: 49%;
}

.qodef-blog-list-holder.qodef-boxes.qodef-three-columns > ul > li {
  width: 32%;
}

.qodef-blog-list-holder.qodef-boxes.qodef-four-columns > ul > li {
  width: 23.5%;
}

.qodef-blog-list-holder.qodef-boxes.qodef-two-columns ul.qodef-blog-list li:nth-child(2n),
.qodef-blog-list-holder.qodef-boxes.qodef-three-columns ul.qodef-blog-list li:nth-child(3n),
.qodef-blog-list-holder.qodef-boxes.qodef-four-columns ul.qodef-blog-list li:nth-child(4n) {
  margin: 0;
}

.qodef-blog-list-holder.qodef-boxes.qodef-two-columns ul.qodef-blog-list li:nth-child(2n+1),
.qodef-blog-list-holder.qodef-boxes.qodef-three-columns ul.qodef-blog-list li:nth-child(3n+1),
.qodef-blog-list-holder.qodef-boxes.qodef-four-columns ul.qodef-blog-list li:nth-child(4n+1) {
  clear: both;
}

/*------------------Masonry shortcode -----------------------------*/
.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-grid-sizer {
  width: 32%;
}

.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-grid-gutter {
  width: 2%;
}

.qodef-blog-list-holder.qodef-masonry .qodef-blog-list-masonry-item {
  width: 32%;
}

/*------------------image in left box -----------------------------*/
.qodef-blog-list-holder.qodef-image-in-box ul > li:not(:first-child) {
  padding: 15px 0 0 0;
}

.qodef-blog-list-holder.qodef-image-in-box .qodef-blog-list-item-inner {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.qodef-blog-list-holder.qodef-image-in-box .qodef-item-image {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  width: 150px;
}

.qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0 0 0 20px;
  text-align: left;
}

/*------------------Minimal type styles -----------------------------*/
.qodef-blog-list-holder.qodef-minimal > ul > li:not(:first-child) {
  padding: 15px 0 0 0;
}

.qodef-blog-list-holder.qodef-minimal .qodef-item-text-holder {
  padding: 0;
}

.qodef-blog-list-holder.qodef-minimal .qodef-excerpt {
  margin: 0;
}

/*------------------Widget styles -----------------------------*/
.qodef-sidebar .widget.qodef-latest-posts-widget {
  margin-top: 0;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-image {
  display: none;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder {
  padding-left: 0;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box .qodef-item-title {
  font-size: 15px;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box ul > li {
  padding: 15px 0 12px 0;
  border-bottom: 1px dotted #dfdfdf;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box ul > li:first-child {
  padding-top: 0;
}

.qodef-sidebar .qodef-blog-list-holder.qodef-image-in-box a {
  color: #535353;
}

/*------------------Footer styles -----------------------------*/
footer .qodef-blog-list-holder.qodef-image-in-box ul > li:not(:first-child) {
  padding: 0;
}

footer .qodef-blog-list-holder.qodef-image-in-box > ul {
  line-height: 0;
}

footer .qodef-blog-list-holder.qodef-image-in-box > ul > li {
  display: inline-block;
  width: 23.5%;
  margin-right: 2%;
  float: left;
}

footer .qodef-blog-list-holder.qodef-image-in-box > ul > li:nth-child(4n+4) {
  margin-right: 0;
}

footer .qodef-blog-list-holder.qodef-image-in-box .qodef-item-image {
  width: 100%;
}

footer .qodef-blog-list-holder.qodef-image-in-box .qodef-blog-list-item-inner {
  display: inline-block;
}

footer .qodef-blog-list-holder.qodef-image-in-box .qodef-item-text-holder {
  display: none;
}

.qodef-btn {
  display: inline-block;
  position: relative;
  outline: none;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0 35px;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e6e6e6;
  color: #707070;
  background-color: transparent;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  box-sizing: content-box !important;
}

.qodef-btn:not(.qodef-btn-custom-hover-color):hover {
  color: #fff !important;
}

.qodef-btn:not(.qodef-btn-custom-hover-bg):hover {
  background-color: #b2dd4c !important;
}

.qodef-btn:not(.qodef-btn-custom-border-hover):hover {
  border-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-solid {
  background-color: #b2dd4c;
  border: none;
  color: #fff;
  height: 52px;
  line-height: 52px;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover {
  color: #fff !important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
  background-color: #212121 !important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
  border-color: #212121 !important;
}

.qodef-btn.qodef-btn-outline {
  border: 2px solid #e6e6e6;
  color: #707070;
  background-color: transparent;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover {
  color: #707070 !important;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-bg):hover {
  background-color: transparent !important;
}

.qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-border-hover):hover {
  border-color: #e6e6e6 !important;
}

.qodef-btn.qodef-btn-custom-hover-bg.qodef-btn-text-icon {
  background-color: rgba(0, 0, 0, 0.05);
}

.qodef-btn.qodef-btn-icon {
  padding: 0;
  vertical-align: middle;
  box-sizing: content-box;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text {
  display: inline-block;
  padding: 0 30px;
  margin-right: 0;
  vertical-align: middle;
  float: left;
  line-height: inherit;
}

@media only screen and (max-width: 600px) {
  .qodef-btn.qodef-btn-icon .qodef-btn-text {
    padding: 0 15px;
  }
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon {
  display: inline-block;
  width: 56px;
  text-align: center;
  font-size: 23px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: inherit;
  vertical-align: middle;
  float: left;
  line-height: inherit;
  border-radius: 0 3px 3px 0;
  position: relative;
  overflow: hidden;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon i,
.qodef-btn.qodef-btn-icon .qodef-btn-text-icon span {
  display: block;
  position: relative;
  left: 0;
  line-height: inherit;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text-icon:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  content: "\e079";
  font-family: 'simple-line-icons';
  overflow: hidden;
  font-weight: normal;
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}

.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon:before {
  left: 0;
}

.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon i,
.qodef-btn.qodef-btn-icon:hover .qodef-btn-text-icon span {
  left: 100%;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid {
  border: none;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid .qodef-btn-text-icon {
  background-color: #9fd323;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid .qodef-btn-text-icon {
  border: none;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid:hover {
  background-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-color).qodef-btn-solid:hover {
  color: #fff !important;
}

.qodef-btn.qodef-btn-icon.qodef-btn-small, .qodef-btn.qodef-btn-icon.qodef-btn-large, .qodef-btn.qodef-btn-icon.qodef-btn-huge, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width, .qodef-btn.qodef-btn-icon.qodef-btn-huge-full-width {
  padding: 0;
}

.qodef-btn.qodef-btn-small {
  font-size: 13px;
  padding: 0 28px;
  line-height: 43px;
  height: 43px;
}

.qodef-btn.qodef-btn-small.qodef-btn-solid {
  height: 47px;
  line-height: 47px;
}

.qodef-btn.qodef-btn-large {
  font-size: 13px;
  padding: 0 42px;
  line-height: 52px;
  height: 52px;
}

.qodef-btn.qodef-btn-large.qodef-btn-solid {
  height: 56px;
  line-height: 56px;
}

.qodef-btn.qodef-btn-huge, .qodef-btn.qodef-btn-huge-full-width {
  font-size: 15px;
  padding: 0 50px;
  line-height: 54px;
  height: 54px;
}

.qodef-btn.qodef-btn-huge.qodef-btn-solid, .qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid {
  height: 58px;
  line-height: 58px;
}

.qodef-btn.qodef-btn-huge-full-width {
  width: 100%;
  text-align: center;
  line-height: 56px;
  height: 56px;
}

.qodef-btn.qodef-btn-huge-full-width.qodef-btn-solid {
  height: 60px;
  line-height: 60px;
}

.qodef-btn.qodef-btn-huge-full-width .qodef-btn-text-icon {
  float: right;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) {
  overflow: hidden;
  position: relative;
  -webkit-transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out;
  transition: color .2s ease-out,background-color .2s ease-out, border-color .2s ease-out;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-btn-text {
  z-index: 9;
  position: relative;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay-holder {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  top: -100%;
  left: 0;
  height: 300%;
  width: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: -webkit-transform .3s ease-out, opacity .2s ease-out;
  transition: transform .3s ease-out, opacity .2s ease-out;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) .qodef-animation-overlay {
  background-color: #b2dd4c;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline).qodef-btn-solid:not(.qodef-btn-custom-hover-bg) .qodef-animation-overlay {
  background-color: #212121;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover {
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover:not(.qodef-btn-custom-hover-bg):not(.qodef-btn-solid) {
  background-color: transparent !important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover.qodef-btn-solid:not(.qodef-btn-custom-hover-bg) {
  background-color: #b2dd4c !important;
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 1;
  -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
  transition: transform .2s ease-out, opacity .2s ease-out;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .qodef-btn-hover-animation {
    display: inline-table;
  }
}

input[type=submit].qodef-btn,
button.qodef-btn {
  cursor: pointer;
}

@supports (-ms-ime-align: auto) {
  .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline):hover .qodef-animation-overlay {
    transform: scale(1) !important;
  }
  .qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay {
    border-radius: inherit !important;
    height: 100% !important;
    top: 0 !important;
  }
}

/* ==========================================================================
# Carousels style - begin
========================================================================== */
.qodef-carousel-holder {
  padding: 19px 0;
  background-color: transparent;
  /* Carousel navigation - begin
	========================================================================== */
  /* Carousel navigation - end
	========================================================================== */
}

.qodef-carousel-holder.with_navigation {
  padding: 48px 106px;
}

.qodef-carousel-holder .qodef-carousel-item-holder {
  position: relative;
  padding: 0 13px;
  /* Image zoom - begin
		========================================================================== */
  /* Image zoom - end
		========================================================================== */
  /* Image change on hover - begin
		========================================================================== */
  /* Image change on hover - end
		========================================================================== */
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-zoom img {
  -webkit-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  -webkit-backface-visibility: hidden;
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-item-holder-inner {
  display: inline-block;
  width: 100%;
  position: relative;
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-first-image-holder.qodef-image-change {
  position: relative;
  opacity: 1;
  z-index: 5;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  display: inline-block;
  width: 100%;
}

.qodef-carousel-holder .qodef-carousel-item-holder:hover .qodef-carousel-first-image-holder.qodef-image-change {
  opacity: 0;
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-second-image-holder.qodef-image-change {
  opacity: 0;
}

.qodef-carousel-holder .qodef-carousel-item-holder .qodef-carousel-second-image-holder {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  width: 100%;
  z-index: 10;
}

.qodef-carousel-holder .qodef-carousel-item-holder:hover .qodef-carousel-second-image-holder.qodef-image-change {
  opacity: 1;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons {
  width: 100%;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -106px;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -106px;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-prev-icon,
.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-next-icon {
  display: inline-block;
  width: 66px;
  height: 66px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #aaa;
  text-align: center;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-prev-icon i,
.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-buttons .qodef-next-icon i {
  font-size: 20px;
  line-height: 66px;
  color: #fff;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination {
  text-align: center;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .owl-page {
  display: inline-block;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .owl-page span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #74797b;
}

.qodef-carousel-holder .qodef-carousel.owl-carousel .owl-pagination .owl-page.active span {
  opacity: 1;
}

/* ==========================================================================
# Carousels style - end
========================================================================== */
/* ==========================================================================
   Blockquote shortcode start styles
   ========================================================================== */
blockquote .qodef-blockquote-text {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  border-left: 4px solid #b2dd4c;
  padding-left: 28px;
  color: #535353;
}

/* ==========================================================================
   Blockquote shortcode end styles
   ========================================================================== */
/* ==========================================================================
# Image Gallery - begin
========================================================================== */
/* Image Gallery Grid - begin
========================================================================== */
.qodef-image-gallery {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.qodef-image-gallery .qodef-grayscale .qodef-gallery-image img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(img/desaturate.svg#grayscale);
}

.qodef-image-gallery .qodef-grayscale .qodef-gallery-image:hover img {
  -webkit-filter: grayscale(0);
  filter: none;
}

.qodef-image-gallery .qodef-gallery-image a,
.qodef-image-gallery .qodef-gallery-image img {
  display: block;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: inline-block;
  float: left;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image:nth-child(2n) {
  margin-right: 0;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2 .qodef-gallery-image:nth-child(2n+1) {
  clear: both;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-2.qodef-no-space .qodef-gallery-image {
  margin: 0 !important;
  width: 50%;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: inline-block;
  float: left;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image:nth-child(3n) {
  margin-right: 0;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3 .qodef-gallery-image:nth-child(3n+1) {
  clear: both;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-3.qodef-no-space .qodef-gallery-image {
  margin: 0 !important;
  width: 33.333%;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image {
  width: 24%;
  margin-right: 1.33333%;
  margin-bottom: 1.33333%;
  display: inline-block;
  float: left;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image:nth-child(4n) {
  margin-right: 0;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4 .qodef-gallery-image:nth-child(4n+1) {
  clear: both;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-4.qodef-no-space .qodef-gallery-image {
  margin: 0 !important;
  width: 25%;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image {
  width: 19%;
  margin-right: 1.25%;
  margin-bottom: 1.25%;
  display: inline-block;
  float: left;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image:nth-child(5n) {
  margin-right: 0;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5 .qodef-gallery-image:nth-child(5n+1) {
  clear: both;
}

.qodef-image-gallery .qodef-image-gallery-grid.qodef-gallery-columns-5.qodef-no-space .qodef-gallery-image {
  margin: 0 !important;
  width: 20%;
}

.qodef-image-gallery .qodef-image-gallery-grid:not(.qodef-grayscale) .qodef-gallery-image:hover img {
  opacity: 0.85;
}

/* Image Gallery Grid - end
========================================================================== */
/* Image Gallery Slider - begin
========================================================================== */
.qodef-image-gallery .owl-buttons .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.qodef-image-gallery .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.qodef-image-gallery .owl-buttons .qodef-prev-icon,
.qodef-image-gallery .owl-buttons .qodef-next-icon {
  display: inline-block;
  width: 66px;
  height: 66px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  text-align: center;
}

.qodef-image-gallery .owl-buttons .qodef-prev-icon i,
.qodef-image-gallery .owl-buttons .qodef-next-icon i {
  font-size: 20px;
  line-height: 66px;
  color: #fff;
}

.qodef-image-gallery .owl-buttons .qodef-prev-icon {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.qodef-image-gallery .owl-buttons .qodef-next-icon {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-image-gallery .owl-buttons .qodef-prev-icon:hover,
.qodef-image-gallery .owl-buttons .qodef-next-icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.qodef-image-gallery .owl-pagination {
  text-align: center;
}

.qodef-image-gallery .owl-pagination .owl-page {
  display: inline-block;
}

.qodef-image-gallery .owl-pagination .owl-page span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 4px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
  position: relative;
  vertical-align: middle;
}

.qodef-image-gallery .owl-pagination .owl-page.active span {
  opacity: 1;
  width: 12px;
  height: 12px;
  margin: 4px 7px;
}

.qodef-image-gallery .owl-pagination .owl-page.active span:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  border: 2px solid #fff;
  display: inline-block;
  left: -4px;
  top: -4px;
  padding: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
}

.qodef-image-gallery.qodef-image-frame {
  margin: 0 auto;
  overflow: visible;
  padding: 10px 0 0 0;
  position: relative;
}

.qodef-image-gallery.qodef-image-frame.qodef-frame-5 {
  width: 356px;
}

.qodef-image-gallery.qodef-image-frame img {
  width: 100%;
  display: block;
}

.qodef-image-gallery.qodef-image-frame .qodef-gallery-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
}

.qodef-image-gallery.qodef-image-frame .owl-buttons .owl-prev {
  left: -66px;
}

.qodef-image-gallery.qodef-image-frame .owl-buttons .owl-next {
  right: -66px;
}

.qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-prev-icon i,
.qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-next-icon i {
  font-size: 32px;
  color: #d0d0d0;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

.qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-prev-icon:hover i,
.qodef-image-gallery.qodef-image-frame .owl-buttons .qodef-next-icon:hover i {
  color: #7c7c7c;
}

/* Image Gallery Slider - end
========================================================================== */
/* ==========================================================================
# Image Gallery - end
========================================================================== */
/* ==========================================================================
   Video Button shortcode start styles
   ========================================================================== */
.qodef-video-button-play {
  width: 65px;
  height: 65px;
  display: block;
  line-height: 65px;
  font-size: 50px;
  margin: 0 auto;
}

.qodef-video-button-play .qodef-video-button-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background-color: #898989;
  color: #fff;
  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.qodef-video-button-play .qodef-video-button-wrapper:hover {
  background-color: #000;
  color: #b2dd4c;
}

.qodef-video-button-play .qodef-video-button-wrapper span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.qodef-video-button-title {
  text-align: center;
  margin-top: 20px;
}

/* ==========================================================================
   Video Button shortcode end styles
   ========================================================================== */
/* ==========================================================================
   Dropcaps shortcodes styles
   ========================================================================== */
.qodef-dropcaps {
  position: relative;
  display: inline-block;
  float: left;
  height: 45px;
  width: 45px;
  line-height: 45px;
  font-size: 40px;
  color: #b2dd4c;
  font-weight: 700;
  text-align: center;
  margin: 5px 20px 0 0;
}

.qodef-dropcaps.qodef-square, .qodef-dropcaps.qodef-circle {
  font-size: 25px;
  background-color: #b2dd4c;
  color: #fff;
}

.qodef-dropcaps.qodef-circle {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

/* ==========================================================================
   Dropcaps shortcode end styles
   ========================================================================== */
/* #Portfolio Specific Style - start
   ========================================================================== */
/* #Portfolio Specific Style - end
   ========================================================================== */
/* ==========================================================================
   Portfolio shortcode styles - begin
   ========================================================================== */
.qodef-portfolio-filter-holder {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin: 0 0 36px;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  text-align: center;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li {
  cursor: pointer;
  display: block;
  margin: 0;
  float: left;
  text-align: center;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  color: #a6a6a6;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: capitalize;
  -webkit-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li:first-child span {
  padding-left: 0;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li.active span,
.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li.current span,
.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li span:hover {
  color: #b2dd4c;
}

.qodef-portfolio-list-holder {
  height: 100%;
  text-align: justify;
  line-height: 0;
  font-size: 0;
}

.qodef-portfolio-list-holder article {
  position: relative;
  margin: 0;
  vertical-align: top;
}

.qodef-portfolio-list-holder article .qodef-item-image-holder {
  position: relative;
}

.qodef-portfolio-list-holder article .qodef-item-image-holder a {
  display: block;
}

.qodef-portfolio-list-holder article .qodef-item-image-holder img,
.qodef-portfolio-list-holder article .qodef-item-image-holder a img {
  vertical-align: top;
  height: auto;
  max-width: 100%;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder {
  position: static;
  display: block;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a {
  display: inline-block;
  font-size: 16px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #b2dd4c;
  background-color: transparent;
  border: 1px solid #b2dd4c;
  margin: 0 10px 0 0;
  z-index: 3;
  box-sizing: content-box;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a:hover {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a:before {
  font-family: 'FontAwesome';
  line-height: inherit;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-portfolio-lightbox:before {
  content: "\f067";
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-preview:before {
  content: "\f0c1";
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-like:before {
  content: "\f08a";
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-like.liked:before {
  content: "\f004";
}

.qodef-portfolio-list-holder article.mix {
  display: none;
  visibility: hidden;
  float: none;
}

.qodef-ptf-gallery-space .qodef-portfolio-list-holder {
  font-size: inherit;
}

.qodef-portfolio-list-holder-outer .qodef-filler {
  display: inline-block;
  height: 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-two-columns article {
  width: 50%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-two-columns .qodef-filler {
  width: 50%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-three-columns article {
  width: 33.33%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-three-columns .qodef-filler {
  width: 33.33%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-four-columns article {
  width: 25%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-four-columns .qodef-filler {
  width: 25%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-five-columns article {
  width: 20%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-five-columns .qodef-filler {
  width: 20%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-six-columns article {
  width: 16.66%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-six-columns .qodef-filler {
  width: 16.66%;
}

.qodef-ptf-standard .qodef-portfolio-list-holder {
  font-size: 0.1px;
}

/*-------gallery no space columns width----------------*/
.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-two-columns article,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns article {
  width: 49%;
  margin: 0 0 2.2%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns article {
  margin: 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns article,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
  width: 32%;
  margin: 0 0 2.2%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
  margin: 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-four-columns article,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-four-columns article {
  width: 23.5%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-five-columns article,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns article {
  width: 18.5%;
  margin: 0 0 2%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns article {
  margin: 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-six-columns article,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns article {
  width: 15.7%;
  margin: 0 0 1.7%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns article {
  margin: 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-two-columns .qodef-filler,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-two-columns .qodef-filler {
  width: 49%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns .qodef-filler,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns .qodef-filler {
  width: 32%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-four-columns .qodef-filler,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-four-columns .qodef-filler {
  width: 23.5%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-five-columns .qodef-filler,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-five-columns .qodef-filler {
  width: 18.5%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-six-columns .qodef-filler,
.qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-six-columns .qodef-filler {
  width: 15.7%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article {
  text-align: left;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-item-title {
  padding: 15px 0 0 0;
  font-size: 17px;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-image-holder {
  overflow: hidden;
  position: relative;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-icons-holder {
  position: absolute;
  width: 100%;
  top: auto;
  left: 0;
  bottom: 50%;
  height: auto;
  padding: 5%;
  opacity: 0;
  text-align: center;
  -webkit-transform: translateY(50%) scale(0);
  -ms-transform: translateY(50%) scale(0);
  transform: translateY(50%) scale(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
  box-sizing: border-box;
  z-index: 3;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-icons-holder a {
  color: #fff;
  background-color: #b2dd4c;
  border: 1px solid #b2dd4c;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article:hover .qodef-item-icons-holder {
  opacity: 1;
  -webkit-transform: translateY(50%) scale(1);
  -ms-transform: translateY(50%) scale(1);
  transform: translateY(50%) scale(1);
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-ptf-category-holder {
  margin-bottom: 30px;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-ptf-category-holder span {
  color: #b2dd4c;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space article {
  margin-bottom: 2%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space .item-text-holder {
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-image-holder {
  overflow: hidden;
  position: relative;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-portfolio-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-overlay-inner {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-item-title {
  line-height: 1.3em;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-item-title > a,
.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-ptf-category-holder span {
  color: #b2dd4c;
  font-weight: 600;
  font-size: 15px;
  line-height: 17px;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-text-holder .qodef-ptf-category-holder {
  color: #b2dd4c;
  margin: 6px 0 0 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article:hover .qodef-item-text-overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery article .qodef-item-icons-holder {
  margin: 15px 0;
}

.qodef-portfolio-item .qodef-portfolio-shader {
  position: absolute;
  width: 100%;
  padding: 15% 0;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.93);
  left: 0;
  top: -15%;
  opacity: 0;
  z-index: 1;
  box-sizing: content-box;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.qodef-portfolio-item:hover .qodef-portfolio-shader {
  opacity: 1;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

/* Portfolio Load More Buttons - begin */
.qodef-portfolio-list-holder-outer .qodef-ptf-list-paging,
.qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space .qodef-ptf-list-paging {
  text-align: center;
  margin: 10px 0 0 0;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-gallery .qodef-ptf-list-paging {
  margin: 50px 0 0 0;
}

/* Portfolio Load More Buttons - end */
/* Portfolio Slider custom styles - begin */
.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons {
  width: 100%;
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon,
.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon {
  display: inline-block;
  width: 66px;
  height: 66px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  text-align: center;
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon i,
.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon i {
  font-size: 20px;
  line-height: 66px;
  color: #fff;
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-prev-icon:hover,
.qodef-portfolio-slider-holder .qodef-portfolio-list-holder.owl-carousel .owl-buttons .qodef-next-icon:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.qodef-portfolio-slider-holder .qodef-ptf-list-paging {
  display: none;
}

/* Portfolio Slider custom styles - end */
/* ==========================================================================
   Portfolio styles - end
   ========================================================================== */
.qodef-iwt .qodef-iwt-link {
  margin-top: 20px;
  display: inline-block;
}

.qodef-iwt.qodef-iwt-icon-top {
  text-align: center;
}

.qodef-iwt.qodef-iwt-icon-top .qodef-iwt-icon-holder {
  margin-bottom: 20px;
}

.qodef-iwt.qodef-iwt-icon-left, .qodef-iwt.qodef-iwt-icon-left-from-title {
  text-align: left;
}

.qodef-iwt:not(.qodef-iwt-left-from-title) .qodef-iwt-title-holder {
  margin-bottom: 20px;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-icon-holder {
  display: inline-block;
  vertical-align: middle;
  width: 15%;
  float: none;
}

.qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon-holder {
  float: left;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-content-holder {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 83%;
  box-sizing: border-box;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-small .qodef-iwt-content-holder {
  padding-left: 80px;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-medium .qodef-iwt-content-holder {
  padding-left: 110px;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-large .qodef-iwt-content-holder {
  padding-left: 150px;
}

.qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-huge .qodef-iwt-content-holder {
  padding-left: 180px;
}

.qodef-iwt.qodef-iwt-icon-right {
  text-align: right;
}

.qodef-iwt.qodef-iwt-icon-right .qodef-iwt-icon-holder {
  float: right;
}

.qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-tiny .qodef-iwt-content-holder {
  padding-right: 60px;
}

.qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-small .qodef-iwt-content-holder {
  padding-right: 80px;
}

.qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-medium .qodef-iwt-content-holder {
  padding-right: 110px;
}

.qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-large .qodef-iwt-content-holder {
  padding-right: 150px;
}

.qodef-iwt.qodef-iwt-icon-right.qodef-iwt-icon-huge .qodef-iwt-content-holder {
  padding-right: 180px;
}

.qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-title-holder {
  margin-bottom: 20px;
}

.qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-holder {
  margin-right: 20px;
}

.qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-icon-holder,
.qodef-iwt.qodef-iwt-left-from-title .qodef-iwt-title-holder {
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================================
   Image With Text shortcode style - begin
   ========================================================================== */
.qodef-image-with-text-holder .qodef-iwt-image-holder {
  position: relative;
  display: inline-block;
}

.qodef-image-with-text-holder .qodef-iwt-image-holder:hover .qodef-iwt-image-overlay {
  opacity: 1;
}

.qodef-image-with-text-holder .qodef-iwt-image-holder img {
  display: block;
  border-radius: 12px;
  box-shadow: 4px 4px 15px #c3c3c3;
}

.qodef-image-with-text-holder .qodef-iwt-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.9);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.qodef-image-with-text-holder .qodef-iwt-image-overlay-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.qodef-image-with-text-holder .qodef-iwt-links-holder a {
  display: inline-block;
  position: relative;
  margin: 0 11px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
}

.qodef-image-with-text-holder .qodef-iwt-links-holder a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.3s ease-in-out;
}

.qodef-image-with-text-holder .qodef-iwt-links-holder a:hover:after {
  background-color: white;
}

.qodef-image-with-text-holder .qodef-iwt-title {
  margin: 0 0 16px;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}

/* ==========================================================================
   Image With Text shortcode style - end
   ========================================================================== */
/* ==========================================================================
# Social Share style - begin
========================================================================== */
.qodef-social-share-holder ul {
  list-style: none;
  display: inline-block;
}

.qodef-social-share-holder ul li {
  display: inline-block;
}

/* List type - begin
========================================================================== */
.qodef-social-share-holder.qodef-list ul {
  border: 1px solid #cecece;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.qodef-social-share-holder.qodef-list li {
  display: inline-block;
  border-right: 1px solid #cecece;
}

.qodef-social-share-holder.qodef-list li:last-child {
  border-right: 0;
}

.qodef-social-share-holder.qodef-list a {
  color: #b4b4b4;
  font-size: 12px;
  display: inline-block;
  padding: 3px 8px 1px 8px;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}

.qodef-social-share-holder.qodef-list a:hover {
  color: #fff;
  background-color: #b2dd4c;
}

/* List type - end
========================================================================== */
/* Dropdown type - begin
========================================================================== */
.qodef-social-share-holder.qodef-dropdown {
  position: relative;
  display: inline-block;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener {
  display: block;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-title {
  display: inline-block;
  margin-left: 5px;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown {
  visibility: hidden;
  z-index: 950;
  float: left;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul {
  position: relative;
  display: block;
  z-index: 990;
  padding: 0 !important;
  min-width: 50px;
  font-weight: 400;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li {
  visibility: hidden;
  position: absolute;
  text-align: center;
  min-width: 50px;
  float: left;
  opacity: 0.2;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown img {
  width: 8px;
  margin-right: 10px;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(2) {
  left: 50px;
  transition-delay: .1s;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) {
  left: 100px;
  transition-delay: .2s;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) {
  left: 150px;
  transition-delay: .3s;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) {
  left: 200px;
  transition-delay: .4s;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) {
  left: 250px;
  transition-delay: 0.5s;
}

.qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) {
  left: 300px;
  transition-delay: 0.6s;
}

/* Dropdown type - end
========================================================================== */
/* ==========================================================================
# Social Share style - end
========================================================================== */
/* ==========================================================================
# Underline icon box style - begin
========================================================================== */
.qodef-underline-icon-box-holder {
  line-height: 0;
  position: relative;
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-holder-inner {
  position: relative;
  z-index: 99;
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder {
  padding: 50px 0 35px;
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element {
  font-size: 42px;
  color: #dfdfdf;
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-title > * {
  padding-bottom: 19px;
  text-transform: capitalize;
  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-text {
  padding-bottom: 43px;
  line-height: 23px;
  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-underline-icon-box-holder .qodef-underline-icon-box-underline {
  display: inline-block;
  width: 100%;
  height: 7px;
  line-height: 0;
  box-sizing: border-box;
  background-color: #b2dd4c;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-underline-icon-box-holder.center {
  text-align: center;
}

.qodef-underline-icon-box-holder.right {
  text-align: right;
}

.qodef-underline-icon-box-holder.qodef-with-border {
  border: 1px solid #dfdfdf;
}

.qodef-underline-icon-box-holder.qodef-with-border .qodef-underline-icon-box-holder-inner {
  padding: 0 25px;
}

.qodef-underline-icon-box-holder.qodef-with-border .qodef-underline-icon-box-icon-holder {
  padding: 30px 0 20px;
}

.qodef-underline-icon-box-holder.qodef-underline-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element {
  color: #b2dd4c;
}

.qodef-underline-icon-box-holder.qodef-underline-animation:hover .qodef-underline-icon-box-underline {
  width: 0;
}

.qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode .qodef-icon-element {
  color: #fff;
}

.qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-icon-holder .qodef-icon-shortcode {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-title > * {
  color: #fff;
}

.qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-text-holder .qodef-underline-icon-box-text {
  color: #fff;
}

.qodef-underline-icon-box-holder.qodef-background-animation:hover .qodef-underline-icon-box-underline {
  height: 100%;
}

/* ==========================================================================
# Underline icon box style - end
========================================================================== */
/* ==========================================================================
# Image With Icon Style - begin
========================================================================== */
.qodef-image-with-icon-holder .qodef-image-with-icon-holder-inner {
  display: inline-block;
  width: 100%;
  position: relative;
  line-height: 0;
}

.qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper {
  display: inline-block;
  position: absolute;
  right: 0;
}

.qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper .qodef-icon-shortcode {
  background-color: #b2dd4c;
  width: 82px;
  height: 82px;
  line-height: 82px;
}

.qodef-image-with-icon-holder .qodef-image-with-icon-holder-icon-wrapper .qodef-icon-shortcode .qodef-icon-element {
  color: #fff;
  font-size: 28px;
}

.qodef-image-with-icon-holder .qodef-image-with-icon-holder-image-wrapper {
  display: inline-block;
  width: 100%;
}

.qodef-image-with-icon-holder .qodef-image-holder {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.qodef-image-with-icon-holder .qodef-image-holder img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================================
# Image With Icon Style - end
========================================================================== */
/* ==========================================================================
# Process Style - begin
========================================================================== */
.qodef-process-holder {
  text-align: center;
}

.qodef-process-holder .qodef-process-item {
  display: inline-block;
  vertical-align: top;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper {
  position: relative;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper:after {
  content: "";
  width: 20%;
  position: absolute;
  border-bottom: 2px dashed #dadada;
  top: 50%;
  left: 100%;
  transform: translateX(-50%);
}

.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  border: 3px solid #e1e1e1;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-process-holder .qodef-process-item .qodef-process-item-background-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  line-height: 0;
  border-radius: 50%;
  border: 0 solid transparent;
  box-sizing: border-box;
  -webkit-transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle {
  width: 90px;
  height: 90px;
  line-height: 90px;
  background-color: #797979;
  border: 0;
}

.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle .qodef-icon-element {
  color: #fff;
  font-size: 30px;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-content-holder {
  margin-top: 35px;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder {
  margin-bottom: 17px;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder > * {
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.qodef-process-holder .qodef-process-item .qodef-process-item-text-holder {
  padding: 0 10px 30px 10px;
}

.qodef-process-holder .qodef-process-item:last-child .qodef-process-item-icon-holder-wrapper:after {
  border: 0;
}

.qodef-process-holder .qodef-process-item:hover .qodef-process-item-icon-holder {
  border-color: #b2dd4c;
}

.qodef-process-holder .qodef-process-item:hover .qodef-icon-shortcode.circle {
  background-color: #b2dd4c;
}

.qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder {
  border: 20px solid rgba(178, 221, 76, 0.3);
  -webkit-transition: border 0.6s cubic-bezier(0.32, 1.63, 0.44, 1.82);
  transition: border 0.6s cubic-bezier(0.32, 1.63, 0.44, 1.82);
}

.qodef-process-holder .qodef-process-item:hover .qodef-process-item-title-holder > * {
  color: #b2dd4c;
}

.qodef-process-holder.columns-3 .qodef-process-item {
  width: 33.33%;
}

.qodef-process-holder.columns-4 .qodef-process-item {
  width: 25%;
}

.qodef-process-holder.columns-5 .qodef-process-item {
  width: 20%;
}

.qodef-process-holder.columns-5 .qodef-process-item-icon-holder-wrapper:after {
  display: none;
}

/* ==========================================================================
# Process Style - end
========================================================================== */
/* ==========================================================================
   Fullwidth Slider shortcode start styles
   ========================================================================== */
.qodef-fullwidth-slider-holder .owl-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
}

.qodef-fullwidth-slider-holder .owl-pagination {
  text-align: center;
}

.qodef-fullwidth-slider-holder .owl-pagination .owl-page {
  display: block;
  margin: 4px;
}

.qodef-fullwidth-slider-holder .owl-pagination .owl-page span {
  display: inline-block;
  width: 14px;
  height: 14px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: relative;
}

.qodef-fullwidth-slider-holder .owl-pagination .owl-page.active span {
  opacity: 1;
  width: 12px;
  height: 12px;
}

.qodef-fullwidth-slider-holder .owl-pagination .owl-page.active span:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  border: 2px solid #fff;
  display: inline-block;
  left: -4px;
  top: -4px;
  padding: 2px;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
}

.qodef-fullwidth-slider-item {
  position: relative;
  display: inline-block;
  background-size: cover;
  background-position: center;
  width: 100%;
  vertical-align: middle;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder-wrapper {
  line-height: 0;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder {
  display: block;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-image-holder img {
  width: 100%;
  height: auto;
  max-height: 900px;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(33, 33, 33, 0.98) 50%, transparent 50%);
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-holder-inner {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper {
  display: block;
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-wrapper-inner {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-wrapper-inner:after {
  background-size: cover;
  content: '';
  height: 100%;
  position: absolute;
  right: -139px;
  width: 140px;
  background: url(img/fullwidth-slider-extend.png) left center no-repeat;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-elements-holder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  padding-right: 100px;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-title {
  margin-bottom: 15px;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-title > * {
  color: #fff;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-subtitle {
  margin-bottom: 20px;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-subtitle > * {
  color: #ddd;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-text {
  margin-bottom: 36px;
  color: #adacac;
}

.qodef-fullwidth-slider-item .qodef-fullwidth-slider-item-content-wrapper .qodef-fullwidth-slider-item-button {
  display: inline-block;
}

/* ==========================================================================
   Fullwidth Slider shortcode end styles
   ========================================================================== */
/* ==========================================================================
   Particles shortcodes styles - Start
   ========================================================================== */
#qodef-particles {
  background: #b61924;
  position: relative;
  overflow: hidden;
  background: transparent center center no-repeat;
  background-size: cover;
  text-align: center;
}

#qodef-particles #qodef-p-particles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#qodef-particles .qodef-p-content {
  position: relative;
  margin: 0 auto;
  width: 1100px;
  display: inline-block;
  vertical-align: middle;
}

#qodef-particles.fullscreen .qodef-p-content,
#qodef-particles.fixed .qodef-p-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

/* ==========================================================================
   Particles shortcode styles - End
   ========================================================================== */
/* ==========================================================================
# Separator with style - begin
========================================================================== */
/* Visual composer css styles are loaded after stylesheet so we need to use important
in order to override it */
.vc_separator h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #222222;
}

/* ==========================================================================
# Separator with style - end
========================================================================== */
/* ==========================================================================
   Qode slider styles
   ========================================================================== */
/* Bootstrap carousel default styles
   ========================================================================== */
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.boxed .carousel-inner {
  width: 1150px;
  left: auto !important;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  box-sizing: border-box;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner .qodef-video {
  position: static;
  left: 0;
  direction: ltr;
}

.safari_browser .carousel-inner video.video {
  object-fit: inherit;
  width: 100% !important;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

/* part for fading animation - start */
.carousel.qodef-fade .item {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel.qodef-fade .active.left,
.carousel.qodef-fade .active.right {
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel.qodef-fade .active.item {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel.qodef-fade .active.left,
.carousel.qodef-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel.qodef-fade .next,
.carousel.qodef-fade .prev {
  left: 0;
  z-index: 1;
}

/* part for fading animation - end */
/* part for vertical up animation - start */
.carousel.qodef-vertical-up:not(.qodef-has-height) .carousel-inner {
  height: 100%;
}

.carousel.qodef-vertical-up .carousel-inner > .item {
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  transition: transform 0.6s ease;
}

.carousel.qodef-vertical-up .carousel-inner > .active {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.carousel.qodef-vertical-up .carousel-inner > .next {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  left: 0%;
}

.carousel.qodef-vertical-up .carousel-inner > .prev {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 0%;
}

.carousel.qodef-vertical-up .carousel-inner > .next.left,
.carousel.qodef-vertical-up .carousel-inner > .prev.right {
  left: 0%;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.carousel.qodef-vertical-up .carousel-inner > .active.left {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 0%;
}

.carousel.qodef-vertical-up .carousel-inner > .active.right {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  left: 0%;
}

/* part for vertical up animation - end */
/* part for vertical down animation - start */
.carousel.qodef-vertical-down:not(.qodef-has-height) .carousel-inner {
  height: 100%;
}

.carousel.qodef-vertical-down .carousel-inner > .item {
  -webkit-transition: -webkit-transform 0.6s ease;
  -moz-transition: -moz-transform 0.6s ease;
  -ms-transition: -ms-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  transition: transform 0.6s ease;
}

.carousel.qodef-vertical-down .carousel-inner > .active {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.carousel.qodef-vertical-down .carousel-inner > .next {
  -webkit-transform: translateY(-99%);
  -moz-transform: translateY(-99%);
  -ms-transform: translateY(-99%);
  -o-transform: translateY(-99%);
  transform: translateY(-99%);
  left: 0%;
}

.carousel.qodef-vertical-down .carousel-inner > .prev {
  -webkit-transform: translateY(99%);
  -moz-transform: translateY(99%);
  -ms-transform: translateY(99%);
  -o-transform: translateY(99%);
  transform: translateY(99%);
  left: 0%;
}

.carousel.qodef-vertical-down .carousel-inner > .next.left,
.carousel.qodef-vertical-down .carousel-inner > .prev.right {
  left: 0%;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.carousel.qodef-vertical-down .carousel-inner > .active.left {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  left: 0%;
}

.carousel.qodef-vertical-down .carousel-inner > .active.right {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 0%;
}

/* part for vertical down animation - end */
/* part for slide cover animation - start */
.carousel.qodef-slide-cover .carousel-inner > .next {
  z-index: 99;
}

.carousel.qodef-slide-cover .carousel-inner > .prev {
  z-index: 100;
}

.carousel.qodef-slide-cover .carousel-inner > .active.left {
  left: -30%;
}

.carousel.qodef-slide-cover .carousel-inner > .active.right {
  left: 30%;
}

/* part for slide cover animation - end */
.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 15;
  padding: 0px !important;
  text-align: center;
  list-style: none;
}

.carousel-indicators:not(.thumbnails) li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px;
  text-indent: -999px;
  border-radius: 20px;
  cursor: pointer;
}

.carousel-indicators.thumbnails {
  bottom: 55px;
}

.carousel-indicators.thumbnails li {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 160px !important;
  /* must not to be overwritten by options */
  height: 100px !important;
}

.carousel-indicators.thumbnails li:last-child {
  margin-right: 0;
}

.carousel-indicators.thumbnails li img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  transition: padding 0.2s ease-out;
  -ms-transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -webkit-transition: padding 0.2s ease-out;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 40px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

/* ==== Carousel Custom - Start ==== */
.carousel {
  margin-bottom: 0;
}

.carousel.qodef-full-screen {
  height: 1500px;
}

.qodef-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.qodef-slider-preloader {
  width: 100%;
  background-repeat: repeat;
  background-color: #3f3f3f;
  background-attachment: scroll;
  background-size: inherit;
  background-image: url("img/preload_pattern.png");
  -webkit-animation-name: preload-background;
  -webkit-animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-name: preload-background;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  position: absolute;
  z-index: 20;
  height: 1100px;
}

.qodef-slider-preloader .qodef-st-loader {
  display: none !important;
}

.carousel:not(.qodef-full-screen) .qodef-slider-preloader .qodef-ajax-loader {
  position: absolute;
}

.vertical_menu_enabled .qodef-slider-preloader .qodef-ajax-loader {
  margin-top: 0px !important;
}

.carousel-inner .qodef-slider-content-outer {
  position: relative;
  height: 100%;
  width: 1100px;
  margin: 0px auto;
  z-index: 12;
}

.carousel-inner .qodef-slide-full-width .qodef-slider-content-outer {
  width: 100% !important;
}

.carousel-inner .qodef-slider-content {
  position: absolute;
  width: 100%;
}

.carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content-outer {
  display: table;
}

.carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content {
  display: table-cell;
  vertical-align: middle;
  position: static;
}

.carousel-inner .item.qodef-content-vertical-middle .qodef-slider-content .qodef-thumb {
  height: auto;
}

.vertical_menu_enabled .carousel-inner .item.qodef-content-vertical-middle {
  padding-top: 0px !important;
}

.carousel-inner .qodef-slider-content .qodef-thumb {
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  vertical-align: middle;
}

.carousel-inner .qodef-slider-content.left {
  text-align: left;
}

.carousel-inner .qodef-slider-content.right {
  text-align: right;
}

.carousel-inner .qodef-slider-content.left .qodef-thumb,
.carousel-inner .qodef-slider-content.right .qodef-thumb {
  display: inline-block;
}

.carousel-inner .qodef-slider-content.center .qodef-thumb {
  text-align: center;
}

.carousel-inner .qodef-slider-content.center {
  text-align: center;
}

/*---------------------Graphic animation Flip--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.flip {
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.flip {
  -webkit-animation: rotate 0.6s 1 ease-out;
  -moz-animation: rotate 0.6s 1 ease-out;
  -o-animation: rotate 0.6s 1 ease-out;
  animation: rotate 0.6s 1 ease-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*---------------------Graphic animation Fade--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.fade {
  -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  opacity: 1;
  filter: alpha(opacity=100);
}

/*---------------------Graphic animation From right--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.from_right {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  right: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.from_right {
  -webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

/*---------------------Graphic animation From left--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.from_left {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  left: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.from_left {
  -webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

/*---------------------Graphic animation From top--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.from_top {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.from_top {
  -webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

/*---------------------Graphic animation From bottom--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb.from_bottom {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: 70px;
}

.carousel-inner .active .qodef-slider-content .qodef-thumb.from_bottom {
  -webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

/*---------------------Graphic animation Clip from left, Clip from Top-----------------------------*/
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor,
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver,
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle {
  display: inline-block;
  position: relative;
}

.touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor,
.touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver,
.touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle {
  opacity: 0;
  filter: alpha(opacity=0);
}

/*---------------------Clip Animation Horizontal --------------------------------- */
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_hor img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.touchevents .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_hor {
  -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes clip_anim_hor {
  0% {
    clip: rect(0px, 300px, 326px, 170px);
    opacity: 0;
  }
  20% {
    clip: rect(0px, 400px, 326px, 320px);
    opacity: 0.2;
  }
  40% {
    clip: rect(0px, 140px, 326px, 60px);
    opacity: 0.4;
  }
  60% {
    clip: rect(0px, 400px, 326px, 300px);
    opacity: 0.6;
  }
  80% {
    clip: rect(0px, 200px, 326px, 0px);
    opacity: 0.8;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 1;
  }
}

@keyframes clip_anim_hor {
  0% {
    clip: rect(0px, 300px, 326px, 170px);
    opacity: 0;
  }
  20% {
    clip: rect(0px, 400px, 326px, 320px);
    opacity: 0.2;
  }
  40% {
    clip: rect(0px, 140px, 326px, 60px);
    opacity: 0.4;
  }
  60% {
    clip: rect(0px, 400px, 326px, 300px);
    opacity: 0.6;
  }
  80% {
    clip: rect(0px, 200px, 326px, 0px);
    opacity: 0.8;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 1;
  }
}

/*---------------------Clip Animation Vertical--------------------------------- */
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_ver img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.touchevents .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_ver {
  -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes clip_anim_ver {
  0% {
    clip: rect(0px, 470px, 90px, 0px);
    opacity: 0;
  }
  20% {
    clip: rect(200px, 470px, 280px, 0px);
    opacity: 0.2;
  }
  40% {
    clip: rect(50px, 470px, 140px, 0px);
    opacity: 0.4;
  }
  60% {
    clip: rect(200px, 470px, 300px, 0px);
    opacity: 0.6;
  }
  80% {
    clip: rect(0px, 470px, 120px, 0px);
    opacity: 0.8;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 1;
  }
}

@keyframes clip_anim_ver {
  0% {
    clip: rect(0px, 470px, 90px, 0px);
    opacity: 0;
  }
  20% {
    clip: rect(250px, 470px, 300px, 0px);
    opacity: 0.2;
  }
  40% {
    clip: rect(100px, 470px, 170px, 0px);
    opacity: 0.4;
  }
  60% {
    clip: rect(200px, 470px, 260px, 0px);
    opacity: 0.6;
  }
  80% {
    clip: rect(50px, 470px, 120px, 0px);
    opacity: 0.8;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 0.8;
  }
}

/*---------------------Clip Animation Puzzle--------------------------------- */
.no-touchevents .carousel-inner .qodef-slider-content .qodef-thumb.clip_anim_puzzle img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: clip_anim_puzzle 1.75s;
  animation: clip_anim_puzzle 1.75s;
}

.touchevents .carousel-inner .active .qodef-slider-content .qodef-thumb.clip_anim_puzzle {
  -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes clip_anim_puzzle {
  0% {
    clip: rect(163px, 235px, 163px, 235px);
    opacity: 0;
  }
  10% {
    clip: rect(163px, 235px, 326px, 0px);
    opacity: 0.2;
  }
  20% {
    clip: rect(163px, 470px, 326px, 235px);
    opacity: 0.3;
  }
  30% {
    clip: rect(0px, 470px, 163px, 235px);
    opacity: 0.4;
  }
  40% {
    clip: rect(0px, 235px, 163px, 0px);
    opacity: 0.5;
  }
  50% {
    clip: rect(163px, 235px, 326px, 0px);
    opacity: 0.6;
  }
  60% {
    clip: rect(163px, 470px, 326px, 235px);
    opacity: 0.7;
  }
  70% {
    clip: rect(0px, 470px, 163px, 235px);
    opacity: 0.8;
  }
  80% {
    clip: rect(0px, 235px, 163px, 0px);
    opacity: 0.9;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 1;
  }
}

@keyframes clip_anim_puzzle {
  0% {
    clip: rect(163px, 235px, 163px, 235px);
    opacity: 0;
  }
  10% {
    clip: rect(163px, 235px, 326px, 0px);
    opacity: 0.2;
  }
  20% {
    clip: rect(163px, 470px, 326px, 235px);
    opacity: 0.3;
  }
  30% {
    clip: rect(0px, 470px, 163px, 235px);
    opacity: 0.4;
  }
  40% {
    clip: rect(0px, 235px, 163px, 0px);
    opacity: 0.5;
  }
  50% {
    clip: rect(163px, 235px, 326px, 0px);
    opacity: 0.6;
  }
  60% {
    clip: rect(163px, 470px, 326px, 235px);
    opacity: 0.7;
  }
  70% {
    clip: rect(0px, 470px, 163px, 235px);
    opacity: 0.8;
  }
  80% {
    clip: rect(0px, 235px, 163px, 0px);
    opacity: 0.9;
  }
  100% {
    clip: rect(0px, 470px, 326px, 0px);
    opacity: 1;
  }
}

/*---------------------Graphic animation end--------------------------------- */
.carousel-inner .qodef-slider-content .qodef-thumb img {
  max-height: 100%;
}

.carousel-inner .qodef-slider-content .qodef-text {
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*------------------------------ All at once and one by one animations-------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.all_at_once,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.all_at_once {
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-inner .qodef-slider-content .qodef-text.one_by_one,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  opacity: 1;
}

/*------------------------------ All at once from bottom -------------------------------------------------------------*/
.carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_bottom,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_bottom {
  -webkit-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes text-from-bottom {
  0% {
    -webkit-transform: translate(0, 15%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 15%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes text-from-bottom {
  0% {
    -moz-transform: translate(0, 15%);
    opacity: 0;
  }
  50% {
    -moz-transform: translate(0, 15%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes text-from-bottom {
  0% {
    -o-transform: translate(0, 15%);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(0, 15%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes text-from-bottom {
  0% {
    transform: translate(0, 15%);
    opacity: 0;
  }
  50% {
    transform: translate(0, 15%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*------------------------------ All at once from bottom end-------------------------------------------------------------*/
/*------------------------------ All at once from top -------------------------------------------------------------*/
.carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_top,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_top {
  -webkit-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes text-from-top {
  0% {
    -webkit-transform: translate(0, -15%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -15%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes text-from-top {
  0% {
    -moz-transform: translate(0, -15%);
    opacity: 0;
  }
  50% {
    -moz-transform: translate(0, -15%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes text-from-top {
  0% {
    -o-transform: translate(0, -15%);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(0, -15%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes text-from-top {
  0% {
    transform: translate(0, -15%);
    opacity: 0;
  }
  50% {
    transform: translate(0, -15%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*------------------------------ All at once from top end-------------------------------------------------------------*/
/*------------------------------ All at once from left -------------------------------------------------------------*/
.carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_left,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_left {
  -webkit-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes text-from-left {
  0% {
    -webkit-transform: translate(-15%, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-15%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes text-from-left {
  0% {
    -moz-transform: translate(-15%, 0);
    opacity: 0;
  }
  50% {
    -moz-transform: translate(-15%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes text-from-left {
  0% {
    -o-transform: translate(-15%, 0);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(-15%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes text-from-left {
  0% {
    transform: translate(-15%, 0);
    opacity: 0;
  }
  50% {
    transform: translate(-15%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*------------------------------ All at once from left end-------------------------------------------------------------*/
/*------------------------------ All at once from right -------------------------------------------------------------*/
.carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.from_right,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.from_right {
  -webkit-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

@-webkit-keyframes text-from-right {
  0% {
    -webkit-transform: translate(15%, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(15%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes text-from-right {
  0% {
    -moz-transform: translate(15%, 0);
    opacity: 0;
  }
  50% {
    -moz-transform: translate(15%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes text-from-right {
  0% {
    -o-transform: translate(15%, 0);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(15%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes text-from-right {
  0% {
    transform: translate(15%, 0);
    opacity: 0;
  }
  50% {
    transform: translate(15%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*------------------------------ All at once from right end-------------------------------------------------------------*/
/*------------------------------ All at once fade -------------------------------------------------------------*/
.carousel-inner .active .qodef-slider-content .qodef-text.all_at_once.fade,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.all_at_once.fade {
  -webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  -o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
  opacity: 1;
  filter: alpha(opacity=100);
}

/*------------------------------ All at once fade end-------------------------------------------------------------*/
/*------------------------------ One by one from bottom -------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: 70px;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom {
  -webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(8) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(9) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_bottom .qodef-el:nth-child(10) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

/*------------------------------ One by one from bottom end -------------------------------------------------------------*/
/*------------------------------ One by one from top -------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el,
.carousel-inner .qodef-slider-content .qodef-slider-content_inner.one_by_one.from_top {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_top {
  -webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(8) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(9) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_top .qodef-el:nth-child(10) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

@-webkit-keyframes text-one-by-one-from-top {
  0% {
    top: -70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes text-one-by-one-from-top {
  0% {
    top: -70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-o-keyframes text-one-by-one-from-top {
  0% {
    top: -70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes text-one-by-one-from-top {
  0% {
    top: -70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

/*----------------------------One by one from top end-------------------------------*/
/*------------------------------ One by one from left -------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_left {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  left: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_left {
  -webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(8) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(9) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_left .qodef-el:nth-child(10) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

@-webkit-keyframes text-one-by-one-from-left {
  0% {
    left: -70px;
    opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}

@-moz-keyframes text-one-by-one-from-left {
  0% {
    left: -70px;
    opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}

@-o-keyframes text-one-by-one-from-left {
  0% {
    left: -70px;
    opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}

@keyframes text-one-by-one-from-left {
  0% {
    left: -70px;
    opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}

/*----------------------------One by one from left end-------------------------------*/
/*------------------------------ One by one from right -------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_right {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  right: -70px;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_right {
  -webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(8) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(9) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.from_right .qodef-el:nth-child(10) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

@-webkit-keyframes text-one-by-one-from-right {
  0% {
    right: -70px;
    opacity: 0;
  }
  50% {
    right: 0px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}

@-moz-keyframes text-one-by-one-from-right {
  0% {
    right: -70px;
    opacity: 0;
  }
  50% {
    right: 0px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}

@-o-keyframes text-one-by-one-from-right {
  0% {
    right: -70px;
    opacity: 0;
  }
  50% {
    right: 0px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}

@keyframes text-one-by-one-from-right {
  0% {
    right: -70px;
    opacity: 0;
  }
  50% {
    right: 0px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}

/*----------------------------One by one from right end-------------------------------*/
/*------------------------------ One by one fade -------------------------------------------------------------*/
.carousel-inner .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el,
.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el,
.carousel-inner .active .qodef-slider-content .qodef-slider-content-inner.one_by_one.fade {
  -webkit-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
  -moz-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
  -o-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
  animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0px);
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(3) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(4) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(5) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(6) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(7) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(8) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(9) {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
}

.carousel-inner .active .qodef-slider-content .qodef-text.one_by_one.fade .qodef-el:nth-child(10) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

/*----------------------------One by one fade end-------------------------------*/
/* if slide has thumbanail than set new animation delay times - start */
.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(1) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(2) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(4) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(5) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(6) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(7) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(8) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(9) {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
}

.carousel-inner .qodef-has-thumbnail.active .qodef-slider-content .qodef-text.one_by_one .qodef-el:nth-child(10) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

/* if slide has thumbanail than set new animation delay times - end */
/* one by one element animation - end */
.carousel-inner .qodef-slider-content .qodef-el {
  width: 100%;
}

.carousel-inner .qodef-slider-content .qodef-el > div {
  display: inline-block;
  vertical-align: middle;
  width: inherit;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder {
  display: inline-block;
  width: 100%;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn {
  margin: 40px 8px 0;
  height: auto !important;
}

@media only screen and (max-width: 480px) {
  .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:last-child {
    margin: 20px 0 0;
  }
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid:hover {
  color: #fff !important;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid {
  line-height: 56px;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default {
  color: #fff;
  line-height: 52px;
  border-color: rgba(255, 255, 255, 0.5);
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:first-child {
  margin-left: 0;
}

.carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn:last-child {
  margin-right: 0;
}

.carousel-inner h2 {
  clear: both;
  font-size: 90px;
  line-height: 1.0777em;
  letter-spacing: 0px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 22px;
}

.carousel-inner .item.dark h2 {
  color: #16171d;
  text-transform: none;
  font-size: 52px;
  line-height: 1.12em;
}

.carousel-inner .item.dark h3.qodef-slide-text {
  color: #7a7a7a;
  font-size: 18px;
  line-height: 1.5;
}

.carousel-inner .item.dark h3.qodef-slide-subtitle {
  color: #16171d;
}

.item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default,
.item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default:hover,
.carousel-inner .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-default:hover {
  color: #8c8c8c;
  border-color: #8c8c8c;
}

.carousel-inner .item.dark .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn.qodef-btn-solid:hover {
  color: #fff !important;
  border-color: #212121 !important;
}

.carousel-inner h2 a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

.carousel-inner h2 span,
.carousel-inner h3 span {
  display: inline-block;
}

.carousel-inner h3.qodef-slide-subtitle {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  line-height: 1.458em;
  padding: 9px 20px;
  display: inline-block;
  border-left: 7px solid #b2dd4c;
  margin: 0 0 20px;
}

.carousel-inner h3.qodef-slide-text {
  margin: 0;
  clear: both;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.458em;
}

.carousel-inner .left .qodef-text,
.carousel-inner .left h2,
.carousel-inner .left h3 {
  text-align: left;
}

.carousel-inner .center .qodef-text,
.carousel-inner .center h2,
.carousel-inner .center h3 {
  text-align: center;
}

.carousel-inner .right .qodef-text,
.carousel-inner .right h2,
.carousel-inner .right h3 {
  text-align: right;
}

.carousel-inner {
  left: 0 !important;
  position: fixed;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

.carousel-inner.qodef-relative-position,
.touchevents .carousel-inner {
  position: relative;
}

.carousel-inner .item img {
  display: inline-block !important;
}

.touchevents .carousel-inner .item {
  background-position: center 0px !important;
}

.carousel-inner .item .qodef-image {
  position: absolute;
  top: 0px;
  left: 0px;
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 110%;
}

/* animate image - start */
@media only screen and (min-width: 1024px) {
  .carousel-inner .item.qodef-animate-image.zoom_center .qodef-image {
    position: absolute;
    top: 0%;
    left: 0%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 110%;
    -webkit-backface-visibility: hidden;
    /* to prevent glittering on slide change */
    backface-visibility: hidden;
  }
  .carousel-inner .item.qodef-animate-image.zoom_top_left .qodef-image,
  .carousel-inner .item.qodef-animate-image.zoom_top_right .qodef-image,
  .carousel-inner .item.qodef-animate-image.zoom_bottom_left .qodef-image,
  .carousel-inner .item.qodef-animate-image.zoom_bottom_right .qodef-image {
    position: absolute;
    top: -12%;
    left: -12%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 125%;
    height: 125%;
    -webkit-backface-visibility: hidden;
    /* to prevent glittering on slide change */
    backface-visibility: hidden;
  }
}

/* animate image - end */
.carousel-inner .item .qodef-image img {
  display: none !important;
  width: 0px;
  height: 0px;
}

.carousel-inner .item .qodef-image-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.carousel-control {
  top: 0px;
  width: 8%;
  height: 100%;
  text-shadow: none;
  position: absolute;
  z-index: 2 !important;
  margin: 0px;
  outline: none;
  cursor: pointer;
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -ms-transform: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  -webkit-backface-visibility: hidden;
  /* because navigation is not visible during animation on chrome */
  -moz-backface-visibility: hidden;
  /* because navigation glitters in ff */
}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control:hover {
  opacity: 1 !important;
}

.carousel-control .qodef-prev-nav,
.carousel-control .qodef-next-nav {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.35);
  text-align: center;
  z-index: 10;
  -webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .4s ease-out, right .4s ease-out;
  transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .4s ease-out, right .4s ease-out;
}

.carousel-control span span {
  display: block;
  line-height: inherit;
}

.carousel-control .qodef-prev-nav {
  left: 0;
  border-radius: 0 3px 3px 0;
}

.carousel-control .qodef-next-nav {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.qodef-slider-thumbs .left.carousel-control:hover .qodef-prev-nav {
  left: 70px;
}

.left.carousel-control:hover .qodef-thumb-holder {
  left: 0;
}

.qodef-slider-thumbs .right.carousel-control:hover .qodef-next-nav {
  right: 70px;
}

.right.carousel-control:hover .qodef-thumb-holder {
  right: 0;
}

/* thumb css - start */
.carousel-control .qodef-thumb-holder {
  width: 70px;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 0;
}

/*left arrow*/
.carousel-control.left .qodef-thumb-holder {
  left: -70px;
  -webkit-transition: left .4s ease-out;
  transition: left .4s ease-out;
}

/*right arrow*/
.carousel-control.right .qodef-thumb-holder {
  right: -70px;
  -webkit-transition: right .4s ease-out;
  transition: right .4s ease-out;
}

.carousel-control .qodef-thumb-holder .mejs-offscreen,
.carousel-control .qodef-thumb-holder .mejs-container .mejs-controls {
  display: none !important;
}

/* effect on hover enabled in responsive above 1000px */
.carousel-control .qodef-numbers {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}

.carousel-control .qodef-numbers span {
  display: inline;
}

.carousel-control.left .qodef-thumb-arrow {
  float: left;
  padding: 0px 0px 0px 20px;
}

.carousel-control.left .qodef-numbers {
  float: right;
  padding: 0px 20px 0px 0px;
}

.carousel-control.right .qodef-thumb-arrow {
  float: right;
  padding: 0px 20px 0px 0px;
}

.carousel-control.right .qodef-numbers {
  float: left;
  padding: 0px 0px 0px 20px;
}

.carousel-control .qodef-prev-nav .qodef-numbers,
.carousel-control .qodef-next-nav .qodef-numbers {
  float: none;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  line-height: 50px;
  height: 50px;
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.carousel-control .img {
  clear: both;
  width: 70px;
  height: 70px;
  position: relative;
  display: block;
  overflow: hidden;
}

.qodef-thumb-holder .img img {
  vertical-align: middle;
  width: 70px;
  height: 70px;
}

/* thumb css - end */
.carousel-indicators:not(.thumbnails) li {
  vertical-align: middle;
  background-color: #fff;
  position: relative;
  opacity: 0.4;
  margin: 5px 7px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
  -ms-transform: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
}

.carousel-indicators:not(.thumbnails) li:before {
  position: absolute;
  content: '';
  left: -5px;
  top: -5px;
  border-radius: 20px;
  border: 2px solid transparent;
  background-color: transparent;
  width: 16px;
  height: 16px;
  padding: 3px;
  opacity: 1;
  -ms-transition: border 0.2s ease-out;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
}

.carousel-indicators:not(.thumbnails) li.active:before {
  border-color: #fff;
}

.carousel-indicators:not(.thumbnails) li.active {
  opacity: 1;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.carousel-indicators.thumbnails .active img {
  padding: 5px;
  transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  -ms-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -webkit-transition: padding 0.2s ease-out;
}

/* dark navigation start */
.qodef-dark-navigation .carousel-indicators:not(.thumbnails) li {
  background-color: #b2b2b2;
}

.qodef-dark-navigation .carousel-indicators:not(.thumbnails) li.active {
  background-color: #979797;
}

.qodef-dark-navigation .carousel-indicators:not(.thumbnails) li.active:before {
  border-color: #979797;
}

.qodef-dark-navigation .carousel-control .qodef-prev-nav,
.qodef-dark-navigation .carousel-control .qodef-next-nav {
  color: #fff;
  background-color: rgba(22, 23, 29, 0.35);
}

/* dark navigation end */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  50% {
    -moz-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: perspective(600px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

@-o-keyframes rotate {
  0% {
    -o-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0.2;
  }
  50% {
    -o-transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0.2;
  }
  100% {
    -o-transform: perspective(600px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes rotate {
  0% {
    transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  50% {
    transform: perspective(600px) rotateX(90deg) scale(0.5);
    opacity: 0;
  }
  100% {
    transform: perspective(600px) rotateX(0deg) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes text-from-bottom-one-by-one {
  0% {
    top: 70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes text-from-bottom-one-by-one {
  0% {
    top: 70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-o-keyframes text-from-bottom-one-by-one {
  0% {
    top: 70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes text-from-bottom-one-by-one {
  0% {
    top: 70px;
    opacity: 0;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

.carousel .qodef-video .qodef-mobile-video-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.carousel .qodef-video .qodef-video-overlay {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.carousel .qodef-video .qodef-video-overlay.active {
  background-image: url("img/pixel-video.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  opacity: 1;
}

.carousel .qodef-video .qodef-video-overlay img {
  display: none !important;
}

.carousel .qodef-video .qodef-video-wrap {
  top: 0px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.carousel .qodef-video .qodef-video-wrap .mejs-poster {
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-offscreen {
  display: none;
}

.carousel .qodef-video .qodef-video-wrap .mejs-container .mejs-controls {
  display: none !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-button button:focus {
  outline: none !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(255, 255, 255, 0.18) !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-container {
  background-color: transparent !important;
  background-image: none !important;
  height: auto !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-mediaelement {
  background: none !important;
  border: 0px !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-container .mejs-poster img {
  max-width: none !important;
  width: 100% !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls button {
  opacity: 0.8;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button {
  opacity: 1 !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
  background: #1f1f1f none repeat scroll 0 0 !important;
}

.carousel .qodef-video .qodef-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: transparent !important;
}

/* ==== Carousel Custom - End ==== */
/* ==========================================================================
   End of Qode slider styles
   ========================================================================== */
.qodef-pricing-info {
  border: 1px solid #dfdfdf;
  text-align: center;
  padding: 30px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.qodef-pricing-info .qodef-pricing-info-title {
  margin-bottom: 10px;
}

.qodef-pricing-info .qodef-pricing-info-description {
  margin-bottom: 20px;
  line-height: 21px;
}

.qodef-pricing-info .qodef-pricing-info-pricing {
  display: inline-block;
  line-height: 1;
  margin-bottom: 24px;
}

.qodef-pricing-info .qodef-pricing-info-pricing .qodef-value,
.qodef-pricing-info .qodef-pricing-info-pricing .qodef-price {
  font-size: 43px;
  font-weight: 600;
  color: #b2dd4c;
  vertical-align: middle;
}

.qodef-pricing-info .qodef-pricing-info-pricing .qodef-mark {
  color: #b2b2b2;
  vertical-align: middle;
}

.qodef-pricing-info .qodef-pricing-info-pricing .qodef-mark:before {
  content: "/";
}

.qodef-pricing-info.qodef-active {
  -webkit-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  transform: translateY(-16px);
}

.qodef-pricing-info.qodef-active .qodef-active-text {
  position: absolute;
  right: 25px;
  top: -45px;
  z-index: 20;
}

.qodef-pricing-info.qodef-active .qodef-active-text .qodef-active-text-inner {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  rotation: 90deg;
  -ms-rotation: 90deg;
  padding: 17px 11px 11px 8px;
  box-sizing: border-box;
  font-size: 13px;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 17px;
  text-transform: uppercase;
}

.qodef-pricing-info.qodef-active .qodef-active-text span {
  display: block;
  width: 70px;
  height: 70px;
  background: #16171D;
  -webkit-transform: rotate(11.25deg);
  -ms-transform: rotate(11.25deg);
  transform: rotate(11.25deg);
  rotation: 12.5deg;
  -ms-rotation: 12.5deg;
}

.qodef-pricing-slider {
  text-align: center;
}

.qodef-pricing-slider .qodef-pricing-slider-button-holder {
  margin-bottom: 116px;
}

.qodef-pricing-slider .qodef-pricing-slider-button.active .qodef-btn,
.qodef-pricing-slider .qodef-pricing-slider-button-extra.active .qodef-btn {
  background-color: #b2dd4c;
  border-color: #b2dd4c;
  color: #fff;
}

.qodef-pricing-slider .qodef-pricing-slider-button-extra {
  margin-left: 9px;
}

.qodef-pricing-slider .qodef-pricing-slider-bar-holder {
  height: 4px;
  background-color: #e4e4e4;
  margin-bottom: 114px;
  position: relative;
}

.qodef-pricing-slider .qodef-pricing-slider-drag {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  display: inline-block;
  background-color: #b2dd4c;
  position: absolute;
  line-height: 30px;
  top: -15px !important;
  left: 0;
  cursor: pointer;
  z-index: 10;
}

.qodef-pricing-slider .qodef-pricing-slider-drag i {
  font-size: 10px;
  color: #fff;
}

.qodef-pricing-slider .qodef-pricing-slider-bar {
  height: 100%;
  background-color: #b2dd4c;
}

.qodef-pricing-slider .delimiter {
  width: 3px;
  height: 4px;
  background-color: #a1a1a1;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10%;
}

.qodef-pricing-slider .qodef-pricing-slider-info-holder {
  width: 30%;
  margin: 0 auto;
}

.qodef-pricing-slider .qodef-pricing-info {
  padding: 41px 30px;
}

.qodef-pricing-slider .qodef-pricing-info .qodef-pricing-info-pricing {
  margin-bottom: 46px;
}

.qodef-pricing-slider .qodef-pricing-slider-value-holder {
  text-align: center;
  position: absolute;
  z-index: 100;
  opacity: 1;
  top: 26px;
  box-sizing: border-box;
  width: 120px;
  -webkit-transform: translateX(calc(-50% - 9px));
  -ms-transform: translateX(calc(-50% - 9px));
  transform: translateX(calc(-50% - 9px));
}

.qodef-pricing-slider .qodef-pricing-slider-value-holder .qodef-pricing-slider-value {
  font-size: 15px;
  font-weight: 500;
  color: #b2b2b2;
  display: inline-block;
  text-align: center;
  height: 20px;
  line-height: 20px;
}

/* ==========================================================================
# Info box style - begin
========================================================================== */
.qodef-info-box {
  position: relative;
  text-align: center;
  width: 100%;
}

.qodef-info-box .qodef-info-box-font-side {
  background-color: #fff;
  width: 100%;
}

.qodef-info-box .qodef-info-box-font-side .qodef-info-box-front-side-inner {
  vertical-align: middle;
  padding: 30px;
}

.qodef-info-box .qodef-info-box-font-side .qodef-info-box-icon-holder {
  padding: 0 0 26px 0;
}

.qodef-info-box .qodef-info-box-font-side .qodef-info-box-title {
  margin: 0 0 7px 0;
}

.qodef-info-box.qodef-animate {
  height: 280px;
}

.qodef-info-box.qodef-animate .qodef-info-box-font-side,
.qodef-info-box.qodef-animate .qodef-info-box-back-side {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.qodef-info-box.qodef-animate .qodef-info-box-font-side {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.qodef-info-box.qodef-animate .qodef-info-box-back-side {
  background-color: #b2dd4c;
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  display: table;
}

.qodef-info-box.qodef-animate .qodef-info-box-back-side .qodef-info-box-back-side-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
}

.qodef-info-box.qodef-animate:hover .qodef-info-box-font-side {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.qodef-info-box.qodef-animate:hover .qodef-info-box-back-side {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.qodef-info-box.qodef-with-border .qodef-info-box-font-side {
  border: 1px solid #dfdfdf;
}

.qodef-info-box.qodef-back-margin .qodef-info-box-button {
  margin: 30px 0 0 0;
}

.qodef-info-box .qodef-light {
  color: #fff;
}

.qodef-info-box .qodef-light .qodef-info-box-title * {
  color: #fff;
}

.qodef-info-box .qodef-light .qodef-btn.qodef-btn-outline {
  color: #fff !important;
  border-color: #fff !important;
}

/* ==========================================================================
# Info box style - end
========================================================================== */
.qodef-service-table table {
  table-layout: fixed;
  width: 100%;
  /* must have this set */
}

.qodef-service-table table thead tr {
  border: 1px solid #f0eeed;
}

.qodef-service-table table thead th {
  font-size: 16px;
  font-weight: 600;
  color: #202020;
  border-right: 1px solid #f0eeed;
  padding: 21px 27px;
}

.qodef-service-table table thead th:first-child {
  text-align: left;
  width: 50%;
  background-color: #fcfbfc;
}

.qodef-service-table table thead th:nth-child(2n + 3) {
  background-color: #fafcff;
}

.qodef-service-table table thead th:last-child {
  border-right: 0;
}

.qodef-service-table table tbody tr {
  border: 1px solid #f0eeed;
}

.qodef-service-table table tbody td {
  vertical-align: middle;
  border-right: 1px solid #f0eeed;
  padding: 12px 27px 7px;
  font-size: 13px;
}

.qodef-service-table table tbody td:first-child {
  background-color: #fcfbfc;
  text-align: left;
  width: 50%;
}

.qodef-service-table table tbody td:nth-child(2n + 3) {
  background-color: #fafcff;
}

.qodef-service-table table tbody td:last-child {
  border-right: 0;
}

.qodef-service-table table tbody td .qodef-mark {
  font-size: 26px;
  color: #f0eeed;
}

.qodef-service-table table tbody td .qodef-mark.qodef-checked {
  color: #b2dd4c;
}

.qodef-service-table.qodef-cols-1 table thead th:first-child {
  width: 66.66%;
}

.qodef-service-table.qodef-cols-1 table tbody td:first-child {
  width: 66.66%;
}

/* ==========================================================================
# 3d Mobile Showcase Style - begin
========================================================================== */
.qodef-mobile-showcase .qodef-mobile-wrapper {
  position: relative;
  margin: 0;
  width: 100%;
  /* Screens */
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image {
  display: none;
  text-align: center;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective {
  position: relative;
  margin: 0px auto;
  width: 240px;
  height: 550px;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 0%;
  -moz-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-device {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  -moz-transition: -moz-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
  -webkit-transform: rotateY(17deg) rotateX(10deg);
  -moz-transform: rotateY(17deg) rotateX(10deg);
  transform: rotateY(17deg) rotateX(10deg);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-device,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object > div,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object > div {
  position: absolute;
  display: block;
  background: #181818;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-front,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-back {
  width: 239.99952px;
  height: 508px;
  border-radius: 34px;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-top,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-bottom {
  width: 30px;
  height: 179.99952px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-left,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-right {
  width: 30px;
  height: 448px;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-front {
  background: #181818 url(img/iPhone5_front.png) no-repeat top left;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transform: rotateY(0deg) translateZ(15px);
  -moz-transform: rotateY(0deg) translateZ(15px);
  transform: rotateY(0deg) translateZ(15px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-back {
  -webkit-transform: rotateX(180deg) translateZ(15px);
  -moz-transform: rotateX(180deg) translateZ(15px);
  transform: rotateX(180deg) translateZ(15px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-right {
  -webkit-transform: translateY(30px) rotateY(90deg) translateZ(224.99952px);
  -moz-transform: translateY(30px) rotateY(90deg) translateZ(224.99952px);
  transform: translateY(30px) rotateY(90deg) translateZ(224.99952px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-left {
  -webkit-transform: translateY(30px) rotateY(-90deg) translateZ(15px);
  -moz-transform: translateY(30px) rotateY(-90deg) translateZ(15px);
  transform: translateY(30px) rotateY(-90deg) translateZ(15px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-top {
  -webkit-transform: rotateZ(-90deg) translateY(15px) rotateY(90deg);
  -moz-transform: rotateZ(-90deg) translateY(15px) rotateY(90deg);
  transform: rotateZ(-90deg) translateY(15px) rotateY(90deg);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-bottom {
  -webkit-transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px);
  -moz-transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px);
  transform: rotateZ(-90deg) translateY(15px) rotateY(-90deg) translateZ(508px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:before,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:after {
  position: absolute;
  top: -25px;
  left: 0;
  width: 30px;
  height: 23px;
  background: #181818;
  background: -webkitlinear-gradient(bottom, #181818 0%, #333333 100%);
  background: -moz-linear-gradient(bottom, #181818 0%, #333333 100%);
  background: linear-gradient(to top, #181818 0%, #333333 100%);
  content: "";
  -webkit-transform: rotateX(22.5deg) translateZ(-7px);
  -moz-transform: rotateX(22.5deg) translateZ(-7px);
  transform: rotateX(22.5deg) translateZ(-7px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-object .qodef-side:after {
  top: 100%;
  background: -webkit-linear-gradient(top, #181818 0%, #333333 100%);
  background: -moz-linear-gradient(top, #181818 0%, #333333 100%);
  background: linear-gradient(to bottom, #181818 0%, #333333 100%);
  -webkit-transform: rotateX(-22.5deg) translateZ(-7px);
  -moz-transform: rotateX(-22.5deg) translateZ(-7px);
  transform: rotateX(-22.5deg) translateZ(-7px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(1),
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(2),
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(3),
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(4),
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-screen:nth-child(5) {
  display: block;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen {
  position: absolute;
  width: 203.99959px;
  height: 362.0008px;
  top: 72.9996px;
  left: 17.99996px;
  outline: none;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.7s, opacity 0.4s;
  transition: -moz-transform 0.7s, opacity 0.4s;
  transition: transform 0.7s, opacity 0.4s;
  -webkit-transform: translateZ(16px);
  -moz-transform: translateZ(16px);
  transform: translateZ(16px);
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label {
  border: 1px solid #797979;
  color: #797979;
  position: absolute;
  left: 100%;
  margin-left: 18px;
  width: 200px;
  padding: 10px;
  font-size: 15px;
  line-height: 20px;
  opacity: 0;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  -moz-transition: opacity 0.7s, -moz-transform 0.7s;
  transition: opacity 0.7s, transform 0.7s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen:hover .qodef-label {
  border-color: #b2dd4c;
  color: #b2dd4c;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after {
  right: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-right-color: #797979;
  border-width: 13px;
  top: 50%;
  margin-top: -13px;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after,
.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::after {
  border-color: transparent;
  border-right-color: #fff;
  border-width: 13px;
  top: 50%;
  margin-top: -13px;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens .qodef-label::before {
  border-color: transparent;
  border-right-color: #797979;
  border-width: 14px;
  top: 50%;
  margin-top: -14px;
}

.qodef-mobile-showcase .qodef-mobile-wrapper .qodef-screens > .qodef-screen:hover .qodef-label::before {
  border-right-color: #b2dd4c;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-label {
  opacity: 1;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(1) {
  -webkit-transform: translateZ(65px);
  -moz-transform: translateZ(65px);
  transform: translateZ(65px);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  opacity: 0.9;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(1) .qodef-label {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(2) {
  -webkit-transform: translateZ(115px);
  -moz-transform: translateZ(115px);
  transform: translateZ(115px);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 0.9;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(2) .qodef-label {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(3) {
  -webkit-transform: translateZ(165px);
  -moz-transform: translateZ(165px);
  transform: translateZ(165px);
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 0.9;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(3) .qodef-label {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(4) {
  -webkit-transform: translateZ(215px);
  -moz-transform: translateZ(215px);
  transform: translateZ(215px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 0.9;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(4) .qodef-label {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(5) {
  -webkit-transform: translateZ(265px);
  -moz-transform: translateZ(265px);
  transform: translateZ(265px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 0.9;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens .qodef-screen:nth-child(5) .qodef-label {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-screens > .qodef-screen:hover::after {
  opacity: 1;
}

.qodef-mobile-showcase .qodef-mobile-wrapper.qodef-view-layers .qodef-device {
  -webkit-transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px);
  -moz-transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px);
  transform: rotateY(-30deg) rotateX(90deg) translateZ(-15px) translateZ(-97px);
}

.touchevents .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image {
  display: block;
}

.touchevents .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image {
    display: block;
    margin-top: 135px;
  }
  .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective {
    display: none;
  }
}

@-moz-document url-prefix() {
  /* Mozila CSS styles go here */
  .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-mobile-preview-image {
    display: block;
    margin-top: 135px;
  }
  .qodef-mobile-showcase .qodef-mobile-wrapper .qodef-perspective {
    display: none;
  }
}

/* ==========================================================================
# 3d Mobile Showcase Style - end
========================================================================== */
/* ==========================================================================
# Clients style - begin
========================================================================== */
.qodef-clients .qodef-client-holder {
  float: left;
  text-align: inherit;
  margin-bottom: 0;
}

.qodef-clients .qodef-client-holder .qodef-client-holder-inner {
  position: relative;
  margin: 0;
}

.qodef-clients .qodef-client-holder a,
.qodef-clients .qodef-client-holder .qodef-client-image-nolink {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  line-height: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  position: relative;
  overflow: hidden;
}

.qodef-clients .qodef-client-holder.qodef-hover-opacity a:hover {
  opacity: 0.4;
}

.qodef-clients .qodef-client-holder .qodef-client-image {
  position: relative;
  display: block;
}

.qodef-clients .qodef-client-holder .qodef-client-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-hover-image,
.qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image {
  -webkit-transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
}

.qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-hover-image {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.qodef-clients .qodef-client-holder.qodef-clients-roll-over a:hover .qodef-client-hover-image,
.qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image-nolink:hover .qodef-client-hover-image {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
}

.qodef-clients .qodef-client-holder.qodef-clients-roll-over a:hover .qodef-client-image,
.qodef-clients .qodef-client-holder.qodef-clients-roll-over .qodef-client-image-nolink:hover .qodef-client-image {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  transition: transform 0.6s cubic-bezier(0.19, 0.65, 0.02, 0.93);
}

.qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-hover-image,
.qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image {
  -webkit-transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93);
  transition: opacity 0.4s cubic-bezier(0.19, 0.65, 0.02, 0.93);
}

.qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-hover-image {
  opacity: 0;
}

.qodef-clients .qodef-client-holder.qodef-clients-fade a:hover .qodef-client-hover-image,
.qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image-nolink:hover .qodef-client-hover-image {
  opacity: 1;
}

.qodef-clients .qodef-client-holder.qodef-clients-fade a:hover .qodef-client-image,
.qodef-clients .qodef-client-holder.qodef-clients-fade .qodef-client-image-nolink:hover .qodef-client-image {
  opacity: 0;
}

.qodef-clients.qodef-clients-two-columns .qodef-client-holder {
  width: 50%;
}

.qodef-clients.qodef-clients-three-columns .qodef-client-holder {
  width: 33.33%;
}

.qodef-clients.qodef-clients-four-columns .qodef-client-holder {
  width: 25%;
}

.qodef-clients.qodef-clients-five-columns .qodef-client-holder {
  width: 20%;
}

.qodef-clients.qodef-clients-six-columns .qodef-client-holder {
  width: 16.66%;
}

/* ==========================================================================
# Clients style - end
========================================================================== */
/* ==========================================================================
   #Twitter feed
   ========================================================================== */
.qodef_twitter_widget li {
  margin-bottom: 13px;
  position: relative;
  box-sizing: border-box;
}

.qodef_twitter_widget li .tweet_icon_holder {
  position: absolute;
  top: 5px;
}

.qodef_twitter_widget li .tweet_icon_holder .social_twitter {
  font-size: 18px;
  color: #b2dd4c;
  font-family: 'ElegantIcons';
}

.qodef_twitter_widget li .tweet_content_holder {
  font-size: 14px;
  padding-left: 33px;
  color: #a2a2a2;
}

/* ==========================================================================
   Widgets general start styles
   ========================================================================== */
.qodef-sidebar,
.qodef-side-menu {
  margin-bottom: 50px;
}

.qodef-sidebar .widget,
.qodef-side-menu .widget {
  margin-top: 30px;
}

.qodef-sidebar .widget h4,
.qodef-side-menu .widget h4 {
  margin-bottom: 15px;
  position: relative;
  padding-left: 18px;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: #212121;
}

.qodef-sidebar .widget h4:before,
.qodef-side-menu .widget h4:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #b2dd4c;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.qodef-sidebar .widget label,
.qodef-side-menu .widget label {
  display: block;
  padding-bottom: 5px;
}

.qodef-sidebar .widget ul,
.qodef-side-menu .widget ul {
  list-style: none;
}

.qodef-sidebar .widget ul > li,
.qodef-side-menu .widget ul > li {
  padding: 10px 0;
  border-bottom: 1px dotted #dfdfdf;
  color: #acacac;
}

.qodef-sidebar .widget a,
.qodef-side-menu .widget a {
  color: #acacac;
}

.qodef-sidebar .widget a:hover,
.qodef-side-menu .widget a:hover {
  color: #b2dd4c;
}

.qodef-sidebar .widget ul > li ul > li,
.qodef-side-menu .widget ul > li ul > li {
  border-bottom: 0;
}

.qodef-sidebar .widget:first-child,
.qodef-side-menu .widget:first-child {
  margin-top: 0;
}

.qodef-sidebar .widget.widget_archive select,
.qodef-sidebar .widget.widget_archive select option,
.qodef-sidebar .widget.widget_categories select,
.qodef-sidebar .widget.widget_text select,
.qodef-side-menu .widget.widget_archive select,
.qodef-side-menu .widget.widget_archive select option,
.qodef-side-menu .widget.widget_categories select,
.qodef-side-menu .widget.widget_text select {
  width: 100%;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  font-size: 13px;
  background-color: #f6f6f5;
  outline: 0;
  color: #7f8385;
  font-family: inherit;
  padding: 9px 12px;
  height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.qodef-sidebar #searchform,
.qodef-side-menu #searchform {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  background-color: transparent;
  border: 2px solid #eaeaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

.qodef-sidebar #searchform label,
.qodef-side-menu #searchform label {
  display: none;
}

.qodef-sidebar #searchform i,
.qodef-side-menu #searchform i {
  width: 10%;
  line-height: 44px;
  float: right;
}

.qodef-sidebar #searchform input[type="text"],
.qodef-side-menu #searchform input[type="text"] {
  display: inline-block;
  text-decoration: none;
  border: 0;
  outline: 0;
  color: #8d8d8d;
  background-color: transparent;
  font-family: inherit;
  margin: 0;
  padding: 0 12px;
  width: 77%;
  height: 44px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.qodef-sidebar #searchform input[type="submit"],
.qodef-side-menu #searchform input[type="submit"] {
  width: 13%;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  margin: 0;
  padding: 0 4%;
  outline: 0;
  border: 0;
  box-sizing: initial;
  text-decoration: none;
  background-color: transparent;
  color: #8d8d8d;
  font-family: 'FontAwesome',sans-serif;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  float: right;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 16px;
}

.qodef-sidebar .tagcloud a,
.qodef-side-menu .tagcloud a {
  text-transform: capitalize;
  position: relative;
  letter-spacing: 0.4px;
  font-size: 14px !important;
}

.qodef-sidebar .tagcloud a:first-child,
.qodef-side-menu .tagcloud a:first-child {
  margin-left: 0;
}

.qodef-sidebar .tagcloud a:after,
.qodef-side-menu .tagcloud a:after {
  content: '';
  width: 100%;
  border-bottom: 1px solid #acacac;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}

.qodef-sidebar .tagcloud a:hover:after,
.qodef-side-menu .tagcloud a:hover:after {
  border-color: #b2dd4c;
}

.qodef-sidebar .widget.widget_recent_comments a,
.qodef-side-menu .widget.widget_recent_comments a {
  color: #b2dd4c;
}

.qodef-sidebar .widget.widget_recent_comments a:hover,
.qodef-side-menu .widget.widget_recent_comments a:hover {
  color: #535353;
}

.qodef-header-overlapping .qodef-overlapping-top-container .widget_text {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px solid #dbdbdb;
}

.qodef-header-overlapping .qodef-overlapping-top-container .widget_text:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-content-holder,
.qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon-holder {
  width: auto;
}

.qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt .qodef-iwt-title-holder h6 {
  line-height: 17px;
  font-size: 13px;
}

.qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt .qodef-iwt-text-holder {
  font-size: 13px;
  line-height: 21px;
}

.qodef-header-overlapping .qodef-overlapping-top-container .qodef-iwt:not(.qodef-iwt-left-from-title) .qodef-iwt-title-holder {
  margin: 0;
}

.qodef-top-bar .widget {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.qodef-top-bar .qodef-position-right .widget:last-child {
  margin: 0;
}

/* Live search style start */
.qodef-search-element #searchform {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 5px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  position: relative;
}

.qodef-search-element #searchform label {
  display: none;
}

.qodef-search-element #searchform input[type="text"] {
  display: inline-block;
  text-decoration: none;
  border: 0;
  outline: 0;
  color: #8d8d8d;
  background-color: #fff;
  font-family: inherit;
  margin: 0;
  width: 100%;
  height: 65px;
  float: left;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 65px 0 30px;
}

.qodef-search-element #searchform input[type="submit"] {
  width: 65px;
  height: 65px;
  line-height: 65px;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  box-sizing: initial;
  text-decoration: none;
  background-color: transparent;
  color: #8d8d8d;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  float: right;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  font-size: 25px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.qodef-search-element #searchform input[type="submit"]:hover {
  background-color: #202020;
  color: #fff;
}

.qodef-search-element.qodef-live-search-enabled #searchform i {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 28px;
}

.dwls_search_results {
  display: block;
  padding: 0 27px 0 27px;
  max-height: 500px;
  position: absolute;
  left: 0;
  overflow: auto;
  z-index: 9999;
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;
  border-radius: 0 0 2px 2px;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
  .dwls_search_results {
    margin: 0;
  }
}

.admin-bar .dwls_search_results {
  margin-top: -32px;
}

.dwls_search_results li {
  display: block;
  border-bottom: 1px solid #dadada;
  margin: 0 0 0 0;
  text-align: left;
  text-decoration: none;
}

.dwls_search_results li p {
  margin: 5px 0 0 0;
}

.dwls_search_results li a,
.dwls_search_results li a:visited {
  display: block;
  margin-left: 0;
  padding: 18px 0;
  text-decoration: none;
  color: #797979;
}

.dwls_search_results li a:hover,
.dwls_search_results li a:visited {
  color: #b2dd4c;
}

.dwls_search_results .daves-wordpress-live-search_title span {
  display: block;
}

.dwls_search_results .daves-wordpress-live-search_title .search-category {
  font-size: 90%;
}

.dwls_search_results .daves-wordpress-live-search_title .daves-wordpress-live-search_title,
.dwls_search_results .daves-wordpress-live-search_title .daves-wordpress-live-search_title span {
  display: block;
}

.dwls_search_results .daves-wordpress-live-search_author {
  margin: 5px 0 0 0;
  font-size: 90%;
}

.dwls_search_results .daves-wordpress-live-search_date {
  margin: 0;
  font-size: 90%;
}

.dwls_search_results .excerpt,
.dwls_search_results .meta {
  width: 100%;
}

.dwls_search_results .search_footer a {
  display: block;
  margin-left: 0;
  padding: 18px 0;
  text-decoration: none;
  color: #797979;
}

.dwls_search_results .search_footer a:hover, .dwls_search_results .search_footer a:visited {
  color: #b2dd4c;
}

.dwls_search_results .clearfix {
  float: none !important;
  clear: both !important;
}

#search_results_activity_indicator {
  width: 30px;
  height: 30px;
}

#search_results_activity_indicator canvas {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 17px;
  left: 30px;
  background: #fff;
}

.admin-bar #search_results_activity_indicator canvas {
  top: -13px;
}

/* Live search style end */
/* ==========================================================================
   Widgets general end styles
   ========================================================================== */
/* ==========================================================================
   Sticky Sidebar widget start styles
   ========================================================================== */
.qodef-widget-sticky-sidebar {
  position: relative;
  width: 100%;
  height: 0px;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* ==========================================================================
   Sticky Sidebar widget end styles
   ========================================================================== */

/*# sourceMappingURL=modules.css.map */