/*! Prefix flex for IE10  in LESS

* https://gist.github.com/codler/2148ba4ff096a19f08ea

* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */

/* These are the conditional mixins for the different syntax for IE10 Flexbox */

/*! normalize.css based on http://github.com/necolas/normalize.css */

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

   HTML5 display definitions

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

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

video {

  display: inline-block;

}

.old-ie audio,

.old-ie canvas,

.old-ie video {

  display: inline;

  zoom: 1;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden] {

  display: none;

}

* {

  padding: 0;

  margin: 0;

}

html {

  font-size: 100%;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}

a:active,

a:focus,

a:hover {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: 700;

}

dfn {

  font-style: italic;

}

code,

kbd,

pre,

samp {

  font-family: monospace,serif;

  font-family: 'courier new', monospace;

}

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

q {

  quotes: none;

}

q:after,

q:before {

  content: '';

  content: none;

}

small {

  font-size: 75%;

}

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

dd,

dl,

menu,

ol,

ul {

  list-style: none;

  list-style-image: none;

}

img {

  border: 0;

  -ms-interpolation-mode: bicubic;

}

svg:not(:root) {

  overflow: hidden;

}

figure,

form {

  margin: 0;

}

legend {

  border: 0;

  padding: 0;

  white-space: normal;

}

.old-ie legend {

  margin-left: -7px;

}

button,

input,

select,

textarea {

  font-size: 100%;

  margin: 0;

  vertical-align: baseline;

}

.old-ie button,

.old-ie input,

.old-ie select,

.old-ie textarea {

  vertical-align: middle;

}

button,

input {

  line-height: normal;

}

button,

input[type=button],

input[type=reset],

input[type=submit] {

  cursor: pointer;

  -webkit-appearance: button;

}

.old-ie button,

.old-ie input[type=button],

.old-ie input[type=reset],

.old-ie input[type=submit] {

  overflow: visible;

}

button[disabled],

input[disabled] {

  cursor: default;

}

input[type=checkbox],

input[type=radio] {

  box-sizing: border-box;

  padding: 0;

}

.old-ie input[type=checkbox],

.old-ie input[type=radio] {

  height: 13px;

  width: 13px;

}

input[type=search] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

  vertical-align: top;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* HTML5 display definitions:end; */

/*****************************************************

	!-validationEngine.jquery

******************************************************/

.formError {

  position: absolute;

  top: 300px;

  left: 300px;

  padding-bottom: 13px;

  display: block;

  z-index: 5000;

}

.ajaxSubmit {

  padding: 10px;

  text-align: center;

  border: 1px solid #999;

  display: none;

}

.formError .formErrorContent {

  background: #8a0b2c;

  color: #fff;

  width: 165px;

  font-family: tahoma;

  font-size: 11px;

  border: 0 solid #ddd;

  text-shadow: #f5f5f5;

  padding: 4px 10px;

  border-radius: 6px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

}

.greenPopup .formErrorContent {

  background: #33be40;

}

.blackPopup .formErrorContent {

  background: #393939;

  color: #FFF;

}

.formError .formErrorArrow {

  position: absolute;

  bottom: 0;

  left: 20px;

  width: 15px;

  height: 15px;

  z-index: 5001;

}

.formError .formErrorArrowBottom {

  top: 0;

  margin: -6px;

}

.formError .formErrorArrow div {

  border: none;

  height: 1px;

  background: #8a0b2c;

  margin: 0 auto;

  line-height: 0;

  font-size: 0;

  display: block;

}

.formError .formErrorArrowBottom div {

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

}

.formError .formErrorArrow .line10 {

  width: 15px;

  border: none;

}

.formError .formErrorArrow .line9 {

  width: 13px;

  border: none;

}

.formError .formErrorArrow .line8 {

  width: 11px;

}

.formError .formErrorArrow .line7 {

  width: 9px;

}

.formError .formErrorArrow .line6 {

  width: 7px;

}

.formError .formErrorArrow .line5 {

  width: 5px;

}

.formError .formErrorArrow .line4 {

  width: 3px;

}

.formError .formErrorArrow .line3 {

  width: 1px;

}

.formError .formErrorArrow .line2 {

  width: 3px;

  border: none;

  display: none;

}

.formError .formErrorArrow .line1 {

  width: 1px;

  border: none;

  display: none;

}

.formError .formErrorArrow {

  border: none;

}

/* validationEngine.jquery:end; */

/* #LayerSlider DT Skin

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

#page .ls-defaultskin {

  border: none;

  padding: 0;

  text-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

#page .ls-defaultskin .ls-playvideo {

  width: 50px;

  height: 50px;

  margin-left: -25px;

  margin-top: -25px;

}

#page .ls-defaultskin .ls-playvideo,

#page .ls-defaultskin .ls-nav-sides,

#page .ls-defaultskin .ls-nav-start,

#page .ls-defaultskin .ls-nav-stop,

#page .ls-defaultskin .ls-fullscreen {

  background-image: none;

}

#page .ls-defaultskin .ls-nav-prev,

#page .ls-defaultskin .ls-nav-prev:hover,

#page .ls-defaultskin .ls-nav-next,

#page .ls-defaultskin .ls-nav-next:hover {

  background-position: 0px 0px;

}

#page .ls-defaultskin .ls-bottom-slidebuttons a {

  background-image: none;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}

#page .ls-defaultskin .ls-bottom-slidebuttons a:after {

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

#page .ls-defaultskin .ls-nav-start,

#page .ls-defaultskin .ls-nav-stop {

  width: 18px;

  height: 18px;

  margin: 0 6px;

  background-color: #fff;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-border-radius: 10px;

  border-radius: 10px;

}

#page .ls-defaultskin .ls-nav-start:hover,

#page .ls-defaultskin .ls-nav-stop:hover,

#page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active,

#page .ls-defaultskin .ls-nav-start.ls-nav-start-active {

  opacity: 0.65;

}

#page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active,

#page .ls-defaultskin .ls-nav-start.ls-nav-start-active {

  cursor: default;

}

#page .ls-defaultskin .ls-nav-stop {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='rgba(0,0,0, 0.8)' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E");

  background-position: 4px center;

}

#page .ls-defaultskin .ls-nav-start {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='rgba(0,0,0, 0.8)' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E");

  background-position: 5px center;

}

#page .ls-defaultskin .ls-nav-prev,

#page .ls-defaultskin .ls-nav-next {

  width: 30px;

  height: 55px;

  z-index: 10000;

  top: 50%;

  margin-top: -27px;

  position: absolute;

  background: none;

}

#page .ls-defaultskin .ls-nav-prev:before,

#page .ls-defaultskin .ls-nav-next:before,

#page .ls-defaultskin .ls-nav-prev:after,

#page .ls-defaultskin .ls-nav-next:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 30px;

  height: 55px;

  content: "";

  background-position: 0 0;

  background-repeat: no-repeat;

  z-index: 9;

}

#page .ls-defaultskin .ls-nav-prev:after,

#page .ls-defaultskin .ls-nav-next:after {

  top: 1px;

  left: 0;

  z-index: 8;

}

#page .ls-defaultskin .ls-nav-prev {

  left: 10px;

}

#page .ls-defaultskin .ls-nav-next {

  right: 10px;

}

#page .ls-defaultskin .ls-bottom-slidebuttons,

#page .ls-defaultskin .ls-nav-sides {

  height: 20px;

}

#page .ls-defaultskin .ls-bottom-nav-wrapper {

  margin-top: 0;

}

#page .ls-defaultskin .ls-bottom-slidebuttons,

#page .ls-defaultskin .ls-bottom-slidebuttons a,

#page .ls-defaultskin .ls-nav-start,

#page .ls-defaultskin .ls-nav-stop,

#page .ls-defaultskin .ls-nav-sides {

  display: inline-block;

}

#page .ls-defaultskin .ls-bottom-slidebuttons,

#page .ls-defaultskin .ls-nav-start,

#page .ls-defaultskin .ls-nav-stop,

#page .ls-defaultskin .ls-nav-sides {

  top: -30px;

}

#page .ls-defaultskin .ls-bottom-slidebuttons {

  top: -32px;

}

.overlap #page .ls-defaultskin .ls-bottom-slidebuttons,

.overlap #page .ls-defaultskin .ls-nav-start,

.overlap #page .ls-defaultskin .ls-nav-stop,

.overlap #page .ls-defaultskin .ls-nav-sides {

  top: -97px;

}

.overlap #page .ls-defaultskin .ls-bottom-slidebuttons {

  top: -99px;

}

#page .ls-defaultskin .ls-thumbnail-hover {

  bottom: 29px;

  margin-left: 4px;

}

#page .ls-defaultskin .ls-thumbnail-hover-bg {

  background: #eee;

}

#page .ls-defaultskin .ls-thumbnail-hover span {

  border: 5px solid #eee;

  margin-left: -5px;

}

#page .ls-defaultskin .ls-thumbnail {

  top: 10px;

}

#page .ls-defaultskin .ls-thumbnail-inner {

  padding: 2px;

  margin-left: -2px;

  background: #fff;

}

#page .ls-defaultskin .ls-thumbnail-slide a {

  margin-right: 2px;

}

#page .ls-defaultskin .ls-nothumb {

  background: #eee;

}

.ls-container.ls-carousel .ls-nav-prev,

.ls-container.ls-carousel .ls-nav-next {

  width: 30px;

  height: 60px;

}

.ls-container.ls-carousel .ls-nav-prev:after,

.ls-container.ls-carousel .ls-nav-next:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-position: center center;

  background-repeat: no-repeat;

}

.ls-container.ls-carousel .ls-nav-prev:after,

.ls-container.ls-carousel .ls-nav-prev:hover:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");

}

.ls-container.ls-carousel .ls-nav-next:after,

.ls-container.ls-carousel .ls-nav-next:hover:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");

}

.ls-container.ls-carousel .ls-nav-prev,

.ls-container.ls-carousel .ls-nav-next,

.ls-container.ls-carousel .ls-nav-prev:hover,

.ls-container.ls-carousel .ls-nav-next:hover,

#page .ls-carousel .ls-loading-indicator {

  background-repeat: no-repeat;

  background-position: center center;

}

#page .ls-defaultskin .ls-fullscreen {

  width: 30px;

  height: 30px;

  right: 10px;

  top: 10px;

}

#page .ls-carousel .ls-nav-prev,

#page .ls-carousel .ls-nav-next {

  z-index: 90;

}

.ls-container a {

  text-decoration: none;

}

#page .ls-defaultskin .ls-nav-next:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-next:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-next:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-prev:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-prev:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-prev:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

#page .ls-defaultskin .ls-nav-start,

#page .ls-defaultskin .ls-nav-stop,

#page .ls-defaultskin .ls-bottom-slidebuttons a {

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

}

.loading-label,

#page .ls-defaultskin .ls-loading-container,

#page .ls-carousel .ls-loading-container {

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

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

}

/* LayerSlider DT Skin:end */

/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9442;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

}

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9443;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}

.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box;

}

.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.mfp-align-top .mfp-container:before {

  display: none;

}

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}

.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}

.mfp-ajax-cur {

  cursor: progress;

}

.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}

.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}

.mfp-auto-cursor .mfp-content {

  cursor: auto;

}

.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.mfp-loading.mfp-figure {

  display: none;

}

.mfp-hide {

  display: none !important;

}

.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}

.mfp-preloader a {

  color: #CCC;

}

.mfp-preloader a:hover {

  color: #FFF;

}

.mfp-s-ready .mfp-preloader {

  display: none;

}

.mfp-s-error .mfp-content {

  display: none;

}

button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: none !important;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation;

}

button::-moz-focus-inner {

  padding: 0;

  border: 0;

}

button.mfp-close:active {

  background: none;

}

.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}

.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

}

.mfp-close:active {

  top: 1px;

}

.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

}

.mfp-close:active {

  top: 1px;

}

.mfp-close-btn-in .mfp-close {

  color: #333;

}

.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}

.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;

}

.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50% !important;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}

.mfp-arrow:active {

  margin-top: -54px;

  background: none;

}

.mfp-arrow:hover,

.mfp-arrow:focus {

  opacity: 1;

}

.mfp-arrow:before,

.mfp-arrow:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}

.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}

.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}

.mfp-arrow-left {

  left: 0;

}

.mfp-arrow-left:after {

  border-right: 17px solid #FFF;

  margin-left: 31px;

}

.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F;

}

.mfp-arrow-right {

  right: 0;

}

.mfp-arrow-right:after {

  border-left: 17px solid #FFF;

  margin-left: 39px;

}

.mfp-arrow-right:before {

  border-left: 27px solid #3F3F3F;

}

.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}

.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}

.mfp-iframe-holder .mfp-close {

  top: -40px;

}

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}

.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  background: #000;

}

/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 90px;

  margin: 0 auto;

}

.no-share-buttons img.mfp-img {

  padding: 40px 0 40px;

}

/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}

.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 90px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

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

  background: #444;

}

.no-share-buttons .mfp-figure:after {

  bottom: 40px;

}

.mfp-figure small,

.mfp-iframe-scaler small {

  color: #bdbdbd;

  display: block;

  margin-top: 5px;

  font-size: 12px;

  line-height: 14px;

}

.mfp-figure figure {

  margin: 0;

}

.mfp-bottom-bar {

  margin-top: -77px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}

.no-share-buttons .mfp-bottom-bar {

  margin-top: -36px;

}

.mfp-iframe-scaler .mfp-bottom-bar {

  margin-top: 0;

}

.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px;

}

.mfp-image-holder .mfp-content {

  max-width: 100%;

}

.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }

  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;

  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }

  .mfp-img-mobile .mfp-bottom-bar {

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

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;

  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

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

    position: fixed;

    text-align: center;

    padding: 0;

  }

}

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

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0;

  }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%;

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}

.mfp-container .soc-ico a {

  visibility: visible;

  background: rgba(255, 255, 255, 0.12) !important;

}

.mfp-container .soc-ico a .icon {

  fill: #fff !important;

}

/* Magnific Popup CSS:end */

/*Fade effect mfp*/

@-webkit-keyframes mfp_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-moz-keyframes mfp_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-o-keyframes mfp_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes mfp_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.mobile-false:not(.old-ie) .mfp-open .mfp-content {

  -webkit-animation-name: mfp_fadeIn;

  animation-name: mfp_fadeIn;

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

}

body.mfp-zoom-out-cur {

  overflow: hidden;

}

.mobile-false:not(.old-ie) .mfp-img-mobile .mfp-content {

  perspective: 2000px;

}

.mobile-false:not(.old-ie) .mfp-img-mobile .mfp-figure,

.mobile-false:not(.old-ie) .mfp-img-mobile .mfp-iframe {

  opacity: 0;

  transition: all 0.3s ease-in-out;

  transform: scale(0.8);

}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-bg {

  opacity: 0;

  transition: all 0.3s ease-out;

}

.mobile-false .mfp-img-mobile.mfp-ready .mfp-figure,

.mobile-false .mfp-img-mobile.mfp-ready .mfp-iframe {

  opacity: 1;

  transform: scale(1);

}

.mobile-false .mfp-img-mobile.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-figure,

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-iframe {

  transform: scale(0.8);

  opacity: 0;

}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing.mfp-bg {

  opacity: 0;

}

.mfp-title .entry-share {

  margin: 10px 0 0;

}

.btn-ios .mfp-container button {

  position: absolute;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn-ios .mfp-container button.mfp-close:after {

  display: none;

}

.mfp-container,

img.mfp-img,

.mfp-img-mobile .mfp-bottom-bar {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.mfp-iframe-scaler iframe,

.mfp-figure:after {

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

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

}

/* #NextGEN gallery

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

#page .ngg-gallery-thumbnail img,

#page .ngg-thumbnail img,

#page .ngg-imagebrowser .ngg-imagebrowser .pic,

#page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back,

#page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next,

#page .ngg-navigation a.page-numbers,

#page .ngg-navigation a.next,

#page .ngg-navigation a.prev,

#page .ngg-navigation span.page-numbers,

#page .ngg-navigation span.next,

#page .ngg-navigation span.prev {

  border: none;

  background: none;

}

.ngg-navigation a.page-numbers:hover,

.ngg-navigation a.next:hover,

.ngg-navigation a.prev:hover {

  background: none;

}

#page .ngg-gallery-thumbnail img,

#page .ngg-thumbnail img,

#page .ngg-imagebrowser .pic,

#page .ngg-imagebrowser-nav .next,

#page .ngg-imagebrowser-nav .back,

#page .ngg-navigation a.page-numbers,

#page .ngg-navigation a.next,

#page .ngg-navigation a.prev,

#page .ngg-navigation span.page-numbers,

#page .ngg-navigation span.next,

#page .ngg-navigation span.prev {

  border: none;

  background: none;

}

#page .ngg-navigation a {

  font-weight: normal;

}

#page .ngg-navigation a.page-numbers:hover,

#page .ngg-navigation a.next:hover,

#page .ngg-navigation a.prev:hover {

  background-color: transparent;

}

.ngg-imagebrowser a:hover,

.ngg-thumbnail a:hover,

#page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img,

.ngg-album-link a:hover img {

  opacity: 0.7 !important;

}

.ngg-imagebrowser img {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/*NextGEN gallery:end*/

/* #Revolution slider

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

.rev_slider_wrapper {

  z-index: 1;

}

.tp-scrollbelowslider:hover {

  cursor: pointer;

}

#page .tp-rightarrow.custom,

#page .tp-leftarrow.custom {

  background: none !important;

}

#page .tparrows.custom {

  /*position: relative;*/

  width: 30px;

  height: 55px;

}

#page .tparrows.custom:before,

#page .tparrows.custom:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 30px;

  height: 55px;

  content: "";

  background-position: 0 0;

  background-repeat: no-repeat;

  z-index: 9;

}

#page .tparrows.custom:after {

  top: 1px;

  left: 0;

  z-index: 8;

}

.old-ie .kenburnimg img,

.is-iphone .kenburnimg img {

  transform: none !important;

}

/*!Revolution slider arrows*/

#page .tp-rightarrow.custom:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .tp-rightarrow.custom:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .tp-rightarrow.custom:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");

}

#page .tp-leftarrow.custom:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

#page .tp-leftarrow.custom:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

#page .tp-leftarrow.custom:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");

}

/* Revolution slider:end */

.tp-bullets.custom .tp-bullet:hover {

  cursor: pointer;

}

.tp-bullets.custom .tp-bullet {

  position: relative;

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 0 2px;

  vertical-align: middle;

  background: none !important;

}

.accent-bullets .tp-bullets.custom .tp-bullet {

  width: 14px;

  height: 14px;

}

.tp-bullets.custom {

  width: auto !important;

}

.tp-bullets.custom .tp-bullet {

  left: auto !important;

}

.tp-bullets.custom .tp-bullet:before {

  position: absolute;

  left: 1px;

  top: 1px;

  width: 8px;

  height: 8px;

  content: "";

  border: 2px solid;

}

.accent-bullets .tp-bullets.custom .tp-bullet:before {

  -webkit-animation: anim-effect-bullet 0.3s ease-out forwards;

  animation: anim-effect-bullet 0.3s ease-out forwards;

}

.outlines-bullets .tp-bullets.custom .tp-bullet:before {

  border: none;

}

.tp-bullets.custom .tp-bullet:hover:before,

.tp-bullets.custom .tp-bullet.selected:before {

  width: 10px;

  height: 10px;

  margin: -1px 0 0 -1px;

}

.accent-bullets .tp-bullets.custom .tp-bullet:before,

.accent-bullets .tp-bullets.custom .tp-bullet.selected:before {

  width: 14px;

  height: 14px;

  border: none;

}

.accent-bullets .tp-bullets.custom .tp-bullet.selected:before {

  -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards;

  animation: anim-effect-bullet-act 0.3s ease-out forwards;

}

/*	.tp-bullets.custom .bullet:hover:before {

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

	}

	.tp-bullets.custom .bullet.selected:before {

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

	}*/

#main-slideshow .tp-bullets.custom .tp-bullet:before,

#main-slideshow .tp-bullets.custom .tp-bullet.selected:hover:before,

#main-slideshow .tp-bullets.custom .tp-bullet:hover:before {

  border-color: rgba(187, 187, 187, 0.5) !important;

}

#main-slideshow .tp-bullets.custom .tp-bullet.selected:after {

  background-color: rgba(187, 187, 187, 0.5) !important;

}

.tp-bullets.custom .tp-bullet:after {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -2px 0 0 -2px;

  width: 4px;

  height: 4px;

  content: "";

}

.accent-bullets .tp-bullets.custom .tp-bullet:after {

  margin: -3px 0 0 -3px;

  width: 6px;

  height: 6px;

  border-radius: 100%;

}

.tp-bullets.custom .tp-bullet:before,

.tp-bullets.custom .tp-bullet:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.tp-bullets.custom .tp-bullet:before,

.tp-bullets.custom .tp-bullet:after {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

/* #WPML

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

#lang_sel,

#lang_sel_click,

#lang_sel_list {

  position: relative;

  z-index: 99;

  display: inline-block !important;

  -webkit-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

#lang_sel a,

#lang_sel_click a {

  display: block;

  text-decoration: none;

  white-space: nowrap;

  padding: 5px 15px 5px 10px;

  min-width: 150px;

  text-align: left;

  -webkit-transition: background-color 0.2s, color 0.2s;

  transition: background-color 0.2s, color 0.2s;

  box-sizing: border-box;

}

#lang_sel > ul > li:after,

#lang_sel_click > ul > li:after {

  background-position: right center;

  background-repeat: no-repeat;

  content: "";

  height: 8px;

  margin: -4px 10px 0 0;

  position: absolute;

  top: 50%;

  right: 0;

  width: 8px;

}

#lang_sel ul,

#lang_sel li,

#lang_sel_click ul,

#lang_sel_click li,

#lang_sel_list ul,

#lang_sel_click li {

  padding: 0;

  margin: 0;

  list-style-type: none;

}

#lang_sel li:before,

#lang_sel_click li:before {

  content: '';

}

#lang_sel ul > li > ul,

#lang_sel_click ul > li > ul {

  position: absolute;

  opacity: 0;

  visibility: hidden;

  padding: 10px;

  width: 200px;

  -webkit-transition: opacity 0.2s;

  transition: opacity 0.2s;

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

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

  box-sizing: border-box;

}

.side-header #lang_sel ul > li > ul,

.side-header #lang_sel_click ul > li > ul,

.dt-mobile-header #lang_sel ul > li > ul,

.dt-mobile-header #lang_sel_click ul > li > ul {

  bottom: 100%;

}

#lang_sel:hover ul > li > ul,

#lang_sel_click:hover ul > li > ul {

  opacity: 1;

  visibility: visible;

}

.iclflag {

  margin-right: 5px;

}

/* !-- Language panel */

/* (These styles should be tested extensively with WPML) */

.mini-lang {

  position: relative;

}

.mini-lang li {

  display: inline-block;

  margin-right: 20px;

  white-space: nowrap;

}

.mini-lang li:last-child {

  margin-right: 0;

}

.mini-lang img {

  margin: 0 5px 2px 0;

  vertical-align: middle;

}

.sub-downwards .submenu-languages > li > a:hover {

  background: none;

}

/*.side-header .main-nav > li.menu-item-language > a:after,

	.mobile-main-nav > li.menu-item-language > a:after {

		position: absolute;

		top: 50%;

		margin-top: -7px;

		right: -14px;

		width: 14px;

		height: 14px;

		content: "";

		background-repeat: no-repeat;

		background-position: center center;

	}

	.side-header.sub-downwards .main-nav > li.menu-item-language > a:after,

	.mobile-main-nav > li.menu-item-language > a:after {

		right: -30px;

		margin-top: -15px;

		width: 30px;

		height: 30px;

	}

	.mobile-main-nav > li.menu-item-language > a:after {

		right: 0px;

	}

	.sub-downwards .main-nav > li.menu-item-language.open-sub > a.act:after,

	.sub-downwards li.open-sub.menu-item-language > .next-level-button,

	.mobile-main-nav > li.menu-item-language.open-sub > a:after {

		-ms-transform: rotate(45deg);

		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);

	}*/

/*submenu languages*/

.submenu-languages {

  position: absolute;

  visibility: hidden;

  z-index: 200;

  top: 100%;

  left: 0;

  padding: 10px;

  opacity: 0;

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

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

  box-sizing: border-box;

}

.side-header:not(.sub-downwards) .main-nav > li > .submenu-languages {

  top: 0 !important;

  left: 100%;

}

.side-header:not(.sub-downwards) .main-nav > li > .submenu-languages {

  left: 100%;

}

.sub-downwards.side-header .main-nav > li > .submenu-languages,

.dt-mobile-header .mobile-main-nav > li > .submenu-languages {

  position: relative;

  display: none;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0;

  visibility: visible;

  opacity: 1;

  z-index: auto;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.wf-td #lang_sel,

.wf-td #lang_sel_click,

.wf-td #lang_sel_list {

  margin: 0 20px 0 0;

}

.right-block #lang_sel,

.right-block #lang_sel_click,

.right-block #lang_sel_list {

  margin: 0 0 0 20px;

}

#lang_sel_list,

#lang_sel_list a,

#lang_sel_footer a {

  text-decoration: none;

  text-align: left;

}

#lang_sel_list a:hover,

#lang_sel_footer a:hover {

  opacity: 0.8;

}

.lang_sel_list_horizontal li,

#lang_sel_footer li {

  display: inline-block;

  margin-right: 15px;

}

.lang_sel_list_horizontal li:last-child,

#lang_sel_footer li:last-child {

  margin-right: 0;

}

#lang_sel_footer {

  margin: 0;

  padding: 7px;

  text-align: center;

  min-height: 15px;

  clear: both;

  background-color: #fff;

  border: 1px solid #cdcdcd;

}

#lang_sel_footer ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#lang_sel_footer ul li img {

  position: relative;

  top: 1px;

  width: 18px;

  height: 12px;

}

#lang_sel_footer ul li {

  display: inline;

  margin: 0 1px 0 0;

  padding: 0;

  white-space: nowrap;

  line-height: 25px;

}

#lang_sel_footer ul li a,

#lang_sel_footer ul li a:visited {

  text-decoration: none;

  color: #363636;

  padding: 5px 10px;

}

#wpml_credit_footer {

  width: 100%;

  margin: 10px 0;

  padding: 0;

  text-align: center;

  font-size: 11px;

}

/* !WPML: end */

/* v1.0.3 */

/* Core RS CSS file. 95% of time you shouldn't change anything here. */

/* #RoyalSlider

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

.rsVideoContainer.rsIOSVideo iframe,

.rsVideoContainer.rsIOSVideo video,

.rsVideoContainer.rsIOSVideo embed,

.rsHomePorthole .rsCapt,

.rsHomePorthole .progress-wrapper,

#page .rsBullet:after,

.rsHomePorthole .progress-wrapper * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.royalSlider {

  width: 600px;

  height: 400px;

  position: relative;

  direction: ltr;

  overflow: hidden;

}

ul.royalSlider,

.content ul.royalSlider {

  padding: 0;

  margin: 0;

}

.slider-content > li,

.royalSlider > li {

  display: none;

}

ul.royalSlider.alignnone {

  margin: 0px 0 15px 0;

}

ul.royalSlider.aligncenter {

  margin: 0px auto 15px auto;

}

ul.royalSlider.alignleft {

  margin: 0px 30px 15px 0;

}

ul.royalSlider.alignright {

  margin: 0px 0 15px 30px;

}

.post ul.royalSlider.alignleft {

  margin-bottom: 25px;

}

.royalSlider > * {

  float: left;

}

.rsWebkit3d .rsSlide,

.rsWebkit3d.slider-content .rsContainer,

.rsWebkit3d.slider-content .rsOverflow {

  -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

.rsFade.rsWebkit3d .rsSlide,

.rsFade.rsWebkit3d img,

.rsFade.rsWebkit3d .rsContainer {

  -webkit-transform: none;

}

.rsOverflow {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

  float: left;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.rsVisibleNearbyWrap {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

  left: 0;

  top: 0;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.rsVisibleNearbyWrap .rsOverflow {

  position: absolute;

  left: 0;

  top: 0;

}

.rsContainer {

  position: relative;

  width: 100%;

  height: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.rsArrow,

.rsThumbsArrow,

.rsPlay {

  cursor: pointer;

}

.rsThumb {

  float: left;

  position: relative;

}

.rsArrow,

.rsNav,

.rsThumbsArrow {

  opacity: 1;

  -webkit-transition: opacity 0.3s linear;

  transition: opacity 0.3s linear;

}

.rsHidden {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;

  transition: visibility 0s linear 0.3s,opacity 0.3s linear;

}

.rsGCaption {

  width: 100%;

  float: left;

  text-align: center;

}

/* Fullscreen options, very important ^^ */

.royalSlider.rsFullscreen {

  position: fixed !important;

  height: auto !important;

  width: auto !important;

  margin: 0 !important;

  padding: 0 !important;

  z-index: 2147483647 !important;

  top: 0 !important;

  left: 0 !important;

  bottom: 0 !important;

  right: 0 !important;

}

.royalSlider .rsSlide.rsFakePreloader {

  opacity: 1 !important;

  -webkit-transition: 0s;

  -moz-transition: 0s;

  -o-transition: 0s;

  transition: 0s;

  display: none;

}

.rsSlide {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  overflow: hidden;

  height: 100%;

  width: 100%;

}

.royalSlider.rsAutoHeight,

.rsAutoHeight .rsSlide {

  height: auto;

}

.rsContent {

  width: 100%;

  height: 100%;

  position: relative;

}

.rsPreloader {

  position: absolute;

  z-index: 0;

}

.rsNav {

  -moz-user-select: -moz-none;

  -webkit-user-select: none;

  user-select: none;

}

.rsNavItem {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);

}

.rsThumbs {

  cursor: pointer;

  position: relative;

  overflow: hidden;

  float: left;

  z-index: 22;

}

.rsTabs {

  float: left;

  background: none !important;

}

.rsTabs,

.rsThumbs {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.rsVideoContainer {

  width: auto;

  height: auto;

  line-height: 0;

  position: relative;

}

.rsVideoFrameHolder {

  position: absolute;

  z-index: 100;

  left: 0;

  top: 0;

  background: #141414;

  opacity: 0;

  -webkit-transition: .3s;

}

.rsVideoFrameHolder.rsVideoActive {

  opacity: 1;

}

.rsVideoContainer iframe,

.rsVideoContainer video,

.rsVideoContainer embed,

.rsVideoContainer .rsVideoObj {

  position: absolute;

  z-index: 50;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

/* ios controls over video bug, shifting video */

.rsVideoContainer.rsIOSVideo iframe,

.rsVideoContainer.rsIOSVideo video,

.rsVideoContainer.rsIOSVideo embed {

  padding-right: 44px;

}

.rsABlock {

  left: 0;

  top: 0;

  position: absolute;

  z-index: 15;

  -webkit-backface-visibility: hidden;

}

.grab-cursor {

  cursor: url(../images/grab.png) 8 8, move;

}

.grabbing-cursor {

  cursor: url(../images/grabbing.png) 8 8, move;

}

.rsNoDrag {

  cursor: auto;

}

.rsLink {

  left: 0;

  top: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  display: block;

  z-index: 20;

  background: url(blank.gif);

  -webkit-backface-visibility: hidden;

}

/***********************************************************************************************************/

/* #RoyalSlider Porthole Skin 

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

.fixed .rsHomePorthole {

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

}

.rsHomePorthole {

  background: #262626;

}

#main-slideshow-content {

  display: none;

}

#main-slideshow #main-slideshow-content {

  display: block;

}

#main-slideshow {

  overflow: hidden;

}

#main-slideshow > ul > li {

  display: none;

}

/***************

*

*  Thumbnails

*

****************/

.rsThumbs {

  z-index: 1 !important;

}

.rsHomePorthole .rsThumb {

  float: none;

  margin: 0 auto;

}

.rsHomePorthole .rsThumbsHor {

  width: 100%;

  height: auto;

}

.rsHomePorthole .rsThumbsVer {

  position: absolute;

  width: 98px;

  height: 370px;

  top: 50%;

  margin-top: -185px;

  right: 25px;

}

.rsHomePorthole.rsWithThumbsHor .rsThumbsContainer {

  position: relative;

}

.rsHomePorthole.rsWithThumbsVer .rsThumbsContainer {

  position: relative;

  width: 100%;

  padding-top: 120px;

}

.rsHomePorthole .rsThumb {

  overflow: hidden;

  width: 30px;

  height: 30px;

  opacity: 0;

  -webkit-border-radius: 90px;

  -moz-border-radius: 90px;

  -ms-border-radius: 90px;

  -o-border-radius: 90px;

  border-radius: 90px;

  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

  -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);

}

.mobile-false .rsHomePorthole .rsThumb {

  -webkit-transition: all 600ms ease;

  -moz-transition: all 600ms ease;

  -ms-transition: all 600ms ease;

  -o-transition: all 600ms ease;

  transition: all 600ms ease;

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

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

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

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

  transform: translate3d(0, 0, 0);

}

.mobile-false .rsHomePorthole .rsThumb:first-child {

  -webkit-transition: all 100ms ease;

  -moz-transition: all 100ms ease;

  -ms-transition: all 100ms ease;

  -o-transition: all 100ms ease;

  transition: all 100ms ease;

}

.rsHomePorthole .rsThumb img {

  width: 100%;

  height: 100%;

  -webkit-border-radius: 90px;

  -moz-border-radius: 90px;

  -ms-border-radius: 90px;

  -o-border-radius: 90px;

  border-radius: 90px;

}

.rsHomePorthole .rsThumb.rsNavVis {

  opacity: 0.5;

}

.rsHomePorthole .rsThumb.rsNavPrev,

.rsHomePorthole .rsThumb.rsNavNext {

  width: 50px;

  height: 50px;

  opacity: 0.8;

}

.rsHomePorthole .rsThumb.rsNavSelected {

  width: 90px;

  height: 90px;

  opacity: 1;

}

.rsHomePorthole .rsTmb {

  display: block;

}

/* Thumbnails with text */

.rsHomePorthole .rsTmb h5 {

  font-size: 16px;

  margin: 0;

  padding: 0;

  line-height: 20px;

  color: #FFF;

}

.rsHomePorthole .rsTmb span {

  color: #DDD;

  margin: 0;

  padding: 0;

  font-size: 13px;

  line-height: 18px;

}

/***************

*

*  Play/close video button

*

****************/

.rsHomePorthole .rsVideoContainer {

  position: absolute;

}

.rsHomePorthole .rsPlayBtn {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);

  width: 80px;

  height: 80px;

  margin-left: -45px;

  margin-top: -45px;

  cursor: pointer;

  -webkit-transition: .3s;

  -moz-transition: .3s;

  transition: .3s;

}

.rsHomePorthole .rsPlayBtnIcon {

  display: block;

  width: 80px;

  height: 80px;

  -webkit-transition: .3s;

  -moz-transition: .3s;

  transition: .3s;

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: 30px center;

}

.rsHomePorthole .rsPlayBtn {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-border-radius: 120px;

  border-radius: 120px;

}

.rsHomePorthole .rsPlayBtn:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7;

}

.royalSlider .rsBtnCenterer,

.rsHomePorthole .rsBtnCenterer {

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -40px 0 0 -40px;

}

.rsHomePorthole .rsCloseVideoBtn {

  right: 0;

  top: 0;

  width: 44px;

  height: 44px;

  z-index: 500;

  position: absolute;

  cursor: pointer;

  -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

.rsHomePorthole .rsCloseVideoBtn.rsiOSBtn {

  top: -38px;

  right: -6px;

}

.rsHomePorthole .rsCloseVideoIcn {

  margin: 6px;

  width: 32px;

  height: 32px;

  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpolygon fill='white' points='438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 %0973.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 '/%3E%3C/svg%3E") no-repeat center center;

  background-size: 26px 26px;

  background-color: rgba(0, 0, 0, 0.75);

}

.rsHomePorthole .rsCloseVideoIcn:hover {

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

  opacity: 1;

}

.hide-thumbnails .rsHomePorthole .rsThumb,

.hide-thumbnails .rsHomePorthole .progress-wrapper {

  display: none !important;

}

/***************

*

*  Preloader

*

****************/

.rsHomePorthole .rsPreloader {

  width: 60px;

  height: 60px;

  padding: 5px;

  left: 50%;

  top: 50%;

  margin-left: -30px;

  margin-top: -30px;

}

.rsPreloader .pace .pace-activity {

  position: absolute;

}

/***************

*

*  Caption

*

****************/

.rsHomePorthole .rsCapt {

  position: absolute;

  top: auto;

  bottom: 45px;

  text-align: center;

  width: 100%;

  padding: 0 140px;

  z-index: auto;

}

.overlap .rsHomePorthole .rsCapt {

  bottom: 115px;

}

.rsHomePorthole .rsTitle {

  position: relative;

  display: inline-block;

  margin-right: 15px;

  color: #fff;

  vertical-align: middle;

  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

}

.rsHomePorthole .rsDesc {

  display: block;

  margin: 10px auto 0 auto;

  color: #fff;

  vertical-align: middle;

  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  -o-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);

}

.rsHomePorthole .rsCLink,

.royalSlider .rsCLink,

.ps-link {

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -40px 0 0 -40px;

  width: 80px;

  height: 80px;

  background-color: rgba(0, 0, 0, 0.4);

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 50%;

  -webkit-transition: .3s;

  -moz-transition: .3s;

  transition: .3s;

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");

}

.royalSlider .rsCLink:hover,

.rsHomePorthole .rsCLink:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7;

}

.royalSlider .rsBtnCenterer.with-link,

.rsHomePorthole .rsBtnCenterer.with-link {

  margin: -40px 0 0 -90px;

}

.rsHomePorthole .with-link .rsCLink,

.royalSlider .with-link .rsCLink,

.royalSlider .with-link .rsPlayBtn,

.rsHomePorthole .with-link .rsPlayBtn {

  position: relative;

  top: 0;

  left: 0;

  display: inline-block;

  margin: 0 5px;

}

.rsHomePorthole .progress-wrapper {

  position: absolute;

  z-index: 999;

  top: 50%;

  left: 0;

  margin-top: -49px;

  width: 98px;

  height: 98px;

  -webkit-transition: opacity 150ms ease;

  transition: opacity 150ms ease;

}

.rsHomePorthole .progress-wrapper.blurred {

  opacity: 0;

}

.rsHomePorthole .progress-controls {

  position: absolute;

  top: 4px;

  left: 4px;

  width: 90px;

  height: 90px;

  opacity: 0.5;

  -webkit-border-radius: 90px;

  border-radius: 90px;

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

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='30px' height='30px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='white' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E");

  background-size: 30px 30px;

  background-repeat: no-repeat;

  background-position: center center;

  -webkit-transition: opacity 150ms ease;

  transition: opacity 150ms ease;

}

.mobile-true .rsHomePorthole .progress-controls {

  background-color: transparent;

}

.rsHomePorthole .progress-controls:hover {

  opacity: 1;

}

.rsHomePorthole .paused .progress-controls {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='white' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E");

  background-size: 32px 32px;

  background-position: 31px center;

}

.rsHomePorthole .progress-mask {

  position: relative;

  float: left;

  width: 50%;

  height: 100%;

  overflow: hidden;

}

.rsHomePorthole .progress-spinner-left,

.rsHomePorthole .progress-spinner-right {

  width: 100%;

  height: 100%;

  border: 4px solid transparent;

  animation-duration: 5s;

  animation-timing-function: linear;

  animation-iteration-count: 1;

  -webkit-animation-duration: 5s;

  -webkit-animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

}

.rsHomePorthole .progress-spinner-left.paused,

.rsHomePorthole .progress-spinner-right.paused {

  animation-play-state: paused;

  -webkit-animation-play-state: paused;

}

.rsHomePorthole .progress-spinner-left {

  -webkit-border-radius: 100% 0 0 2% 0 0 50%;

  border-radius: 100% 0 0 2% 0 0 50%;

  border-right: none;

  transform-origin: 100% 50%;

  transform: rotate(180deg);

  animation-name: rota-left;

  -webkit-transform-origin: 100% 50%;

  -webkit-transform: rotate(180deg);

  -webkit-animation-name: rota-left;

}

.rsHomePorthole .progress-spinner-right {

  -webkit-border-radius: 0 100% 100% NaN 50% 50% 0;

  border-radius: 0 100% 100% NaN 50% 50% 0;

  border-left: none;

  transform-origin: 0 50%;

  transform: rotate(-180deg);

  animation-name: rota-right;

  -webkit-transform-origin: 0 50%;

  -webkit-transform: rotate(-180deg);

  -webkit-animation-name: rota-right;

}

@keyframes rota-left {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(180deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rota-right {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(360deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@-webkit-keyframes rota-left {

  0% {

    -webkit-transform: rotate(180deg);

  }

  50% {

    -webkit-transform: rotate(180deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@-webkit-keyframes rota-right {

  0% {

    -webkit-transform: rotate(180deg);

  }

  50% {

    -webkit-transform: rotate(360deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

/******************************

*

*  RoyalSlider Default Skin 

*

*    1. Arrows 

*    2. Bullets

*    3. Caption

*    

*  Sprite: 'rs-default.png'

*  Feel free to edit anything

*  If you don't some part - just delete it

* 

******************************/

/* Background */

.rsShor,

.rsShor .rsOverflow,

.rsShor .rsSlide,

.rsShor .rsVideoFrameHolder,

.rsShor .rsThumbs {

  background: #262626;

}

/***************

*

*  1. Arrows

*

****************/

.rsShor .rsArrow,

.rsShor .rsPlay {

  height: 32px;

  width: 32px;

  position: absolute;

  display: block;

  cursor: pointer;

  z-index: 100;

  background-color: rgba(0, 0, 0, 0.4);

  border-radius: 50%;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.rsShor .rsArrow:hover,

.rsShor .rsPlay:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7;

}

.rsShor.rsVer .rsArrow {

  width: 100%;

  height: 44px;

}

.rsShor.rsVer .rsArrowLeft {

  top: 0;

  left: 0;

}

.rsShor.rsVer .rsArrowRight {

  bottom: 0;

  left: 0;

}

.rsShor.rsHor .rsArrowLeft {

  right: 58px;

  bottom: 20px;

}

.rsShor.rsHor .rsArrowRight {

  right: 19px;

  bottom: 20px;

}

@media screen and (min-width: 740px) {

  .mobile-false .shortcode-royal-slider.rsHor .rsArrowLeft {

    right: 98px;

    bottom: 20px;

  }

  .mobile-false .shortcode-royal-slider.rsHor .rsArrowRight {

    right: 58px;

    bottom: 20px;

  }

  .mobile-false .shortcode-royal-slider .rsPlay {

    right: 19px;

    bottom: 20px;

  }

}

.rsShor .rsArrowIcn {

  position: absolute;

  width: 32px;

  height: 32px;

  top: 0;

  left: 0;

  cursor: pointer;

}

.rsShor .rsArrowRight .rsArrowIcn {

  left: auto;

  right: 0;

}

.rsShor .rsArrowIcn:before,

.shortcode-royal-slider .rsPlay:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 32px;

  height: 32px;

  content: "";

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 9;

}

/***************

*

*  2. Bullets

*

****************/

/*

.rsShor .rsBullets {

	position: absolute;

	z-index: 35;

	left: 17px;

	bottom: 14px;

	width: 100%;

	height: auto;

	margin: 0;

	text-align: left;

}

.rsShor .rsBullet {

	display: inline-block;

	*display:inline; 

	*zoom:1;

}

	.rsShor .rsBullet span {

		display: block;

	}*/

/***************

*

*  8. Global caption

*

****************/

.rsShor .slider-post-caption {

  position: absolute;

  left: 0;

  top: auto;

  bottom: 0;

  width: 100%;

}

.rsShor .slider-post-caption p {

  margin-bottom: 0;

}

.rsShor .slider-post-inner {

  position: absolute;

  bottom: 0;

  display: inline-block;

  padding: 5px 90px 15px 20px;

  margin: 0 0;

}

.rsShor .slider-post-inner * {

  color: #fff;

}

/********************************************************************************************************/

/***************

*

*  2. Bullets

*

****************/

.rsContW .rsBullets {

  position: absolute;

  top: 100%;

  overflow: hidden;

  width: 100%;

  height: auto;

  text-align: center;

}

.logo-items .rsOverflow {

  margin-bottom: 10px;

}

.rsContW .rsBullet {

  display: inline-block;

  margin: 0 1px 0 1px;

  width: 9px;

  height: 9px;

}

.rsBullet:hover {

  cursor: pointer;

}

.footer .testimonials.rsContW .rsBullets {

  bottom: -32px;

  left: 0;

}

/********************************************************************************************************/

.rsCont,

.rsContW {

  position: relative;

}

/***************

*

*  2. Bullets

*

****************/

.rsCont .rsBullets {

  position: absolute;

  top: 100%;

  margin-top: 35px;

  width: 100%;

  text-align: center;

}

.team-items .rsCont .rsBullets {

  margin: 0 0 -13px 0;

  padding-top: 3px;

}

.rsCont .rsBullet {

  display: inline-block;

  margin: 0 1px 0 1px;

  width: 9px;

  height: 9px;

}

.rsCont .rsBullet:hover {

  cursor: pointer;

}

/***************

*

*  Play/close video button

*

****************/

.rsSlide .rollover-video i {

  display: none !important;

}

/*.rsShor .rsBtnCenterer .rsPlayBtn {

	position: relative;

	z-index: 99;

	-webkit-tap-highlight-color:rgba(0,0,0,0.3);

	width:80px;

	height:80px;

	left:50%;

	top:50%;

	margin-left:-40px;

	margin-top:-40px;

	cursor: pointer;

}*/

.rsShor .rsPlayBtnIcon {

  display: block;

  width: 80px;

  height: 80px;

  -webkit-transition: .3s;

  -moz-transition: .3s;

  transition: .3s;

  background-color: rgba(0, 0, 0, 0.4);

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: 30px center;

  border-radius: 50%;

}

.rsShor .rsPlayBtnIcon:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7;

}

/*.rsShor .rsBtnCenterer {

	position:absolute;

	left:0;

	top:0;

	width: 100%;

	height: 100%;

}*/

.rsShor .rsCloseVideoBtn {

  right: 0;

  top: 0;

  width: 44px;

  height: 44px;

  z-index: 500;

  position: absolute;

  cursor: pointer;

  -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

.rsShor .rsCloseVideoBtn.rsiOSBtn {

  top: -38px;

  right: -6px;

}

.rsShor .rsCloseVideoIcn {

  margin: 6px;

  width: 32px;

  height: 32px;

  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpolygon fill='white' points='438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 %0973.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 '/%3E%3C/svg%3E") no-repeat center center;

  background-size: 26px 26px;

  background-color: rgba(0, 0, 0, 0.75);

}

.rsShor .rsCloseVideoIcn:hover {

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

  opacity: 1;

}

.video-playing .rsShor .rsThumb,

.video-playing .rsShor .progress-wrapper {

  display: none !important;

}

.rsSlide .rollover-video i:after {

  background-image: none;

}

/***************

*

*  Preloader

*

****************/

.rsShor .rsPreloader {

  width: 30px;

  height: 30px;

  padding: 5px;

  left: 50%;

  top: 50%;

  margin-left: -15px;

  margin-top: -15px;

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

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

}

/*!-Royal slider bullets*/

.rsContW .rsBullet,

.rsCont .rsBullet {

  position: relative;

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 0 2px;

  vertical-align: middle;

}

.accent-bullets .rsContW .rsBullet,

.accent-bullets .rsCont .rsBullet {

  width: 14px;

  height: 14px;

}

.rsContW .rsBullet:after,

.rsCont .rsBullet:after {

  position: absolute;

  left: 1px;

  top: 1px;

  width: 8px;

  height: 8px;

  content: "";

  border: 2px solid;

}

.outlines-bullets .rsContW .rsBullet:after,

.outlines-bullets .rsCont .rsBullet:after {

  border: none;

}

.rsContW .rsBullet:hover:after,

.rsContW .rsBullet.rsNavSelected:after,

.rsCont .rsBullet:hover:after,

.rsCont .rsBullet.rsNavSelected:after {

  width: 10px;

  height: 10px;

  margin: -1px 0 0 -1px;

}

.accent-bullets .rsContW .rsBullet:after,

.accent-bullets .rsCont .rsBullet:after {

  width: 14px;

  height: 14px;

  border: none;

}

.accent-bullets .rsContW .rsBullet:hover:after,

.accent-bullets .rsCont .rsBullet:hover:after {

  -webkit-animation: anim-effect-bullet 0.3s ease-out forwards;

  animation: anim-effect-bullet 0.3s ease-out forwards;

}

.accent-bullets .rsContW .rsBullet.rsNavSelected:after,

.accent-bullets .rsCont .rsBullet.rsNavSelected:after {

  -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards;

  animation: anim-effect-bullet-act 0.3s ease-out forwards;

}

@-webkit-keyframes anim-effect-bullet {

  0% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

  25%,

  50% {

    opacity: 1;

  }

  to {

    opacity: 1;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@keyframes anim-effect-bullet {

  0% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

  }

  25%,

  50% {

    opacity: 1;

  }

  to {

    opacity: 1;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@-webkit-keyframes anim-effect-bullet-act {

  0% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  25%,

  30% {

    opacity: 1;

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

  to {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes anim-effect-bullet-act {

  0% {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  25%,

  30% {

    opacity: 1;

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

  to {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.rsContW .rsBullet span,

.rsCont .rsBullet span {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -2px 0 0 -2px;

  width: 4px;

  height: 4px;

  content: "";

}

.accent-bullets .rsContW .rsBullet span,

.accent-bullets .rsCont .rsBullet span {

  margin: -3px 0 0 -3px;

  width: 6px;

  height: 6px;

  border-radius: 100%;

}

/*Royal slider bullets:end*/

/* !- Shortcode slider */

.rsShor .rsArrowRight .rsArrowIcn:before,

.rsShor .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E");

}

.rsShor .rsArrowRight .rsArrowIcn:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E");

}

.rsShor .rsArrowLeft .rsArrowIcn:before,

.rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E");

}

.rsShor .rsArrowLeft .rsArrowIcn:hover:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E");

}

.shortcode-royal-slider .rsPlay.paused:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E");

}

.shortcode-royal-slider .rsPlay:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E");

}

/* Shortcode slider:end */

#page .rsBullet:after,

#page .rsBullet span {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.rsHomePorthole .progress-spinner-left {

  /*	-webkit-border-radius: 100% 0 0 100% / 50% 0 0 50%;

	border-radius: 100% 0 0 100% / 50% 0 0 50%;*/

  border-top-left-radius: 100% 50%;

  border-top-right-radius: 0 0;

  border-bottom-right-radius: 0 0;

  border-bottom-left-radius: 100% 50%;

}

.rsHomePorthole .progress-spinner-right {

  /*	-webkit-border-radius: 0 100% 100% 0 / 0 50% 50% 0;

	border-radius: 0 100% 100% 0 / 0 50% 50% 0;*/

  border-top-left-radius: 0 0;

  border-top-right-radius: 100% 50%;

  border-bottom-right-radius: 100% 50%;

  border-bottom-left-radius: 0 0;

}

/*

== malihu jquery custom scrollbar plugin ==

Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller

*/

/*

CONTENTS: 

	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 

	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 

	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.

	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 

	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 

	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 

		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.

*/

/* 

------------------------------------------------------------------------------------------------------------------------

1. BASIC STYLE  

------------------------------------------------------------------------------------------------------------------------

*/

.mCustomScrollbar {

  -ms-touch-action: none;

  touch-action: none;

  /* MSPointer events - direct all pointer events to js */

}

.mCustomScrollbar.mCS_no_scrollbar,

.mCustomScrollbar.mCS_touch_action {

  -ms-touch-action: auto;

  touch-action: auto;

}

.mCustomScrollBox {

  /* contains plugin's markup */

  position: relative;

  overflow: hidden;

  height: 100%;

  max-width: 100%;

  outline: none;

  direction: ltr;

}

.mCSB_container {

  /* contains the original content */

  overflow: hidden;

  width: auto;

  height: auto;

}

/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/

.mCSB_inside > .mCSB_container {

  margin-right: 30px;

}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

  margin-right: 0;

}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {

  /* RTL direction/left-side scrollbar */

  margin-right: 0;

  margin-left: 30px;

}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

  margin-left: 0;

}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {

  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

  position: absolute;

  width: 16px;

  height: auto;

  left: auto;

  top: 0;

  right: 0;

  bottom: 0;

}

.mCSB_outside + .mCSB_scrollTools {

  right: -26px;

}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {

  /* RTL direction/left-side scrollbar */

  right: auto;

  left: 0;

}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {

  left: -26px;

}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {

  /* contains the draggable element and dragger rail markup */

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  height: auto;

}

.mCSB_scrollTools a + .mCSB_draggerContainer {

  margin: 20px 0;

}

.mCSB_scrollTools .mCSB_draggerRail {

  width: 2px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

}

.mCSB_scrollTools .mCSB_dragger {

  /* the draggable element */

  cursor: pointer;

  width: 100%;

  height: 30px;

  /* minimum dragger height */

  z-index: 1;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  /* the dragger element */

  position: relative;

  width: 4px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

  text-align: center;

}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  width: 12px;

  /* auto-expanded scrollbar */

}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  width: 8px;

  /* auto-expanded scrollbar */

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown {

  display: block;

  position: absolute;

  height: 20px;

  width: 100%;

  overflow: hidden;

  margin: 0 auto;

  cursor: pointer;

}

.mCSB_scrollTools .mCSB_buttonDown {

  bottom: 0;

}

/* 

------------------------------------------------------------------------------------------------------------------------

3. HORIZONTAL SCROLLBAR 

x-axis

------------------------------------------------------------------------------------------------------------------------

*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {

  margin-right: 0;

  margin-bottom: 30px;

}

.mCSB_horizontal.mCSB_outside > .mCSB_container {

  min-height: 100%;

}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {

  margin-bottom: 0;

}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {

  width: auto;

  height: 16px;

  top: auto;

  right: 0;

  bottom: 0;

  left: 0;

}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  bottom: -26px;

}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {

  margin: 0 20px;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 2px;

  margin: 7px 0;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 30px;

  /* minimum dragger width */

  height: 100%;

  left: 0;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 4px;

  margin: 6px auto;

}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  height: 12px;

  /* auto-expanded scrollbar */

  margin: 2px auto;

}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  height: 8px;

  /* auto-expanded scrollbar */

  margin: 4px 0;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

  display: block;

  position: absolute;

  width: 20px;

  height: 100%;

  overflow: hidden;

  margin: 0 auto;

  cursor: pointer;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {

  left: 0;

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

  right: 0;

}

/* 

------------------------------------------------------------------------------------------------------------------------

4. VERTICAL AND HORIZONTAL SCROLLBARS 

yx-axis 

------------------------------------------------------------------------------------------------------------------------

*/

.mCSB_container_wrapper {

  position: absolute;

  height: auto;

  width: auto;

  overflow: hidden;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin-right: 30px;

  margin-bottom: 30px;

}

.mCSB_container_wrapper > .mCSB_container {

  padding-right: 30px;

  padding-bottom: 30px;

}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {

  bottom: 20px;

}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  right: 20px;

}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {

  bottom: 0;

}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  right: 0;

}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  left: 20px;

}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  left: 0;

}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {

  /* RTL direction/left-side scrollbar */

  margin-right: 0;

  margin-left: 30px;

}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {

  padding-right: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {

  padding-bottom: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {

  margin-right: 0;

  /* non-visible scrollbar */

  margin-left: 0;

}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {

  margin-bottom: 0;

}

/* 

------------------------------------------------------------------------------------------------------------------------

5. TRANSITIONS  

------------------------------------------------------------------------------------------------------------------------

*/

.mCSB_scrollTools,

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight {

  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {

  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

}

/* 

------------------------------------------------------------------------------------------------------------------------

6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  

------------------------------------------------------------------------------------------------------------------------

*/

/* 

	----------------------------------------

	6.1 THEMES 

	----------------------------------------

	*/

/* default theme ("light") */

.mCSB_scrollTools {

  opacity: 0.75;

  filter: "alpha(opacity=75)";

  -ms-filter: "alpha(opacity=75)";

}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,

.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {

  opacity: 0;

  filter: "alpha(opacity=0)";

  -ms-filter: "alpha(opacity=0)";

}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,

.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,

.mCustomScrollBox:hover > .mCSB_scrollTools,

.mCustomScrollBox:hover ~ .mCSB_scrollTools,

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,

.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {

  opacity: 1;

  filter: "alpha(opacity=100)";

  -ms-filter: "alpha(opacity=100)";

}

.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.4);

  filter: "alpha(opacity=40)";

  -ms-filter: "alpha(opacity=40)";

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #fff;

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

  filter: "alpha(opacity=75)";

  -ms-filter: "alpha(opacity=75)";

}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

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

  filter: "alpha(opacity=85)";

  -ms-filter: "alpha(opacity=85)";

}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

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

  filter: "alpha(opacity=90)";

  -ms-filter: "alpha(opacity=90)";

}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight {

  background-image: url(mCSB_buttons.png);

  /* css sprites */

  background-repeat: no-repeat;

  opacity: 0.4;

  filter: "alpha(opacity=40)";

  -ms-filter: "alpha(opacity=40)";

}

.mCSB_scrollTools .mCSB_buttonUp {

  background-position: 0 0;

  /* 

		sprites locations 

		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px

		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px

		*/

}

.mCSB_scrollTools .mCSB_buttonDown {

  background-position: 0 -20px;

  /* 

		sprites locations

		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px

		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px

		*/

}

.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: 0 -40px;

  /* 

		sprites locations 

		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px

		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px

		*/

}

.mCSB_scrollTools .mCSB_buttonRight {

  background-position: 0 -56px;

  /* 

		sprites locations 

		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px

		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px

		*/

}

.mCSB_scrollTools .mCSB_buttonUp:hover,

.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover {

  opacity: 0.75;

  filter: "alpha(opacity=75)";

  -ms-filter: "alpha(opacity=75)";

}

.mCSB_scrollTools .mCSB_buttonUp:active,

.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active {

  opacity: 0.9;

  filter: "alpha(opacity=90)";

  -ms-filter: "alpha(opacity=90)";

}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.15);

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

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

}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px 0;

}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -20px;

}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -40px;

}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -56px;

}

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

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

  width: 4px;

  background-color: #fff;

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

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 4px;

  background-color: #fff;

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

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 4px;

  margin: 6px auto;

}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px 0;

}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -20px;

}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -40px;

}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -56px;

}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px 0;

}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -20px;

}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -40px;

}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -56px;

}

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

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

  width: 4px;

  background-color: #fff;

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

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

  background-color: #fff;

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

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 4px;

  margin: 6px 0;

}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 6px;

  margin: 5px auto;

}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -16px 0;

}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -16px -20px;

}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -20px -40px;

}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -20px -56px;

}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -96px 0;

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -96px -20px;

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -100px -40px;

}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -100px -56px;

}

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

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

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

}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 2px;

}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 2px;

  margin: 7px auto;

}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.15);

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px 0;

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -20px;

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -40px;

}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -56px;

}

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

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

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

}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {

  height: 14px;

}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 14px;

  margin: 0 1px;

}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 14px;

}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 14px;

  margin: 1px 0;

}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  width: 16px;

  /* auto-expanded scrollbar */

  height: 16px;

  margin: -1px 0;

}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  width: 4px;

  /* auto-expanded scrollbar */

}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  height: 16px;

  /* auto-expanded scrollbar */

  width: 16px;

  margin: 0 -1px;

}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  height: 4px;

  /* auto-expanded scrollbar */

  margin: 6px 0;

}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {

  background-position: 0 -72px;

}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {

  background-position: 0 -92px;

}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: 0 -112px;

}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {

  background-position: 0 -128px;

}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.15);

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px -72px;

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -92px;

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -112px;

}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -128px;

}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {

  width: 4px;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  background-color: transparent;

  background-position: center;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");

  background-repeat: repeat-y;

  opacity: 0.3;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  height: 4px;

  margin: 6px 0;

  background-repeat: repeat-x;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -16px -72px;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -16px -92px;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -20px -112px;

}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -20px -128px;

}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");

}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -96px -72px;

}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -96px -92px;

}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -100px -112px;

}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -100px -128px;

}

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

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-repeat: repeat-y;

  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));

  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  background-repeat: repeat-x;

  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {

  height: 70px;

}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 70px;

}

.mCS-3d.mCSB_scrollTools,

.mCS-3d-dark.mCSB_scrollTools {

  opacity: 1;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

  width: 8px;

  background-color: #000;

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

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);

}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #555;

}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 8px;

}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 8px;

  margin: 4px 0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);

}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 8px;

  margin: 4px auto;

}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);

}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}

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

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools {

  opacity: 1;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}

.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {

  right: 1px;

}

.mCS-3d-thick.mCSB_scrollTools_vertical,

.mCS-3d-thick-dark.mCSB_scrollTools_vertical {

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);

}

.mCS-3d-thick.mCSB_scrollTools_horizontal,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

  bottom: 1px;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);

  width: 12px;

  margin: 2px;

  position: absolute;

  height: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #555;

}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 12px;

  width: auto;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.05);

  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {

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

}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);

}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #777;

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

  background-color: #fff;

  background-color: rgba(0, 0, 0, 0.05);

  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}

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

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {

  right: 0;

  margin: 12px 0;

}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  bottom: 0;

  margin: 0 12px;

}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {

  left: 0;

  right: auto;

}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {

  height: 50px;

}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 50px;

}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #fff;

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

  filter: "alpha(opacity=20)";

  -ms-filter: "alpha(opacity=20)";

}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

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

  filter: "alpha(opacity=50)";

  -ms-filter: "alpha(opacity=50)";

}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

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

  filter: "alpha(opacity=20)";

  -ms-filter: "alpha(opacity=20)";

}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.5);

  filter: "alpha(opacity=50)";

  -ms-filter: "alpha(opacity=50)";

}

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

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

  width: 6px;

  background-color: #000;

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

}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 6px;

  margin: 5px 0;

}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  width: 12px;

}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  height: 12px;

  margin: 2px 0;

}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}

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

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  width: 12px;

  background-color: #000;

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

}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

  margin: 3px 5px;

  position: absolute;

  height: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 6px;

  margin: 5px 3px;

  position: absolute;

  width: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 12px;

  margin: 2px 0;

}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #fff;

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

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

  border-color: #000;

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

}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

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

}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.6);

}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

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

}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

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

}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

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

}

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

/*!

 * WireFrame v.1.0.rc2 - teeny-tiny leyout framework 

 */

/* #Grid system

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

.wf-phone-visible,

.wf-mobile-visible {

  display: none;

}

.wf-wrap,

.wf-cell,

.wf-usr-cell,

.content,

.sidebar,

.wpb_row {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.wf-container {

  font-size: 0;

  line-height: 0;

  word-spacing: -4px;

}

.wf-cell,

.wf-usr-cell,

.footer .widget {

  display: inline-block;

  vertical-align: top;

}

.ancient-ie .wf-cell,

.ancient-ie .wf-usr-cell,

.ancient-ie .footer .widget {

  display: inline;

  zoom: 1;

}

/* !- Cells widths */

.wf-1,

.wf-span-12 {

  width: 100%;

}

.wf-1-2,

.wf-2-4,

.wf-span-6 {

  width: 50%;

}

.wf-1-3,

.wf-span-4 {

  width: 33.3333%;

}

.wf-2-3,

.wf-span-8 {

  width: 66.6667%;

}

.wf-1-4,

.wf-span-3,

.sidebar {

  width: 25%;

}

.content,

.wf-3-4,

.wf-span-9 {

  width: 75%;

}

.wf-1-5 {

  width: 20%;

}

.wf-1-6,

.wf-span-2 {

  width: 16.6667%;

}

.wf-span-1,

.wf-span-10 {

  width: 83.3333%;

}

.wf-span-7 {

  width: 58.3333%;

}

/* Grid system: end */

/* #Layout helpers

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

.wf-table {

  display: table;

  width: 100%;

}

.wf-tr {

  display: table-row;

}

.wf-td {

  display: table-cell;

  vertical-align: middle;

}

.wf-float-left {

  float: left;

}

.wf-float-right {

  float: right;

}

/* Layout helpers: end */

/* #WireFrame settings

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

.wf-cell,

.wf-usr-cell,

.content,

.sidebar,

.footer .widget {

  padding: 0 22px;

}

.wf-container,

.wf-container-main {

  margin: 0 -22px;

  padding: 0;

}

.wf-wrap {

  max-width: 100%;

  padding: 0 44px;

  margin: 0 auto;

}

/* WireFrame settings: end */

/* #Animation

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

/*Old animation library*/

/* Scale Up animation */

@-webkit-keyframes mk_scale {

  0% {

    -webkit-transform: scale(0.3);

    opacity: 0.1;

  }

  100% {

    -webkit-transform: scale(1);

    opacity: 1;

  }

}

@keyframes mk_scale {

  0% {

    transform: scale(0.3);

    opacity: 0.1;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

/* Fade In animation */

@-webkit-keyframes mk_fade {

  0% {

    opacity: 0.1;

  }

  100% {

    opacity: 1;

  }

}

@keyframes mk_fade {

  0% {

    opacity: 0.1;

  }

  100% {

    opacity: 1;

  }

}

/* Left to Right animation */

@-webkit-keyframes mk_left_to_right {

  0% {

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

    opacity: 0;

  }

  100% {

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

    opacity: 1;

  }

}

@keyframes mk_left_to_right {

  0% {

    transform: translate(-20px, 0);

    opacity: 0;

  }

  100% {

    transform: translate(0, 0);

    opacity: 1;

  }

}

/* Right To Left animation */

@-webkit-keyframes mk_right_to_left {

  0% {

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

    opacity: 0;

  }

  100% {

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

    opacity: 1;

  }

}

@keyframes mk_right_to_left {

  0% {

    transform: translate(20px, 0);

    opacity: 0;

  }

  100% {

    transform: translate(0, 0);

    opacity: 1;

  }

}

/* Bottom to Top animation */

@-webkit-keyframes mk_bottom_to_top {

  0% {

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

    opacity: 0;

  }

  100% {

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

    opacity: 1;

  }

}

@keyframes mk_bottom_to_top {

  0% {

    transform: translate(0, 20px);

    opacity: 0;

  }

  100% {

    transform: translate(0, 0);

    opacity: 1;

  }

}

/* Top to Bottom animation */

@-webkit-keyframes mk_top_to_bottom {

  0% {

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

    opacity: 0;

  }

  100% {

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

    opacity: 1;

  }

}

@keyframes mk_top_to_bottom {

  0% {

    transform: translate(0, -20px);

    opacity: 0;

  }

  100% {

    transform: translate(0, 0);

    opacity: 1;

  }

}

.mobile-false .animate-element {

  opacity: 0;

  -webkit-perspective: 1000;

}

.ie-mobile .animate-element,

.skills.animate-element,

.no-cssanimations .animate-element.start-animation,

.mobile-true #main .wpb_animate_when_almost_visible {

  opacity: 1;

}

.mobile-false .animate-element.start-animation.scale-up,

.mobile-false #page .animate-element.start-animation.scale-up,

.mobile-false #page .wpb_start_animation.wpb_appear {

  -webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  opacity: 1;

}

.mobile-false .animate-element.start-animation.fade-in,

.mobile-false #page .animate-element.start-animation.fade-in {

  -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  opacity: 1;

}

.mobile-false .animate-element.start-animation.right-to-left,

.mobile-false #page .animate-element.start-animation.right-to-left,

.mobile-false #main .wpb_start_animation.wpb_right-to-left {

  -webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  opacity: 1;

}

.mobile-false .animate-element.start-animation.left-to-right,

.mobile-false #page .animate-element.start-animation.left-to-right,

.mobile-false #main .wpb_start_animation.wpb_left-to-right {

  -webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  opacity: 1;

}

.mobile-false .animate-element.start-animation.top-to-bottom,

.mobile-false #page .animate-element.start-animation.top-to-bottom,

.mobile-false #main .wpb_start_animation.wpb_top-to-bottom {

  -webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  opacity: 1;

}

.mobile-false .animate-element.start-animation.bottom-to-top,

.mobile-false #page .animate-element.start-animation.bottom-to-top,

.mobile-false #main .wpb_start_animation.wpb_bottom-to-top {

  -webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);

  opacity: 1;

}

/*New animation library*/

.mobile-false .animate-element.start-animation {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

/* bounce */

@-webkit-keyframes dt_bounce {

  0%,

  20%,

  53%,

  80%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

    transform: translate3d(0, 0, 0);

  }

  40%,

  43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

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

  }

  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

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

  }

  90% {

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

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

  }

}

@keyframes dt_bounce {

  0%,

  20%,

  53%,

  80%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

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

    transform: translate3d(0, 0, 0);

  }

  40%,

  43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

    -ms-transform: translate3d(0, -30px, 0);

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

  }

  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

    -ms-transform: translate3d(0, -15px, 0);

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

  }

  90% {

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

    -ms-transform: translate3d(0, -4px, 0);

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

  }

}

.mobile-false .animate-element.start-animation.bounce,

.mobile-false #page .animate-element.start-animation.bounce {

  -webkit-animation-name: dt_bounce;

  animation-name: dt_bounce;

  -webkit-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  transform-origin: center bottom;

  opacity: 1;

}

/* flash */

@-webkit-keyframes dt_flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

@keyframes dt_flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

.mobile-false .animate-element.start-animation.flash {

  -webkit-animation-name: dt_flash;

  animation-name: dt_flash;

}

/* pulse */

@-webkit-keyframes dt_pulse {

  0% {

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

    transform: scale3d(1, 1, 1);

  }

  50% {

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

    transform: scale3d(1.05, 1.05, 1.05);

  }

  100% {

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

    transform: scale3d(1, 1, 1);

  }

}

@keyframes dt_pulse {

  0% {

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

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

    transform: scale3d(1, 1, 1);

  }

  50% {

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

    -ms-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  100% {

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

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

    transform: scale3d(1, 1, 1);

  }

}

.mobile-false .animate-element.start-animation.pulse {

  -webkit-animation-name: dt_pulse;

  animation-name: dt_pulse;

  opacity: 1;

}

/* rubberBand */

@-webkit-keyframes dt_rubberBand {

  0% {

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

    transform: scale3d(1, 1, 1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

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

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

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

    transform: scale3d(1.05, 0.95, 1);

  }

  100% {

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

    transform: scale3d(1, 1, 1);

  }

}

@keyframes dt_rubberBand {

  0% {

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

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

    transform: scale3d(1, 1, 1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    -ms-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    -ms-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    -ms-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

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

    -ms-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

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

    -ms-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }

  100% {

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

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

    transform: scale3d(1, 1, 1);

  }

}

.mobile-false .animate-element.start-animation.rubberBand {

  -webkit-animation-name: dt_rubberBand;

  animation-name: dt_rubberBand;

  opacity: 1;

}

/* shake */

@-webkit-keyframes dt_shake {

  0%,

  100% {

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

    transform: translate3d(0, 0, 0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

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

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

  }

  20%,

  40%,

  60%,

  80% {

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

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

  }

}

@keyframes dt_shake {

  0%,

  100% {

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

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

    transform: translate3d(0, 0, 0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

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

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

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

  }

  20%,

  40%,

  60%,

  80% {

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

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

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

  }

}

.mobile-false .animate-element.start-animation.shake {

  -webkit-animation-name: dt_shake;

  animation-name: dt_shake;

  opacity: 1;

}

/* swing */

@-webkit-keyframes dt_swing {

  20% {

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

    transform: rotate3d(0, 0, 1, 15deg);

  }

  40% {

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

    transform: rotate3d(0, 0, 1, -10deg);

  }

  60% {

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

    transform: rotate3d(0, 0, 1, 5deg);

  }

  80% {

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

    transform: rotate3d(0, 0, 1, -5deg);

  }

  100% {

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

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

  }

}

@keyframes dt_swing {

  20% {

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

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

    transform: rotate3d(0, 0, 1, 15deg);

  }

  40% {

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

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

    transform: rotate3d(0, 0, 1, -10deg);

  }

  60% {

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

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

    transform: rotate3d(0, 0, 1, 5deg);

  }

  80% {

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

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

    transform: rotate3d(0, 0, 1, -5deg);

  }

  100% {

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

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

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

  }

}

.mobile-false .animate-element.start-animation.swing {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: dt_swing;

  animation-name: dt_swing;

  opacity: 1;

}

/* tada */

@-webkit-keyframes dt_tada {

  0% {

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

    transform: scale3d(1, 1, 1);

  }

  10%,

  20% {

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

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }

  30%,

  50%,

  70%,

  90% {

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

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }

  40%,

  60%,

  80% {

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

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }

  100% {

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

    transform: scale3d(1, 1, 1);

  }

}

@keyframes dt_tada {

  0% {

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

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

    transform: scale3d(1, 1, 1);

  }

  10%,

  20% {

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

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

    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

  }

  30%,

  50%,

  70%,

  90% {

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

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

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }

  40%,

  60%,

  80% {

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

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

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }

  100% {

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

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

    transform: scale3d(1, 1, 1);

  }

}

.mobile-false .animate-element.start-animation.tada {

  -webkit-animation-name: dt_tada;

  animation-name: dt_tada;

  opacity: 1;

}

/* wobble */

@-webkit-keyframes dt_wobble {

  0% {

    -webkit-transform: none;

    transform: none;

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }

  100% {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_wobble {

  0% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }

  100% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.wobble {

  -webkit-animation-name: dt_wobble;

  animation-name: dt_wobble;

  opacity: 1;

}

/* bounceIn */

@-webkit-keyframes dt_bounceIn {

  0%,

  20%,

  40%,

  60%,

  80%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

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

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

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

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

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

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

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

    transform: scale3d(0.97, 0.97, 0.97);

  }

  100% {

    opacity: 1;

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

    transform: scale3d(1, 1, 1);

  }

}

@keyframes dt_bounceIn {

  0%,

  20%,

  40%,

  60%,

  80%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

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

    -ms-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

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

    -ms-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

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

    -ms-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

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

    -ms-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }

  100% {

    opacity: 1;

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

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

    transform: scale3d(1, 1, 1);

  }

}

.mobile-false .animate-element.start-animation.bounceIn {

  -webkit-animation-name: dt_bounceIn;

  animation-name: dt_bounceIn;

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  opacity: 1;

}

/* bounceInDown */

@-webkit-keyframes dt_bounceInDown {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  100% {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_bounceInDown {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(0, -3000px, 0);

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

  }

  60% {

    opacity: 1;

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

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

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

  }

  75% {

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

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

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

  }

  90% {

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

    -ms-transform: translate3d(0, 5px, 0);

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

  }

  100% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.bounceInDown {

  -webkit-animation-name: dt_bounceInDown;

  animation-name: dt_bounceInDown;

  opacity: 1;

}

/* bounceInLeft */

@-webkit-keyframes dt_bounceInLeft {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  100% {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_bounceInLeft {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(-3000px, 0, 0);

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

  }

  60% {

    opacity: 1;

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

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

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

  }

  75% {

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

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

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

  }

  90% {

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

    -ms-transform: translate3d(5px, 0, 0);

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

  }

  100% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.bounceInLeft {

  -webkit-animation-name: dt_bounceInLeft;

  animation-name: dt_bounceInLeft;

  opacity: 1;

}

/* bounceInRight */

@-webkit-keyframes dt_bounceInRight {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  100% {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_bounceInRight {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(3000px, 0, 0);

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

  }

  60% {

    opacity: 1;

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

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

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

  }

  75% {

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

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

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

  }

  90% {

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

    -ms-transform: translate3d(-5px, 0, 0);

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

  }

  100% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.bounceInRight {

  -webkit-animation-name: dt_bounceInRight;

  animation-name: dt_bounceInRight;

  opacity: 1;

}

/* bounceInUp */

@-webkit-keyframes dt_bounceInUp {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  100% {

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

    transform: translate3d(0, 0, 0);

  }

}

@keyframes dt_bounceInUp {

  0%,

  60%,

  75%,

  90%,

  100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(0, 3000px, 0);

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

  }

  60% {

    opacity: 1;

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

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

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

  }

  75% {

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

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

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

  }

  90% {

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

    -ms-transform: translate3d(0, -5px, 0);

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

  }

  100% {

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

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

    transform: translate3d(0, 0, 0);

  }

}

.mobile-false .animate-element.start-animation.bounceInUp {

  -webkit-animation-name: dt_bounceInUp;

  animation-name: dt_bounceInUp;

  opacity: 1;

}

/* fadeIn */

@-webkit-keyframes dt_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes dt_fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.fadeIn {

  -webkit-animation-name: dt_fadeIn;

  animation-name: dt_fadeIn;

}

/* fadeInDown */

@-webkit-keyframes dt_fadeInDown {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInDown {

  0% {

    opacity: 0;

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

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInDown {

  -webkit-animation-name: dt_fadeInDown;

  animation-name: dt_fadeInDown;

}

/* fadeInDownBig */

@-webkit-keyframes dt_fadeInDownBig {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInDownBig {

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(0, -2000px, 0);

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInDownBig {

  -webkit-animation-name: dt_fadeInDownBig;

  animation-name: dt_fadeInDownBig;

}

/* fadeInLeft */

@-webkit-keyframes dt_fadeInLeft {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInLeft {

  0% {

    opacity: 0;

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

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInLeft {

  -webkit-animation-name: dt_fadeInLeft;

  animation-name: dt_fadeInLeft;

}

/* fadeInLeftBig */

@-webkit-keyframes dt_fadeInLeftBig {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInLeftBig {

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(-2000px, 0, 0);

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInLeftBig {

  -webkit-animation-name: dt_fadeInLeftBig;

  animation-name: dt_fadeInLeftBig;

}

/* fadeInRight */

@-webkit-keyframes dt_fadeInRight {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInRight {

  0% {

    opacity: 0;

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

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInRight {

  -webkit-animation-name: dt_fadeInRight;

  animation-name: dt_fadeInRight;

}

/* fadeInRightBig */

@-webkit-keyframes dt_fadeInRightBig {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInRightBig {

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(2000px, 0, 0);

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInRightBig {

  -webkit-animation-name: dt_fadeInRightBig;

  animation-name: dt_fadeInRightBig;

}

/* fadeInUp */

@-webkit-keyframes dt_fadeInUp {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInUp {

  0% {

    opacity: 0;

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

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInUp {

  -webkit-animation-name: dt_fadeInUp;

  animation-name: dt_fadeInUp;

}

/* fadeInUpBig */

@-webkit-keyframes dt_fadeInUpBig {

  0% {

    opacity: 0;

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

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_fadeInUpBig {

  0% {

    opacity: 0;

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

    -ms-transform: translate3d(0, 2000px, 0);

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

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.fadeInUpBig {

  -webkit-animation-name: dt_fadeInUpBig;

  animation-name: dt_fadeInUpBig;

}

/* flipInX */

@-webkit-keyframes dt_flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes dt_flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    -ms-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.mobile-false .animate-element.start-animation.flipInX {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: dt_flipInX;

  animation-name: dt_flipInX;

  opacity: 1;

}

/* flipInY */

@-webkit-keyframes dt_flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes dt_flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }

  100% {

    -webkit-transform: perspective(400px);

    -ms-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.mobile-false .animate-element.start-animation.flipInY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: dt_flipInY;

  animation-name: dt_flipInY;

  opacity: 1;

}

/* rotateIn */

@-webkit-keyframes dt_rotateIn {

  0% {

    -webkit-transform-origin: center;

    transform-origin: center;

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

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_rotateIn {

  0% {

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

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

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

    transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.rotateIn {

  -webkit-animation-name: dt_rotateIn;

  animation-name: dt_rotateIn;

}

/* rotateInDownLeft */

@-webkit-keyframes dt_rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.rotateInDownLeft {

  -webkit-animation-name: dt_rotateInDownLeft;

  animation-name: dt_rotateInDownLeft;

}

@-webkit-keyframes dt_rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.rotateInDownRight {

  -webkit-animation-name: dt_rotateInDownRight;

  animation-name: dt_rotateInDownRight;

}

/* rightInDownRight */

@-webkit-keyframes dt_rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

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

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.rotateInUpLeft {

  -webkit-animation-name: dt_rotateInUpLeft;

  animation-name: dt_rotateInUpLeft;

}

/* rotateInUpRight */

@-webkit-keyframes dt_rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.rotateInUpRight {

  -webkit-animation-name: dt_rotateInUpRight;

  animation-name: dt_rotateInUpRight;

}

/* rollIn */

@-webkit-keyframes dt_rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes dt_rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

}

.mobile-false .animate-element.start-animation.rollIn {

  -webkit-animation-name: dt_rollIn;

  animation-name: dt_rollIn;

}

/* rollOut */

@-webkit-keyframes dt_rollOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}

@keyframes dt_rollOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}

.mobile-false .animate-element.start-animation.rollOut {

  -webkit-animation-name: dt_rollOut;

  animation-name: dt_rollOut;

  opacity: 1;

}

/* zoomIn */

@-webkit-keyframes dt_zoomIn {

  0% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes dt_zoomIn {

  0% {

    opacity: 0;

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

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.zoomIn {

  -webkit-animation-name: dt_zoomIn;

  animation-name: dt_zoomIn;

  opacity: 1;

}

/* zoomInDown */

@-webkit-keyframes dt_zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes dt_zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.mobile-false .animate-element.start-animation.zoomInDown {

  -webkit-animation-name: dt_zoomInDown;

  animation-name: dt_zoomInDown;

  opacity: 1;

}

/* zoomInLeft */

@-webkit-keyframes dt_zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

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

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes dt_zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

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

    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.mobile-false .animate-element.start-animation.zoomInLeft {

  -webkit-animation-name: dt_zoomInLeft;

  animation-name: dt_zoomInLeft;

  opacity: 1;

}

/* zommInRight */

@-webkit-keyframes dt_zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

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

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes dt_zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

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

    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.mobile-false .animate-element.start-animation.zoomInRight {

  -webkit-animation-name: dt_zoomInRight;

  animation-name: dt_zoomInRight;

  opacity: 1;

}

/* zoomInUp */

@-webkit-keyframes dt_zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes dt_zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

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

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.mobile-false .animate-element.start-animation.zoomInUp {

  -webkit-animation-name: dt_zoomInUp;

  animation-name: dt_zoomInUp;

  opacity: 1;

}

/* lightSpeedIn */

@-webkit-keyframes dt_lightSpeedIn {

  0% {

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

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}

@keyframes dt_lightSpeedIn {

  0% {

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

    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    -ms-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    -ms-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    opacity: 1;

  }

}

.mobile-false .animate-element.start-animation.lightspeedIn {

  -webkit-animation-name: dt_lightSpeedIn;

  animation-name: dt_lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

.mobile-true #main .wpb_start_animation.wpb_top-to-bottom,

.mobile-true #main .wpb_start_animation.wpb_bottom-to-top,

.mobile-true #main .wpb_start_animation.wpb_left-to-right,

.mobile-true #main .wpb_start_animation.wpb_right-to-left,

.mobile-true #main .wpb_start_animation.wpb_appear {

  -webkit-animation: none;

  -moz-animation: none;

  -o-animation: none;

  animation: none;

  opacity: 1;

}

/* #Main slideshow

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

#main-slideshow {

  position: relative;

  z-index: 1;

  clear: both;

}

#main-slideshow-content {

  display: none;

}

/*FIXED WIDTH SLIDESHOW*/

#main-slideshow.fixed {

  padding: 44px;

  margin-top: 0px;

}

#main-slideshow.layer-fixed {

  padding: 40px;

  margin-top: 0px;

}

#main-slideshow.fix.rv-slider {

  padding-top: 0;

  padding-bottom: 0;

  margin-top: 0px;

}

#main-slideshow.fixed:after,

#main-slideshow.layer-fixed:after,

#main-slideshow.fix:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 1px;

  content: "";

}

#main-slideshow.fixed:after,

#main-slideshow.layer-fixed:after,

#main-slideshow.fix:after {

  top: auto;

  bottom: 0;

}

#main-slideshow #main-slideshow-content {

  display: block;

}

#main-slideshow.fixed > .royalSlider {

  max-width: 1200px;

  margin: 0 auto;

}

#main-slideshow > .royalSlider {

  width: 100%;

  height: 600px;

  overflow: hidden;

}

#main-slideshow > .royalSlider > li > img {

  display: none;

}

.rsDefault .rsFullscreenBtn {

  top: auto !important;

  bottom: 18px;

}

/*WITH OVERLAP HEADER SLIDESHOW*/

.overlap #main-slideshow {

  margin-top: -70px;

  margin-bottom: -70px;

}

.overlap #main-slideshow.fixed {

  margin-top: 0;

  margin-bottom: 0;

}

/* #Page titles

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

.overlap #fancy-header,

.overlap .page-title {

  margin-top: -70px;

  margin-bottom: -70px;

}

.transparent .page-title {

  visibility: hidden;

}

.is-webkit.overlap #fancy-header,

.is-webkit.overlap .page-title {

  position: relative;

}

/* #Fancy Title

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

/*.fancy-parallax-bg {

	will-change: transform;

}*/

#fancy-header.title-center .wf-wrap,

#fancy-header.content-left .wf-wrap,

#fancy-header.content-right .wf-wrap {

  display: table;

  width: 100%;

}

#fancy-header .wf-wrap,

.page-title .wf-wrap {

  padding-top: 0;

  padding-bottom: 0;

}

.overlap #fancy-header .wf-wrap,

.overlap .page-title .wf-wrap {

  padding-top: 70px;

  padding-bottom: 70px;

}

#fancy-header > .wf-wrap {

  max-width: 100%;

}

#fancy-header.title-center .wf-table,

#fancy-header.content-left .wf-table,

#fancy-header.content-right .wf-table {

  display: table-cell;

  vertical-align: middle;

}

.fancy-header .wf-td {

  width: 50%;

  vertical-align: middle;

}

.content-left.fancy-header .wf-td,

.content-right.fancy-header .wf-td {

  display: block;

  width: 100%;

}

.content-right.fancy-header .wf-td,

.title-left .breadcrumbs,

.title-right .hgroup {

  text-align: right;

}

.fancy-header.title-center .wf-table,

.fancy-header.title-center .wf-td {

  display: block;

  width: 100%;

  text-align: center;

}

.mobile-false #fancy-header .fancy-title,

.mobile-false #fancy-header .fancy-subtitle,

.mobile-false #fancy-header .breadcrumbs {

  opacity: 0;

}

#fancy-header .fancy-title > span {

  display: inline-block;

}

.ie-mobile #fancy-header .fancy-title,

.ie-mobile #fancy-header .fancy-subtitle,

.ie-mobile #fancy-header .breadcrumbs {

  opacity: 1;

}

#fancy-header .fancy-title.start-animation,

#fancy-header .fancy-subtitle.start-animation,

#fancy-header .breadcrumbs.start-animation {

  -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);

  opacity: 1;

}

.fancy-header .hgroup,

.page-title .hgroup {

  overflow: hidden;

  padding: 5px 0;

}

.title-center.breadcrumbs-off .hgroup,

.content-left.breadcrumbs-off .hgroup,

.content-right.breadcrumbs-off .hgroup {

  margin-top: 5px;

  margin-bottom: 5px;

}

.title-center .breadcrumbs.breadcrumbs-bg,

.content-left .breadcrumbs.breadcrumbs-bg,

.content-right .breadcrumbs.breadcrumbs-bg {

  margin-top: 10px;

}

#fancy-header.titles-off .breadcrumbs {

  margin-top: 5px;

  margin-bottom: 5px;

}

.title-center .breadcrumbs,

.content-left .breadcrumbs,

.content-right .breadcrumbs {

  margin-bottom: 10px;

}

.disabled-bg.title-center .breadcrumbs,

.disabled-bg.content-left .breadcrumbs,

.disabled-bg.content-right .breadcrumbs,

.disabled-bg.title-center.breadcrumbs-off .hgroup,

.disabled-bg.content-left.breadcrumbs-off .hgroup,

.disabled-bg.content-right.breadcrumbs-off .hgroup,

.disabled-bg.breadcrumbs-off.page-title h1 {

  margin-bottom: 0;

}

.title-center .hgroup,

.content-left .hgroup,

.content-right .hgroup {

  padding-bottom: 5px;

}

.title-center.breadcrumbs-off .hgroup,

.content-left.breadcrumbs-off .hgroup,

.content-right.breadcrumbs-off .hgroup {

  margin-bottom: 5px;

}

.fancy-header .fancy-title,

.fancy-header .fancy-subtitle {

  padding: 0;

}

.fancy-header .fancy-title {

  margin: 5px 0;

  padding: 0;

}

.fancy-header .fancy-subtitle {

  margin: 0;

  padding: 5px 0;

}

.fancy-header .wf-td .breadcrumbs,

.page-title .wf-td .breadcrumbs {

  display: inline-block;

}

.breadcrumbs.bg-dark,

.breadcrumbs.bg-light,

.hr-breadcrumbs .breadcrumbs.bg-light,

.hr-breadcrumbs .breadcrumbs.bg-dark {

  padding: 4px 10px;

}

.breadcrumbs.bg-dark {

  background-color: rgba(15, 18, 19, 0.1);

}

.breadcrumbs.bg-light {

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

}

.title-left .breadcrumbs {

  float: right;

}

.fancy-header .breadcrumbs li {

  position: relative;

  background: none;

}

.fancy-header .breadcrumbs li:first-child:before,

.breadcrumbs li:first-child:before {

  content: "";

}

.fancy-header .breadcrumbs li:before,

.breadcrumbs li:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 15px;

  height: 13px;

  content: "/";

  opacity: 0.5;

  text-align: left;

  z-index: 3;

}

.breadcrumbs li:before {

  opacity: 1;

}

/* #Page title

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

.page-title.title-center .wf-container-title,

.page-title.content-left .wf-container-title,

.page-title.content-right .wf-container-title {

  display: table;

  width: 100%;

}

.page-title.title-center .wf-table,

.page-title.content-left .wf-table,

.page-title.content-right .wf-table {

  display: table-cell;

  vertical-align: middle;

}

.page-title.title-center .wf-td,

.page-title.content-left .wf-td,

.page-title.content-right .wf-td {

  display: block;

  text-align: center;

}

.page-title.content-left .wf-td {

  text-align: left;

}

.page-title.content-right .wf-td,

.page-title.title-left .hr-breadcrumbs,

.page-title.title-right h1 {

  text-align: right;

}

.page-title.title-left .hr-breadcrumbs {

  float: right;

}

.page-title h1 {

  margin: 5px 0;

}

.page-title .hr-breadcrumbs .breadcrumbs:after {

  display: none;

}

.page-title .wf-container-title,

.page-title.full-width-line,

.article-top-bar .wf-container-top {

  border-bottom: 1px solid;

}

.page-title.solid-bg .wf-container-title,

.page-title.full-width-line .wf-container-title,

.page-title.disabled-bg .wf-container-title,

.page-title.transparent-bg .wf-container-title {

  border-bottom: none;

}

.page-title.disabled-bg .wf-td,

.page-title.title-center.disabled-bg .wf-table,

.page-title.content-left.disabled-bg .wf-table,

.page-title.content-right.disabled-bg .wf-table {

  /*	vertical-align: bottom;

			padding: 0;*/

}

.page-title.title-left.disabled-bg h1,

.page-title.title-right.disabled-bg h1 {

  margin: 0;

}

/* #Breadcrumbs

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

.breadcrumbs {

  list-style: none;

}

.breadcrumbs li {

  position: relative;

  display: inline-block;

  padding-left: 12px;

  margin-left: 8px;

}

.breadcrumbs li:first-child {

  padding-left: 0;

  margin-left: 0;

  background: none !important;

}

.breadcrumbs li a,

.fancy-header .breadcrumbs li a {

  color: inherit;

}

.breadcrumbs a {

  text-decoration: none;

}

.breadcrumbs a:hover {

  text-decoration: underline;

}

/* #Filter

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

.full-width-wrap .dt-shortcode .filter {

  max-width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-right: 22px;

  padding-left: 22px;

  box-sizing: border-box;

}

.filter {

  position: relative;

  margin: -6px 0 34px 0;

  z-index: 10;

  text-align: left;

}

.filter-style-ios .filter {

  margin-top: 0;

}

.filter-style-ios .filter:not(.extras-off) .filter-categories:not(.new-style) {

  margin-bottom: 16px;

}

.filter.extras-off {

  text-align: center;

}

.filter-style-ios .filter.extras-off .filter-categories:not(.new-style) {

  margin-bottom: 8px;

}

.filter:before {

  content: "";

  display: table;

}

.filter:after {

  content: "";

  display: table;

  clear: both;

}

.filter-categories,

.filter-by a,

.filter-sorting a {

  float: left;

}

.filter-categories,

.filter-extras,

.filter-by,

.filter-sorting,

.filter-categories a {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.extras-off .filter-categories {

  float: none;

  text-align: center;

}

.filter-extras {

  float: right;

}

.filter-categories,

.filter-extras {

  margin-bottom: 10px;

}

.filter-by,

.filter-sorting,

.filter-categories a {

  display: inline-block;

  text-align: center;

  text-decoration: none;

}

.filter-by,

.filter-sorting {

  display: -webkit-inline-flex;

  display: -moz-inline-flex;

  display: -ms-inline-flexbox;

  display: -ms-inline-flex;

  display: inline-flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.filter .filter-categories a,

.filter .filter-extras a {

  position: relative;

  text-decoration: none;

  background-position: 0 0;

  background-repeat: no-repeat;

}

.filter .filter-extras a {

  display: inline-block;

  float: none;

}

.filter-categories a {

  white-space: nowrap;

}

.filter-style-ios.shadow-element-decoration .filter-categories a:after,

.filter-style-ios.outline-element-decoration .filter-categories a:after {

  position: absolute;

  left: -1px;

  right: -1px;

  top: -1px;

  bottom: -1px;

  /*height: 100%;*/

  content: "";

  z-index: -1;

  opacity: 1;

}

.filter .filter-categories a:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 23px;

  height: 13px;

  content: "";

  text-decoration: none;

  background-position: 11px center;

  background-repeat: no-repeat;

}

.filter-categories a:after {

  opacity: 0;

  -webkit-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

}

.filter-categories a.act:after {

  opacity: 1;

}

.extras-off .filter-categories a {

  display: inline-block;

  float: none;

}

#page .filter .filter-categories a:first-child,

#page .filter .filter-extras .filter-by a:first-child {

  border-color: transparent;

}

.filter-switch {

  position: relative;

  display: inline-block;

  width: 21px;

  height: 13px;

}

.filter-style-minimal .filter-switch {

  width: 18px;

  height: 11px;

}

.filter-switch,

.filter-switch:before,

.filter-switch-toggle {

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

.filter-switch:before,

.filter-switch-toggle {

  position: absolute;

  left: 1px;

  top: 1px;

  width: 11px;

  height: 11px;

  background-color: #fff;

  content: "";

  -webkit-transition: left 300ms ease-out;

  transition: left 300ms ease-out;

}

.filter-style-minimal .filter-switch:before,

.filter-style-minimal .filter-switch-toggle {

  top: 2px;

  left: 2px;

  width: 7px;

  height: 7px;

}

.filter-switch.right-act:before {

  left: 9px;

}

.filter-switch.right-act .filter-switch-toggle {

  left: 9px;

}

.filter-switch-toggle:after,

.filter-extras a:after {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -20px 0 0 -20px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  content: '';

  opacity: 0;

  pointer-events: none;

  background: red;

}

.filter-style-material .filter-switch-toggle:after {

  margin: -19px 0 0 -16px;

}

.filter-style-material .filter .filter-sorting a:first-child:after,

.filter-style-material .filter .filter-by a:first-child:after {

  margin-left: -26px;

}

.filter-style-material .filter .filter-sorting a:last-child:after,

.filter-style-material .filter .filter-by a:last-child:after {

  margin-left: -14px;

}

.pressed .filter-switch-toggle:after,

.filter-extras a.pressed:after {

  -webkit-animation: anim-effect-boris 0.45s ease-out forwards;

  animation: anim-effect-boris 0.45s ease-out forwards;

}

@-webkit-keyframes anim-effect-boris {

  0% {

    -ms-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  25%,

  50% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes anim-effect-boris {

  0% {

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  25%,

  50% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

/*style ios*/

.filter-style-ios.outline-element-decoration .filter-categories,

.filter-style-ios.outline-element-decoration .filter-extras,

.filter-style-ios .outline-element-decoration .filter-categories,

.filter-style-ios .outline-element-decoration .filter-extras {

  border: 1px solid transparent;

}

.filter-style-ios.outline-element-decoration .filter-categories a,

.filter-style-ios.outline-element-decoration .filter-sorting,

.filter-style-ios .outline-element-decoration .filter-categories a,

.filter-style-ios .outline-element-decoration .filter-sorting {

  border: none;

  border-left-style: solid;

  border-left-width: 1px;

}

.filter-style-ios.outline-element-decoration .filter-categories a.act,

.filter-style-ios .outline-element-decoration .filter-categories a.act {

  border-left: none;

}

.filter-style-ios .shadow-element-decoration .filter-categories,

.filter-style-ios .shadow-element-decoration .filter-extras,

.filter-style-ios .shadow-element-decoration .filter-categories a,

.filter-style-ios .shadow-element-decoration .filter-sorting {

  border: none;

}

.filter-style-ios #page .filter-categories.new-style {

  border: none;

  background-color: transparent;

  box-shadow: none;

  text-align: left;

}

.filter-style-ios .extras-off .filter-categories {

  display: inline-block;

}

.filter-style-ios .filter-categories a,

.filter-style-ios .filter-sorting {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.filter-style-ios #page .filter-categories.new-style a {

  margin: 0 5px 5px 0;

}

.filter-style-ios.outline-element-decoration .filter-categories.new-style a:not(.act) {

  border: 1px solid;

}

.filter-style-ios.outline-element-decoration .filter-categories.new-style a.act {

  border: none;

}

.filter-style-ios #page .filter-categories.new-style a {

  display: inline-block;

  float: none;

}

.filter-style-ios .filter .filter-categories.new-style a:after {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  z-index: -1;

  opacity: 1;

}

.filter-style-ios .filter-by,

.filter-style-ios .filter-sorting,

.filter-style-ios .filter-categories a {

  float: left;

}

#page .filter-by a:first-child,

#page .filter-sorting a:first-child {

  margin-right: 0;

  padding-right: 12px;

}

#page .filter-by a:last-child,

#page .filter-sorting a:last-child {

  margin-left: 0;

  padding-left: 12px;

}

/*style material*/

.filter-style-material .filter-categories {

  margin-bottom: 7px;

}

.filter-style-material .filter .filter-extras a {

  width: 20px;

  text-indent: -9999px;

  background-position: center center;

}

.filter-style-material .filter .filter-categories a:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

}

.filter-style-material .filter .filter-categories a:after {

  top: 100%;

  height: 2px;

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.filter-style-material .filter .filter-categories a.act:after {

  opacity: 1;

}

.filter-style-material .filter-switch {

  top: -1px;

  left: 0;

  width: 19px;

  height: 7px;

  /*

			margin: 0 10px 0 1px;*/

}

.filter-style-material .filter-switch:hover {

  cursor: pointer;

}

.filter-style-material .filter-switch-toggle {

  top: -1px;

  left: 0;

  width: 9px;

  height: 9px;

}

.filter-style-material .filter-switch:before {

  display: none;

}

.filter-style-minimal .filter .filter-categories a:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  z-index: -1;

}

/* #Paginator

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

.paginator {

  position: relative;

  margin: 50px 0 0 0;

  text-align: right;

  z-index: 10;

}

.dt-shortcode .paginator {

  text-align: center;

}

.description-under-image + .paginator {

  margin-top: 40px;

}

.description-under-image.bg-under-post + .paginator {

  margin-top: 50px;

}

.paginator:before {

  content: "";

  display: table;

}

.paginator:after {

  content: "";

  display: table;

  clear: both;

}

.page-links,

.page-nav {

  margin-bottom: 10px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.paginator .page-nav {

  float: right;

}

.paginator .page-links {

  float: left;

  margin: 0 auto;

}

.dt-shortcode .page-links {

  display: inline-block;

  float: none;

}

.paginator a.act {

  border: none;

}

.paginator a {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.paginator .disabled:hover {

  cursor: default;

}

.page-links a {

  position: relative;

  display: inline-block;

  float: none;

  /*margin: 0 3px 0 2px;*/

  min-width: 20px;

  text-align: center;

  text-decoration: none;

}

.filter-style-ios.shadow-element-decoration .page-links a:before,

.filter-style-ios.outline-element-decoration .page-links a:before {

  position: absolute;

  left: -1px;

  right: -1px;

  top: -1px;

  bottom: -1px;

  content: "";

  z-index: -1;

}

#page .paginator a:first-child,

#page .page-nav a:first-child {

  border-color: transparent;

}

.paginator .nav-prev,

.paginator .nav-next {

  position: relative;

  display: inline-block;

  /*margin-left: 5px;*/

  text-decoration: none;

}

.paginator .nav-prev:before,

.paginator .nav-next:after {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -6.5px;

  width: 13px;

  height: 13px;

  line-height: 13px;

  content: "";

  background-position: 0 center;

  background-repeat: no-repeat;

}

/*Load more button*/

.paginator.paginator-more-button {

  margin-top: 25px;

  border: none !important;

  text-align: center;

}

.layout-list .paginator.paginator-more-button {

  margin-top: 45px;

}

.justified-grid .paginator.paginator-more-button {

  width: 100%;

}

.paginator .button-load-more,

.paginator .loading-ready {

  position: relative;

  display: inline-block;

  float: none;

  text-decoration: none;

}

.button-load-more .h5-size {

  display: block;

  margin-top: 5px;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}

.paginator .button-load-more {

  width: 200px;

  height: 50px;

  line-height: 50px;

  -webkit-border-radius: 50px !important;

  border-radius: 50px !important;

  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.paginator .button-load-more .stick {

  display: none;

}

.paginator .button-load-more .button-caption {

  display: block;

  margin: 0;

  line-height: 50px;

  -webkit-transition: opacity 0.01s ease;

  transition: opacity 0.01s ease;

}

.paginator .button-load-more.animate-load,

.paginator .button-load-more.button-lazy-loading {

  width: 50px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.paginator .button-load-more.animate-load .button-caption,

.paginator .button-load-more.button-lazy-loading .button-caption {

  opacity: 0;

  text-indent: -9999px;

}

.paginator .button-load-more.animate-load .stick,

.paginator .button-load-more.button-lazy-loading .stick {

  display: block;

}

.pace.iso-preloader .pace-activity:before {

  border-color: transparent;

  border-top-color: #fff;

  border-right-color: #fff !important;

}

.iso-preloader .pace-activity:after {

  display: none;

}

#page .stick:first-child,

.iso-preloader .pace-activity:before,

.rsPreloader .pace-activity:before {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -15px 0 0 -15px;

  width: 30px;

  height: 30px;

  -webkit-border-radius: 40px;

  border-radius: 40px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  background-color: transparent;

  -webkit-animation: spin 1s infinite linear 0.2s;

  animation: spin 1s infinite linear 0.2s;

}

.stick:first-child {

  border: solid 3px rgba(255, 255, 255, 0);

}

@-webkit-keyframes spin {

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes spin {

  100% {

    transform: rotate(360deg);

  }

}

/*style ios*/

.filter-style-ios.outline-element-decoration .paginator .page-links,

.filter-style-ios.outline-element-decoration .page-nav,

.filter-style-ios .outline-element-decoration .paginator .page-links,

.filter-style-ios .outline-element-decoration .page-nav {

  border: 1px solid transparent;

}

.filter-style-ios .shadow-element-decoration .paginator .page-links,

.filter-style-ios .shadow-element-decoration .page-nav,

.filter-style-minimal .shadow-element-decoration .paginator .page-links a:after {

  border: none;

}

.filter-style-ios .paginator:not(.paginator-more-button) a {

  float: left;

  /*margin: 0 0 0 -1px;*/

  -webkit-border-radius: 0;

  border-radius: 0;

}

.filter-style-ios.outline-element-decoration .paginator:not(.paginator-more-button) a,

.filter-style-ios .outline-element-decoration .paginator:not(.paginator-more-button) a {

  /*	margin: -1px 0 -1px -1px;*/

  border: none;

  border-left-style: solid;

  border-left-width: 1px;

}

.filter-style-ios .shadow-element-decoration .paginator:not(.paginator-more-button) a {

  border: none;

  margin: 0;

}

/*style material*/

.filter-style-material .paginator .page-nav {

  margin-right: -8px;

}

.filter-style-material .paginator .page-links a:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  min-width: 20px;

  content: "";

}

.filter-style-material .paginator .page-links a:after {

  top: 100%;

  height: 2px;

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.filter-style-material .paginator .page-links a.act:after {

  opacity: 1;

}

.filter-style-material .paginator .nav-prev,

.filter-style-material .paginator .nav-next {

  font-size: 0;

  text-indent: -9999px;

}

.filter-style-material .paginator .nav-prev:before,

.filter-style-material .paginator .nav-next:after {

  left: 50%;

  right: auto;

  margin: -8px 0 0 -8px;

  width: 16px;

  height: 16px;

  line-height: 16px;

}

/*style minimal*/

.filter-style-minimal .page-links a {

  z-index: 1;

}

.filter-style-minimal .paginator .page-links a:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  min-width: 20px;

  content: "";

  z-index: -1;

}

/* #Blog, Portfolio, Albums

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

/*Display content area*/

.page-info {

  padding: 0 0 10px 0;

}

.post {

  position: relative;

}

.post:before,

.post:after {

  content: "";

  display: table;

  clear: both;

}

.post .entry-title a {

  display: inline-block;

}

/*read more button*/

.blog .details.more-link,

.dt-blog-shortcode .details.more-link {

  margin-bottom: 10px;

}

.more-link.dt-btn {

  margin-top: 5px;

}

.post .more-link.dt-btn {

  margin-right: 10px;

}

/* #post format

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

.post.bg-on .block-style-widget,

.post.bg-on .format-aside-content,

.post.bg-on .format-status-content,

.post.bg-on .format-link-content {

  padding: 0;

  background: none !important;

  box-shadow: none !important;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.format-aside-content,

.format-link-content {

  padding: 25px 30px 15px;

  margin: 0 0 15px;

}

.author-quote {

  border-left: 5px solid;

  padding-left: 10px;

}

.format-status-content {

  padding: 25px 20px 15px;

  margin: 5px 0 15px;

}

.format-link .details,

.format-aside .details,

.format-status .details,

.format-quote .details {

  display: none;

}

/*resize image to 100% width parent container*/

.images-container img,

.albums .post img,

.media .post img,

.portfolio .post img,

.blog .post img,

.single .post .rollover img,

.dt-blog-shortcode img,

.dt-albums-shortcode img,

.dt-portfolio-shortcode img,

.wf-container.iso-grid img,

.wf-container.layout-masonry img {

  max-width: 100%;

  width: 100%;

  height: auto;

}

.mobile-true .post img.iso-lazy-load {

  width: 100%;

}

.blog.layout-list .post .blog-media img,

.old-ie .blog .post .dt-format-gallery img {

  width: 100%;

}

/* #Background under projects

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

.bg-on .blog-content {

  padding: 15px 25px 10px;

}

.bg-on .project-list-content {

  padding: 10px 25px 10px;

}

.slider-wrapper .bg-on .project-list-content {

  padding-top: 20px;

}

.iso-container .bg-on .project-list-content > *,

.iso-grid .bg-on .project-list-content > * {

  padding-top: 10px;

  padding-bottom: 0;

  margin-bottom: 0;

}

.iso-container .bg-on .project-list-content > :last-child,

.iso-grid .bg-on .project-list-content > :last-child {

  margin-bottom: 10px;

}

.post.bg-on .alignleft,

.post.bg-on .alignnone,

.bg-on .blog-media > p,

.bg-on .project-list-media > p,

.post.bg-on ul.royalSlider.alignnone,

.description-under-image .post.bg-on ul.royalSlider.alignnone {

  margin-bottom: 0;

}

.bg-on .blog-media,

.bg-on .project-list-media,

.round-images .bg-on .team-media {

  padding: 25px 25px 0;

}

.bg-on.fullwidth-img .blog-media,

.bg-on.fullwidth-img .project-list-media {

  padding: 0;

}

.bg-on .blog-content,

.bg-on .blog-media {

  position: relative;

  z-index: 9;

}

.bg-on.post .alignnone {

  margin-top: 0;

}

/* #Template: List

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

.layout-list .post {

  padding-top: 44px;

  margin-top: 19px;

}

.articles-list .post:last-child {

  margin-bottom: -25px;

}

.layout-list .post:first-child {

  border: none;

  padding-top: 0;

  margin-top: 0;

}

.blog .post.bg-on,

.portfolio .post.bg-on {

  border-top: none;

}

/*.blog.layout-list .post {

	padding-top: 44px;

}*/

.layout-list .blog-content,

.layout-list .blog-media,

.layout-list .project-list-content,

.layout-list .project-list-media {

  display: block;

  float: left;

  width: 100%;

}

/* #Checkerboard order

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

.project-even .alignleft,

.project-even ul.royalSlider.alignleft {

  float: right;

  margin-right: 0;

  margin-left: 30px;

}

/* #Background under projects

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

.layout-list .post.bg-on {

  padding: 25px 25px 0px;

  margin: 0 0 20px;

}

.layout-list .bg-on .blog-media,

.layout-list .bg-on .blog-content,

.layout-list .bg-on .project-list-media,

.layout-list .bg-on .project-list-content {

  display: block;

  float: left;

  width: 100%;

  padding: 0;

}

.layout-list .bg-on .blog-content,

.layout-list .bg-on .project-list-content {

  padding-bottom: 10px;

}

/* #Post slider

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

.layout-list .post-slider {

  margin-right: 30px;

}

.layout-list .project-even .post-slider {

  margin-right: 0;

  margin-left: 30px;

}

.layout-list .media-wide .post-slider,

.layout-list .media-wide.project-even .post-slider {

  margin-right: 0;

  margin-left: 0;

}

/* #Post Images

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

.post .alignleft,

.description-under-image .post .alignnone,

.description-under-image .post ul.royalSlider.alignnone,

.blog.layout-list .post.bg-on ul.royalSlider.alignnone {

  margin-bottom: 20px;

}

.description-under-image .post .buttons-on-img ul.royalSlider.alignnone,

.description-under-image .bg-on.post .alignnone {

  margin-bottom: 0;

}

.project-list-media .alignleft {

  width: 100%;

}

.blog-media .alignleft {

  float: none;

}

.blog.layout-list .post .alignleft,

.blog.layout-list .post .alignnone {

  margin-bottom: 25px;

}

.format-quote .block-style-widget {

  margin: 0 0 15px;

  padding: 25px 30px 15px;

}

.format-quote.bg-on .block-style-widget,

.bg-on .format-aside-content,

.bg-on .format-link-content {

  margin-bottom: 10px;

}

/* #Blog

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

.layout-masonry .blog-content.wf-td,

.layout-masonry .blog-media.wf-td,

.iso-grid .blog-content.wf-td,

.iso-grid .blog-media.wf-td,

.media-wide .blog-content.wf-td,

.media-wide .blog-media.wf-td,

.iso-container .blog-media.wf-td,

.iso-container .blog-content.wf-td,

.shortcode-blog-posts .wf-td {

  display: block;

}

.blog-media {

  position: relative;

  overflow: hidden;

  z-index: 9;

}

/*Fancy date*/

.fancy-date {

  vertical-align: top;

  padding-right: 30px;

}

.fancy-date.right-aligned {

  float: right;

  padding-right: 0;

  padding-left: 30px;

}

.fancy-date a {

  position: absolute;

  z-index: 102;

  top: 0;

  left: 0;

  width: 44px;

  /*height: 93px;*/

  padding: 0 10px 0;

  color: #fff !important;

  text-decoration: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.fancy-date a * {

  color: #fff !important;

}

.fancy-date span {

  position: relative;

  display: block;

  padding: 2px 0 0;

  text-align: center;

  font-family: Arial, sans-serif;

}

.fancy-date span.entry-date {

  padding: 7px 0 5px;

  font-size: 20px;

}

.fancy-date .entry-month,

.fancy-date .entry-year {

  font-size: 10px;

}

.fancy-date span:before {

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -5px;

  width: 10px;

  height: 1px;

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

  content: "";

}

.fancy-date span:first-child:before {

  display: none;

}

.bg-on .fancy-date a {

  top: 25px;

  left: 25px;

}

.project-even .fancy-date a,

.right-aligned.fancy-date a,

.layout-list .project-even.bg-on .fancy-date a {

  right: 0;

  left: auto;

}

.small-fancy-datas.layout-list .project-even.bg-on .fancy-date a {

  right: 10px;

  left: auto;

}

.fullwidth-img .fancy-date a,

.layout-list .bg-on .fancy-date a {

  top: 0;

  left: 0;

}

.project-even.bg-on .fancy-date a,

.bg-on .right-aligned.fancy-date a {

  right: 30px;

  left: auto;

}

/*fancy date for material design*/

.small-fancy-datas .fancy-date a,

.small-fancy-datas .fullwidth-img .fancy-date a {

  top: 10px;

  left: 10px;

  width: auto;

  height: 30px;

  text-align: center;

}

.small-fancy-datas .project-even .fancy-date a,

.small-fancy-datas .right-aligned.fancy-date a {

  right: auto;

  left: 40px;

}

.small-fancy-datas .bg-on .fancy-date a {

  top: 35px;

  left: 35px;

}

.small-fancy-datas .fullwidth-img .fancy-date a,

.small-fancy-datas.layout-list .bg-on .fancy-date a {

  top: 10px;

  left: 10px;

}

.small-fancy-datas .fancy-date span {

  display: inline-block;

  vertical-align: middle;

  padding: 0;

}

.small-fancy-datas .fancy-date span.entry-date {

  padding: 0 0 0 5px;

  font-size: 14px;

  line-height: 30px;

}

.small-fancy-datas .fancy-date .entry-month {

  font-size: 14px;

  opacity: 0.5;

}

.small-fancy-datas .fancy-date span:before,

.small-fancy-datas .fancy-date .entry-year {

  display: none;

}

/* #Portfolio

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

.post .project-media {

  margin-bottom: 20px;

  line-height: 0;

}

.project-media,

.project-content {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.project-media img {

  max-width: 100%;

}

/* #Gallery

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

.dt-format-gallery a,

.dt-format-gallery .rollover-video {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/* #Loading indicator

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

.pace {

  -webkit-pointer-events: none;

  pointer-events: none;

  -webkit-user-select: none;

  user-select: none;

}

.pace .pace-activity {

  position: fixed;

  display: block;

  z-index: 2000;

  top: 50%;

  left: 50%;

  margin: -25px 0 0 -25px;

  width: 50px;

  height: 50px;

  border-radius: 100%;

}

.pace .pace-activity:before {

  width: 32px;

  height: 32px;

  margin: -16px 0 0 -16px;

  border: 3px solid #fff;

  border-right-color: rgba(0, 0, 0, 0) !important;

  border-left-color: rgba(0, 0, 0, 0) !important;

  -webkit-animation: pace-rotation 1s linear infinite;

  animation: pace-rotation 1s linear infinite;

  content: '';

}

@-webkit-keyframes pace-rotation {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

  }

}

@keyframes pace-rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(359deg);

  }

}

/* #Single

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

.single-post .breadcrumbs li:last-child,

.single-portfolio .breadcrumbs li:last-child {

  display: none;

}

/*!-Article top bar*/

.article-top-bar {

  position: relative;

  overflow: hidden;

  margin: -40px 0 44px;

  z-index: 4;

}

.article-top-bar > .wf-wrap {

  padding: 0 22px;

}

.article-top-bar .wf-container-top {

  display: table;

  width: 100%;

  padding: 0 0 10px;

}

.article-top-bar.disabled-bg .wf-container-top,

.article-top-bar.full-width-line .wf-container-top {

  border: none;

  padding-bottom: 0;

}

.article-top-bar .entry-meta,

.article-top-bar .portfolio-categories,

.article-top-bar .navigation-inner {

  display: table-cell;

  padding: 0;

  margin-bottom: 0;

  vertical-align: middle;

}

.article-top-bar .navigation-inner {

  overflow: hidden;

  margin-bottom: 5px;

  min-width: 88px;

}

.single-navigation-wrap {

  float: right;

  margin-right: -6px;

}

.post-meta-disabled .single-navigation-wrap {

  float: none;

  text-align: center;

}

.navigation-inner a {

  float: left;

  width: 12px;

  height: 12px;

  padding: 5px 6px;

  background-repeat: no-repeat;

}

.navigation-inner a:hover {

  text-decoration: underline;

}

.navigation-inner .prev-post {

  padding-right: 4px;

  background-position: center center;

}

.navigation-inner .next-post {

  background-position: center center;

}

.post-meta-disabled .navigation-inner .next-post {

  float: right;

}

.back-to-list {

  background-position: center center;

}

.post-meta-disabled .back-to-list {

  display: inline-block;

  float: none;

  padding: 0;

  margin: 0 20px;

}

.navigation-inner a.disabled,

.project-navigation .disabled,

.project-navigation .disabled:hover {

  opacity: 0.4;

}

.navigation-inner a.disabled:hover,

.project-navigation .disabled:hover {

  cursor: auto;

  text-decoration: none;

}

/*!-Meta & tags*/

.entry-meta,

.portfolio-categories {

  display: block;

  overflow: hidden;

}

.entry-meta,

.portfolio-categories {

  padding: 0 0 10px 0;

}

.single .post .entry-meta,

.project-post .portfolio-categories {

  padding: 0px 0 0 0;

  margin-bottom: 5px;

}

.single .entry-meta,

.project-post .portfolio-categories {

  float: left;

}

.single .fs-entry .entry-meta {

  float: none;

}

.entry-meta > a,

.entry-meta > span,

.portfolio-categories > a,

.portfolio-categories > span {

  position: relative;

  display: inline-block;

  margin: 0px 1px 0 6px;

  padding-left: 10px;

  text-decoration: none;

}

.entry-meta a,

.portfolio-categories a {

  -webkit-transition: all 0.05s linear 0.05s;

  transition: all 0.05s linear 0.05s;

}

.entry-meta span a,

.portfolio-categories > span a {

  text-decoration: none;

}

.entry-meta a:hover,

.portfolio-categories a:hover {

  text-decoration: underline;

}

.portfolio-categories > a.data-link:hover {

  text-decoration: none;

  cursor: default;

}

.entry-meta > a:after,

.entry-meta > span:after,

.portfolio-categories > a:after,

.portfolio-categories > span:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 1px;

  height: 100%;

  content: "/";

}

.entry-meta > a:first-child:after,

.portfolio-categories > a:first-child:after,

.entry-meta > span:first-child:after,

.portfolio-categories > span:first-child:after,

.single .article-top-bar .entry-meta a:after,

.single .article-top-bar .portfolio-categories a:after,

.single .article-top-bar .entry-meta > span:after,

.single .article-top-bar .portfolio-categories > span:after {

  display: none;

}

.single .article-top-bar .entry-meta > a,

.single .article-top-bar .entry-meta > span,

.single .article-top-bar .portfolio-categories > a,

.single .article-top-bar .portfolio-categories > span {

  margin-right: 20px;

  margin-left: 0;

  padding-left: 25px;

  background-position: 0 center;

  background-repeat: no-repeat;

}

.single .article-top-bar .entry-meta > a:first-child,

.single .article-top-bar .portfolio-categories > a:first-child {

  padding-left: 25px;

}

.entry-meta a:first-child,

.portfolio-categories a:first-child,

.entry-meta span:first-child,

.portfolio-categories span:first-child {

  padding-left: 0;

  margin-left: 0;

}

.fullwidth-slider .portfolio-categories > a,

.fullwidth-slider .portfolio-categories span {

  float: none;

  display: inline-block;

}

.entry-tags {

  display: block;

  overflow: hidden;

  padding: 20px 0 15px 0;

}

.entry-tags,

.entry-tags a,

.entry-tags span {

  word-wrap: break-word;

}

.entry-tags span.single-tags {

  position: relative;

  float: left;

}

.single .entry-tags a {

  position: relative;

  float: left;

  margin: 5px 10px 0 13px;

  padding: 3px 7px 3px 12px;

  border: none;

  text-decoration: none;

  font-family: Arial, sans-serif;

  font-size: 12px;

  line-height: 19px;

}

.single .entry-tags a:before {

  position: absolute;

  top: 0;

  left: -13px;

  width: 0;

  height: 0;

  border-top: 12px solid transparent;

  border-right: 13px solid red;

  border-bottom: 13px solid transparent;

  content: "";

}

.single .entry-tags a:after {

  position: absolute;

  left: -2px;

  top: 50%;

  margin-top: -3px;

  width: 6px;

  height: 6px;

  content: "";

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

/*Post's fancy title*/

.fancy-author-title,

.fancy-posts-title,

.fancy-comments-title,

.fancy-comments-form,

.fancy-projects-title {

  padding-left: 25px;

  background-repeat: no-repeat;

  background-position: 0 center;

}

.single .fancy-author-title.title-left,

.single .fancy-posts-title.title-left,

.single .fancy-comments-title.title-left,

.single .fancy-comments-form.title-left,

.single .fancy-projects-title.title-left {

  margin-top: 60px;

  margin-bottom: 34px;

}

.single .fancy-comments-title.title-left,

.single .fancy-comments-form.title-left,

.single .fancy-author-title.title-left {

  margin-top: 50px;

}

.single-portfolio .fancy-projects-title.title-left,

.single-portfolio .fancy-comments-title.title-left,

.single-portfolio .fancy-comments-form.title-left,

.single-dt_gallery .fancy-comments-title.title-left,

.single-dt_gallery .fancy-comments-form.title-left {

  margin-top: 20px;

}

.single-portfolio #comments .commentlist,

.single-dt_gallery #comments .commentlist {

  margin-bottom: 0;

  padding-bottom: 10px;

}

.single .fancy-posts-title {

  margin-bottom: 30px;

}

/* #Single Blog

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

/*!-Post author*/

.entry-author {

  overflow: hidden;

  margin-bottom: 10px;

  padding: 25px 30px 15px 30px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.entry-author-img {

  width: 115px;

}

.entry-author-info {

  vertical-align: top;

}

.entry-author .text-primary {

  font-weight: bold;

}

.entry-author .alignleft {

  margin-bottom: 10px;

}

.entry-author .alignleft img,

.entry-author img.alignleft {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.post .entry-author img {

  max-width: none;

}

.blog .post .wp-smiley {

  width: auto;

}

/* #Single Portfolio

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

.project-post {

  position: relative;

}

.single .project-content {

  margin-bottom: 34px;

}

.floating-content {

  position: relative;

  /*-webkit-transition: top 300ms linear;

			transition: top 300ms linear;*/

}

.single-dt_gallery.single .project-content {

  margin-bottom: 20px;

}

.single-portfolio .project-post ul.royalSlider,

.single-portfolio .images-container {

  margin-bottom: 34px;

}

/* List images*/

.images-container {

  line-height: 0;

}

.images-list {

  position: relative;

  margin-bottom: 20px;

  line-height: 0;

}

.images-list:last-child {

  margin-bottom: 0;

}

.images-list img {

  margin-bottom: 0;

}

.images-list-caption {

  position: absolute;

  top: auto;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 99;

}

.images-list-inner {

  position: absolute;

  bottom: 0;

  display: inline-block;

  margin: 0 20px;

  padding: 15px 0 15px;

}

.images-list-inner h4 {

  display: inline-block;

  margin: 5px 0 0;

}

.images-list-inner,

.images-list-inner * {

  color: #fff;

}

.navigation-inner a,

.project-details,

.project-link,

.project-zoom,

.vc-item .vc_read_more {

  text-decoration: none;

}

/*!-Slideshow description*/

.slider-post-inner h4 {

  display: inline-block;

  vertical-align: middle;

  margin: 5px 0 0;

}

.slider-post-inner,

#main .slider-post-inner h4,

.images-list-inner,

#main .images-list-inner h4 {

  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

}

.slider-post-inner .album-content-btn,

.images-list-inner .album-content-btn {

  display: block;

  float: left;

  width: 100%;

  margin-bottom: 0;

}

.images-list-inner p {

  margin-bottom: 0;

}

.slider-link {

  display: block;

  float: left;

  width: 32px;

  height: 32px;

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");

  background-color: rgba(0, 0, 0, 0.4);

  border-radius: 50%;

  background-repeat: no-repeat;

  -webkit-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

}

.slider-link:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7;

}

.slider-link,

.slider-post-inner .share-button.entry-share,

.images-list-inner .share-button.entry-share {

  margin: 0 5px 5px 0;

  background-position: center center;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/*Slideshow description:end*/

/* #Comments

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

.comment-form .form-fields {

  margin-right: -10px;

}

#comments {

  margin-bottom: 20px;

}

.single #comments,

.single .form-submit {

  margin-bottom: 0;

}

#comments .commentlist,

#comments .children {

  margin: 0;

  padding: 0;

  list-style: none;

}

#comments .commentlist {

  margin-bottom: -21px;

  padding-bottom: 1px;

}

li.comment,

li.pingback {

  padding-left: 90px;

  margin-bottom: 30px;

}

.commentlist .comment > article {

  position: relative;

  padding: 25px 30px 15px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

#comments .children {

  margin-top: 30px;

}

.comment-author .avatar,

.comment-author .rollover {

  float: left;

  margin: -25px 0 15px -120px;

}

.comment-author .rollover i,

.comment-author .rollover,

.comment-author .avatar {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.comment-author .rollover .avatar {

  margin: 0;

}

.comment-content {

  padding: 10px 0 0;

}

.pingback-content {

  padding: 0px 0 24px 0;

}

.comment-meta,

.comment-reply-link {

  float: right;

}

.comment-reply-link {

  margin-left: 10px;

}

.fn {

  font-style: normal;

}

#reply-title small,

#cancel-comment-reply-link {

  float: right;

  margin-top: 10px;

}

/* !- Comments form */

.comment #respond {

  padding-top: 24px;

}

#respond #submit {

  display: none;

}

#commentform textarea,

.contact-form textarea {

  width: 100%;

  margin: 0 0 10px;

}

.contact-form-ios #commentform textarea {

  margin-top: 10px;

}

.comment-reply-link,

.comment-meta a,

.fn a,

.pingback a,

.clear-form {

  text-decoration: none;

}

#reply-title small a:hover,

.comment-reply-link:hover,

.comment-meta a:hover,

.pingback a:hover,

.clear-form:hover {

  text-decoration: underline;

}

/* #Share buttons

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

.project-share-overlay {

  position: relative;

  display: inline-block;

  padding-top: 5px;

  padding-bottom: 5px;

}

.project-share-overlay:not(.allways-visible-icons) {

  padding-right: 11px;

}

.entry-share {

  margin: 14px 0 10px;

}

.project-content .entry-share {

  margin: 0;

}

.project-post .btn-project-link {

  padding: 5px 10px 5px 25px;

  margin: 0 28px 0 0;

  text-decoration: none;

}

.project-post .btn-project-link:hover {

  text-decoration: underline;

}

.project-content-btn {

  margin-top: 24px;

}

.project-content-btn .entry-share {

  margin-top: 0;

  margin-bottom: 0;

}

.project-post .project-slider .project-content-btn {

  margin-top: -5px;

  margin-bottom: 39px;

}

.project-share-overlay .share-button.entry-share {

  /*	display: block;*/

  text-decoration: none;

}

#page .project-share-overlay .share-button.entry-share,

#page .btn-project-link.btn-link {

  padding: 0 0 0 23px;

}

.share-button.entry-share,

.btn-project-link {

  display: inline-block;

  padding: 0 0 0 23px;

  background-position: 0 center;

  background-repeat: no-repeat;

}

.share-button.entry-share.no-text,

.btn-project-link.no-text {

  width: 36px;

  height: 36px;

  padding: 0;

  text-indent: -9999px;

}

.share-button.entry-share,

.btn-project-link,

.share-overlay .soc-ico a {

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}

.photo-scroller .share-button.entry-share,

.slider-post-inner .share-button.entry-share,

.images-list-inner .share-button.entry-share {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E");

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico {

  position: absolute;

  z-index: 999;

  left: 50%;

  bottom: 46px;

  width: 150px;

  height: 36px;

  padding: 0 3px;

  visibility: hidden;

  overflow: visible;

  opacity: 0;

  background-color: #fff;

  text-align: center;

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

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

  transform: translateX(-50%);

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

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

}

.single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico {

  bottom: 48px;

}

.project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico {

  bottom: 38px;

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico:after,

.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {

  position: absolute;

  left: 50%;

  margin-left: -5px;

  bottom: -5px;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid white;

  content: "";

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {

  margin-left: -6px;

  bottom: -6px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 6px solid rgba(0, 0, 0, 0.1);

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a {

  display: none;

  float: none;

  width: 24px;

  margin: 7px 3px 0 3px;

  background: none !important;

}

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a {

  box-shadow: none;

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover {

  background: none !important;

  opacity: 0.6;

}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:before,

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after {

  display: none;

}

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .icon,

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .icon {

  fill: #000;

}

.project-share-overlay.allways-visible-icons .soc-ico {

  display: inline-block;

  vertical-align: middle;

  margin-left: 10px;

}

/*albums share*/

.slide-caption .share-button.entry-share,

.slide-caption .btn-project-link {

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

}

.slide-caption .share-button.entry-share:hover,

.slide-caption .btn-project-link:hover {

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

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

}

/* #Sidebar

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

.sidebar {

  position: relative;

  z-index: 9;

}

.sidebar-none .sidebar {

  display: none;

}

#main .ui-widget-content,

.sidebar-left .wf-wrap:after,

.sidebar-right .wf-wrap:after {

  clear: both;

}

.sidebar-left .sidebar,

.sidebar-right .content {

  float: left;

}

.sidebar-right .sidebar,

.sidebar-left .content {

  float: right;

}

.sidebar-right .content,

.sidebar-left .sidebar {

  padding-right: 44px;

}

.sidebar-right .sidebar,

.sidebar-left .content {

  padding-left: 44px;

}

.sidebar-right .sidebar.solid-bg,

.sidebar-left .sidebar.solid-bg,

.sidebar-right .sidebar.bg-under-widget,

.sidebar-left .sidebar.bg-under-widget {

  border: none;

}

.sidebar-left .sidebar.solid-bg,

.sidebar-left .sidebar.bg-under-widget {

  padding-right: 0;

}

.sidebar-right .sidebar.solid-bg,

.sidebar-right .sidebar.bg-under-widget {

  padding-left: 0;

}

.sidebar-divider-off.sidebar-right .sidebar {

  padding-left: 6px;

}

.sidebar-divider-off.sidebar-left .sidebar {

  padding-right: 6px;

}

.sidebar-left .wf-wrap:before,

.sidebar-left .wf-wrap:after,

.sidebar-right .wf-wrap:before,

.sidebar-right .wf-wrap:after {

  content: "";

  display: table;

}

.sidebar-divider-off #sidebar {

  border: none;

}

/* !- Full-width page (no sidebar) */

.sidebar-none .content {

  width: 100%;

}

/* #Widgets

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

.sidebar .widget,

.sidebar-content .widget {

  padding: 0;

  margin-bottom: -10px;

}

.sidebar.bg-under-widget .widget,

.bg-under-widget .sidebar-content .widget,

.solid-bg.sidebar-content .widget {

  margin-bottom: 0;

}

.sidebar.solid-bg .widget,

.solid-bg .sidebar-content .widget,

.solid-bg.sidebar-content .widget {

  padding-left: 25px;

  padding-right: 25px;

}

.sidebar.bg-under-widget .widget,

.bg-under-widget .sidebar-content .widget,

.solid-bg.sidebar-content .widget {

  padding: 25px 25px 15px;

}

.sidebar .widget-divider-off .widget,

.sidebar-content.widget-divider-off .widget,

.solid-bg.sidebar-content .widget {

  border-top: none;

}

.sidebar.bg-under-widget .widget:first-child,

.bg-under-widget .sidebar-content .widget:first-child,

.solid-bg.sidebar-content .widget:first-child {

  margin-top: 0;

}

.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child,

.content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child {

  padding-top: 0;

}

.sidebar .widget:first-child,

.sidebar-content .widget:first-child,

.old-ie .sidebar .widget:first-child {

  border-top: none;

}

.footer .widget {

  margin-bottom: 30px;

}

.widget:before,

.widget:after {

  content: "";

  display: table;

  clear: both;

}

.widget-info {

  margin-bottom: 10px;

}

.content .widget ul {

  list-style: none;

}

.widget-title {

  margin-bottom: 15px;

  clear: both;

}

/* #Categories

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

.custom-categories,

.widget_categories ul {

  padding-bottom: 10px;

}

.custom-categories li,

.cat-item {

  overflow: hidden;

  margin: 9px 0 0 0;

  padding: 10px 0 0 0;

}

.custom-categories li {

  margin-top: 0;

}

.custom-categories > li:first-child,

.cat-item:first-child {

  margin-top: 0;

  padding-top: 0;

  border-top: none !important;

}

.custom-categories a,

.cat-item a {

  text-decoration: none;

}

.custom-categories a {

  display: block;

  clear: both;

}

.custom-categories span.item-name {

  float: left;

}

.custom-categories span.item-num {

  float: right;

  margin-left: 10px;

}

.custom-categories ul,

.cat-item ul {

  margin-left: 20px;

}

/* #Calendar

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

#wp-calendar {

  margin: 25px 0 15px 0;

  border-width: 1px;

  border-style: solid;

}

#wp-calendar caption {

  padding: 5px 0 5px 0;

  height: auto;

  border-style: solid;

  border-width: 1px;

  border-bottom: none;

}

#wp-calendar th {

  height: 25px;

  font-weight: normal;

}

.content #wp-calendar th {

  border: none;

}

#wp-calendar td {

  width: 34px;

  height: 25px;

  border-style: solid;

  border-width: 1px;

  vertical-align: middle;

  text-align: center;

  line-height: 20px;

  cursor: default;

}

#wp-calendar td.act {

  color: #fff;

}

#wp-calendar td a {

  display: block;

  width: 100%;

  text-decoration: none;

}

#wp-calendar td.pad,

.footer #wp-calendar td.pad {

  background: none !important;

  border: none;

}

#wp-calendar tfoot td {

  width: auto;

}

#wp-calendar tfoot td#prev {

  padding-left: 10px;

  text-align: left;

}

#wp-calendar tfoot td#next {

  padding-right: 10px;

  text-align: right;

}

#wp-calendar tfoot td a:hover {

  background: none;

  text-decoration: none;

}

/* #Contact info

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

.shortcode-contacts,

.shortcode-contact-info {

  margin-bottom: 20px;

}

.contact-info,

.content .contact-info {

  margin: 0;

  padding-bottom: 10px;

}

.contact-info li {

  margin: 10px 0 0 0;

  list-style: none;

}

.contact-info li:first-child {

  margin-top: 0;

}

.widget .soc-ico {

  padding: 5px 0 10px 0;

}

/* #Custom navigation

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

.custom-nav {

  margin: 0;

}

.custom-nav > li:first-child {

  border-top: none !important;

}

.custom-nav > li > a {

  display: block;

  position: relative;

  padding: 0 0 10px;

  text-decoration: none;

}

.custom-nav > li > a span {

  display: inline-block;

}

.custom-nav > li > a,

.custom-nav > li > a:before,

.custom-menu a,

.widget_tag_cloud a {

  -webkit-transition: all 0.05s linear;

  transition: all 0.05s linear;

}

.custom-nav > li > a:before,

.custom-nav > li li a:before {

  display: block;

  position: absolute;

  top: 14px;

  right: 0;

  width: 13px;

  height: 13px;

  content: "";

  background-repeat: no-repeat;

  background-position: center center;

}

.custom-nav > li .custom-menu li {

  border: none !important;

}

.custom-nav > li li a {

  padding-left: 12px;

  background-image: none !important;

}

.custom-nav > li li a:before {

  top: 50%;

  margin-top: -1px;

  right: auto;

  left: 0;

  width: 3px;

  height: 3px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.custom-nav > li > ul {

  display: none;

  margin: 0 0px 0 0px;

  padding: 0 20px 15px 20px;

}

.custom-nav > li > ul a span {

  display: inline-block;

}

.custom-nav > li li {

  margin-top: 0;

  padding-top: 7px;

}

.custom-nav > li > ul a:hover {

  text-decoration: none;

}

.custom-nav > li:last-child > ul {

  margin-bottom: -5px;

}

.bg-under-widget .custom-nav > li:last-child > ul,

.solid-bg .custom-nav > li:last-child > ul {

  margin-bottom: -5px;

}

/* #Menu

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

.menu,

.custom-menu .widget_pages > ul {

  margin: 0;

  padding: 0 0 10px 0;

}

.menu li,

.custom-menu li,

.widget_pages li,

.qts-lang-menu li {

  display: block;

  position: relative;

  margin: 9px 0 0 0;

  padding: 10px 0 0 0;

}

.menu > li:first-child,

.custom-menu > li:first-child,

.widget_pages > ul > li:first-child,

.qts-lang-menu li:first-child {

  border: none !important;

  margin-top: 0;

  padding-top: 0;

}

#page .qtrans_flag {

  width: auto;

  height: auto;

  background-position: 0 center;

}

.menu a,

.custom-menu a,

.widget_pages a {

  text-decoration: none;

  padding-right: 15px;

}

.custom-menu a {

  position: relative;

  display: block;

  padding-left: 23px;

  background-repeat: no-repeat;

  background-position: 0 5px;

}

.custom-menu a:before {

  position: absolute;

  top: 5px;

  left: 0;

  width: 13px;

  height: 13px;

  content: "";

}

.custom-nav .has-children > a:after {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  margin-top: 5px;

  width: 8px;

  height: 8px;

  content: "";

}

.widget_pages a {

  display: inline-block;

}

.menu li ul,

.custom-menu li ul,

.widget_pages li ul,

.content .menu li ul,

.content .custom-menu li ul,

.content .widget_pages li ul {

  margin-left: 20px;

}

.custom-nav .custom-menu li ul {

  padding-top: 10px;

}

/* #Meta

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

.tagcloud {

  padding-bottom: 15px;

}

.widget_tag_cloud a {

  display: inline-block;

  padding: 0 3px;

  margin-bottom: 2px;

  text-decoration: none;

}

/* #Recent posts

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

.recent-posts {

  margin: 0;

  padding: 0 0 5px 0;

}

.recent-posts li {

  display: block;

  overflow: hidden;

  margin: 9px 0 0 0;

  padding: 15px 0 0 0;

}

.widget .recent-posts li {

  margin-top: 0;

}

.recent-posts > li:first-child {

  margin-top: 0;

  padding-top: 0;

  border-top: none !important;

}

.recent-posts a,

.items-grid .post-content > a {

  display: inline-block;

  text-decoration: none;

}

.recent-posts .alignleft {

  margin: 5px 20px 5px 0;

  font-size: 0;

  line-height: 0;

}

/* #Recent tweets

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

.widget .tp_recent_tweets {

  margin-bottom: 10px;

}

.widget .tp_recent_tweets li .twitter_time {

  position: relative;

  padding: 0 0 0 20px;

}

.widget .tp_recent_tweets li {

  padding: 15px 0 0 0;

  background-image: none;

}

.tp_recent_tweets li,

.tp_recent_tweets li * {

  line-height: inherit;

}

.widget .tp_recent_tweets li:first-child {

  margin-top: 0;

  padding-top: 0;

  border: none !important;

}

.widget .tp_recent_tweets li .twitter_time:before {

  position: absolute;

  display: block;

  top: 2px;

  left: 0;

  width: 15px;

  height: 15px;

  content: "";

  background-position: 0 0;

  background-repeat: no-repeat;

}

.widget .tp_recent_tweets li:first-child:before {

  top: 5px;

}

.tp_recent_tweets li a {

  font-weight: normal;

  text-decoration: none;

}

.widget .tp_recent_tweets .twitter_time {

  font-style: normal;

}

.widget .tp_recent_tweets .twitter_time:hover {

  text-decoration: underline;

}

/* #Search

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

.widget .searchform,

.content .searchform {

  position: relative;

}

.widget_search form {

  margin: 5px 0 15px 0;

}

.widget_search input[type="text"] {

  width: 100%;

  margin: 0;

}

.widget .searchform input,

.content .searchform input {

  padding-right: 30px;

}

.widget .searchsubmit,

.widget .searchform .submit,

.content .searchform .submit {

  position: absolute;

  top: 12px;

  right: 12px;

  width: 16px;

  height: 16px;

  padding: 0;

  background-position: 0 0;

  background-repeat: no-repeat;

}

/* #Skills

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

.skills {

  padding-bottom: 5px;

}

.skills.hide-percent .skill-value > span {

  display: none !important;

}

html:not(.mobile-true) .skill-value {

  -webkit-transition: width 1200ms ease;

  transition: width 1200ms ease;

}

.skill-name {

  margin-bottom: 5px;

}

.skill-name span {

  margin-left: 5px;

}

.skill {

  margin-bottom: 15px;

  height: 7px;

}

.skill-value {

  position: relative;

  width: 0%;

  height: 100%;

}

.skill-value:after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  -webkit-background-size: 40px 40px;

  -moz-background-size: 40px 40px;

  -o-background-size: 40px 40px;

  background-size: 40px 40px;

}

html:not(.mobile-true) .skill-value {

  -moz-transition-delay: 300ms;

  -ms-transition-delay: 300ms;

  -o-transition-delay: 300ms;

  -webkit-transition-delay: 300ms;

}

.skill-value span {

  position: absolute;

  top: -26px;

  right: -16px;

  margin-right: 4px;

  padding: 2px 6px 3px;

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

  color: #fff;

  font-size: 10px;

  font-family: Tahoma, san-serif;

  line-height: 14px;

}

.skill-value span:after {

  position: absolute;

  left: 50%;

  bottom: -5px;

  margin-left: -5px;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid rgba(0, 0, 0, 0.8);

  content: "";

}

/* #Testimonials

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

.testimonials {

  padding-bottom: 10px;

}

.widget .rsContW {

  padding-top: 5px;

}

.widget .rsContW.testimonials {

  padding-top: 0;

}

.sidebar .widget .rsContW,

.sidebar-content .widget .rsContW {

  margin-bottom: 30px;

}

.footer .widget .rsContW {

  margin-bottom: 20px;

}

body.testimonials {

  padding-bottom: 0px;

}

.widget .testimonials article {

  position: relative;

  padding: 0;

}

.testimonial-vcard {

  display: table;

  margin: 20px 0 0 0;

  overflow: hidden;

}

.testimonial-vcard .alignleft {

  margin: 0 20px 5px 0;

  font-size: 0;

  line-height: 0;

}

.testimonial-vcard .alignleft div {

  overflow: hidden;

}

.testimonials.list-view li {

  position: relative;

  overflow: hidden;

  padding: 25px 0 0 0;

}

.testimonials.list-view li:first-child {

  margin-top: 0;

  padding-top: 0;

  border-top: none !important;

}

/* #Categories, Meta, Blogroll, Archives, Recent Posts, Recent Comments

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

.widget_categories > ul,

.widget_meta > ul,

.blogroll > ul,

.widget_archive > ul,

.widget_recent_entries > ul,

.widget_recent_comments > ul,

.widget_links > ul,

.custom-menu {

  padding-bottom: 10px;

}

.widget_categories li,

.widget_meta li,

.blogroll li,

.widget_archive li,

.widget_recent_entries li,

.widget_recent_comments li,

.widget_links li,

.custom-menu li {

  margin: 10px 0 0 0;

  padding: 0 0 0 0;

}

.custom-menu li {

  padding: 9px 0 0 0;

}

.widget_categories li:first-child,

.widget_meta li:first-child,

.blogroll li:first-child,

.widget_archive > ul > li:first-child,

.widget_recent_entries li:first-child,

.widget_recent_comments > ul > li:first-child,

.custom-menu > li:first-child,

.widget_links > ul > li:first-child {

  margin-top: 0;

  padding-top: 0;

  border-top: none !important;

}

.widget_categories a,

.widget_meta a,

.blogroll a,

.widget_archive a,

.widget_recent_entries a,

.widget_recent_comments a,

.widget_links a {

  display: inline-block;

  text-decoration: none;

}

/* #Accordion

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

.st-accordion {

  padding-bottom: 10px;

}

.st-accordion ul {

  margin: 0;

}

.st-accordion > ul > li {

  overflow: hidden;

  /*height: 20px;*/

  margin: 0;

  padding: 9px 0 0 0;

  list-style: none;

}

.st-accordion > ul > li:first-child .st-content {

  display: block;

}

.st-accordion > ul > li:first-child {

  padding-top: 0;

  margin-top: 0;

  border: none;

}

.st-accordion li > a {

  display: inline-block;

  position: relative;

  padding-left: 25px;

  outline: none;

}

.st-accordion li > a:before,

.st-accordion li > a:after {

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -7px;

  width: 14px;

  height: 14px;

  content: "";

}

.st-accordion li > a:after {

  background-position: center center;

  background-repeat: no-repeat;

}

.st-content {

  display: none;

  padding: 10px 0 5px 0;

}

.st-content p {

  margin-bottom: 0;

}

.st-accordion li > a:hover {

  text-decoration: none;

}

/* #Photos

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

.widget .instagram-photos {

  overflow: hidden;

  margin-bottom: 15px;

  padding-top: 5px;

}

.instagram-photos a {

  position: relative;

  float: left;

  max-width: 115px;

  border-right: 2px solid transparent;

  border-bottom: 2px solid transparent;

  line-height: 0;

  opacity: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.widget .instagram-photos a {

  max-width: 77px;

}

.instagram-photos img {

  max-width: 100%;

  width: 100%;

  height: auto;

}

.instagram-photos a i {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.mobile-false .instagram-photos a:hover i {

  opacity: 1;

}

/*text widget*/

.textwidget {

  margin-bottom: 10px;

}

/* #Beautiful loading

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

/* #Basic typography

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

body.responsive-off {

  min-width: 998px;

}

/* #Headers

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

h1,

h2,

h3,

h4,

h5,

h6 {

  margin-bottom: 10px;

  clear: both;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  text-decoration: none;

}

p {

  margin-bottom: 10px;

}

a {

  text-decoration: underline;

}

a:hover {

  text-decoration: none;

}

/* #Lists

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

.content ul,

.content ol {

  margin: 0 0 10px 20px;

}

.fa-ul li {

  list-style: none;

}

.content .widget ul,

.content .widget ol {

  margin: 0 0 0px 0px;

}

.content ul {

  list-style: disc outside none;

}

.content ol {

  list-style-type: decimal;

}

/* #Tables

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

.content table {

  border-bottom: 1px solid transparent;

  width: 100%;

  margin: 0 0 10px 0;

}

.content table caption {

  margin: 10px 0;

}

.content td,

.content th {

  border-top: 1px solid transparent;

  padding: 5px 10px 5px 5px;

}

.content th {

  text-align: left;

}

/* #Images

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

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"],

.post img,

.post .rollover,

.post .rollover-video {

  max-width: 100%;

  height: auto;

}

.items-grid .alignleft img,

.recent-posts .alignleft img {

  max-width: inherit;

  height: inherit;

}

blockquote {

  padding: 20px 25px;

  margin: 0 0 10px 0;

}

.format-status-content {

  border: none;

}

.alignleft {

  float: left;

  margin: 0 30px 10px 0;

}

#footer .alignleft,

#sidebar .alignleft {

  margin-right: 20px;

}

.alignright {

  float: right;

  margin: 0 0 10px 30px;

}

#footer .alignright,

#sidebar .alignright {

  margin-left: 20px;

}

.aligncenter {

  display: block;

  margin: 0 auto 10px auto;

}

.alignnone {

  float: none;

  margin: 0 auto 10px auto;

}

.shortcode-single-image-wrap.alignnone,

.shortcode-single-image-wrap.aligncenter {

  margin-left: auto !important;

  margin-right: auto !important;

}

/* #Dividers & gap

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

.hr-thick,

.hr-thin,

.gap-10,

.gap-20,

.gap-30,

.gap-40,

.vc_empty_space,

.gap {

  clear: both;

}

.hr-thick {

  height: 1px;

  line-height: 1px;

  border-bottom-style: solid;

  border-bottom-width: 5px;

  margin-bottom: 1px;

  margin: 0 auto;

}

.hr-thin {

  height: 9px;

  line-height: 9px;

  margin: 0 auto;

}

.hr-thin.hr-left {

  margin: 0;

}

.hr-thin.hr-right {

  margin: 0 0 0 auto;

}

.divider-heder,

.single .divider-heder,

.page .divider-heder {

  margin: 25px 0 36px 0;

}

.layout-list .divider-heder,

.layout-masonry .divider-heder {

  margin: 25px 0 36px 0;

}

.divider-comments {

  margin: 0 0 35px 0;

}

.divider-post {

  margin: 10px 0 20px 0;

}

.text-centered {

  text-align: center;

}

/* Basic typography: end */

/* #Helper styles

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

a.text-secondary {

  text-decoration: none;

}

a.text-secondary:hover {

  text-decoration: underline;

}

.assistive-text {

  position: absolute !important;

  clip: rect(1px, 1px, 1px, 1px);

}

.assistive-info {

  text-align: right;

  color: #fff;

}

.wf-clearfix:before {

  content: "";

  display: table;

}

.wf-clearfix:after {

  content: "";

  display: table;

  clear: both;

}

.ancient-ie .wf-clearfix {

  zoom: 1;

}

.wf-container:before,

#main-nav:before,

#top-bar:before,

.header-bottom-bar:before,

.layout-list .post:before {

  content: "";

  display: table;

}

.wf-container:after,

#main-nav:after,

#top-bar:after,

.header-bottom-bar:after,

.layout-list .post:after {

  content: "";

  display: table;

  clear: both;

}

.ancient-ie .wf-container,

.ancient-ie #main-nav,

.ancient-ie #top-bar,

.ancient-ie .header-bottom-bar,

.ancient-ie .layout-list .post {

  zoom: 1;

}

/* Helper styles: end */

/* #Basic blocks layout

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

#page {

  position: relative;

  overflow: hidden;

}

.footer-overlap #page {

  background: none;

}

#page.boxed {

  max-width: 1320px;

  margin: 0px auto;

  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);

}

/* !Main */

.main-gradient {

  display: none;

}

#main {

  padding: 50px 0 50px 0;

}

/* !-Overlap header */

.not-webkit.overlap #main {

  position: relative;

  z-index: 1;

}

.is-webkit.overlap .main-gradient {

  display: block;

}

.is-webkit.overlap #main {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.is-webkit.overlap .main-gradient {

  position: relative;

  width: 100%;

  height: 66px;

  margin-top: -46px;

  z-index: 3;

}

.is-webkit.overlap #main > .wf-wrap {

  position: relative;

  top: -16px;

}

.is-webkit.overlap #main {

  padding-bottom: 34px;

}

.is-webkit.overlap #main {

  -webkit-box-shadow: none;

  box-shadow: none;

}

/* Basic blocks layout: end */

/* !Stripes */

.stripe {

  /*position: relative;*/

  width: 100%;

  padding: 20px 2000px;

  margin-left: -2000px;

  overflow: hidden;

}

.static-height {

  position: relative;

}

.stripe-parallax-bg,

.fancy-parallax-bg,

.page-title-parallax-bg {

  background-attachment: fixed !important;

  background-position-x: 50%;

}

[id^=jarallax] > div {

  will-change: transform;

}

.stripe-parallax-bg > .wf-wrap,

.fancy-parallax-bg > .wf-wrap,

.page-title-parallax-bg > .wf-wrap {

  position: relative;

}

.mobile-false .stripe-parallax-bg,

.mobile-false .fancy-parallax-bg,

.mobile-false .page-title-parallax-bg {

  opacity: 0;

  -webkit-transition: opacity 300ms ease;

  transition: opacity 300ms ease;

}

/* !- Stripe style 4 */

/* It's important to keep this value in quotes */

/*@strype-4-secondary-color: @accent-bg-color;*/

/* color of arrows and dividers */

/* color of backgrounds for meta information, blockquotes, etc. */

/* variable color and opacity */

/* alternative variable color for ie */

/* Constant */

/* Stripe style 4: end */

/* !- Stripe style 5 */

/* It's important to keep this value in quotes */

/*@strype-5-secondary-color: @accent-bg-color;*/

/* color of arrows and dividers */

/* color of backgrounds for meta information, blockquotes, etc. */

/* variable color and opacity */

/* alternative variable color for ie */

/* Constant */

/* Stripe style 5: end */

.stripe-style-4 {

  background-color: #2e3031;

  background-repeat: ;

  background-attachment: fixed;

  background-position: center top;

  background-size: cover;

}

.stripe-style-4 *,

.stripe-style-4 a {

  color: #ffffff;

}

.stripe-style-4 .gw-go * {

  color: inherit;

}

.stripe-style-5 {

  background-color: #ffffff;

  background-repeat: ;

  background-attachment: fixed;

  background-position: center top;

  background-size: cover;

}

.stripe-style-5 *,

.stripe-style-5 a {

  color: #333333;

}

/*!-Video background*/

embed,

iframe,

object,

video {

  max-width: 100%;

}

.stripe.stripe-video-bg {

  position: relative;

}

.stripe.stripe-video-bg .wf-container {

  position: relative;

}

.stripe-video-bg > video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* 1. No object-fit support: */

@media (min-aspect-ratio: 16/9) {

  .stripe-video-bg > video {

    height: 300%;

    top: -100%;

  }

}

@media (max-aspect-ratio: 16/9) {

  .stripe-video-bg > video {

    width: 300%;

    left: -100%;

  }

}

/* 2. If supporting object-fit, overriding (1): */

@supports (object-fit: cover) {

  .stripe-video-bg > video {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

}

/*Video background:end*/

/*!-Parallax background for device*/

.mobile-true .stripe,

.mobile-true .fancy-parallax-bg,

.mobile-true .page-title-parallax-bg {

  background-attachment: scroll !important;

  background-size: auto !important;

}

.mobile-true .stripe-parallax-bg {

  background-size: auto !important;

}

/*Stripe background for device:end*/

/*!-Row settings->Full-width content*/

.full-width-wrap {

  display: block;

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.is-iphone .full-width-wrap {

  opacity: 1;

}

.full-width-wrap > .wf-cell,

.full-width-wrap > .wpb_column,

.content .vc_row.full-width-wrap > .wpb_column,

.full-width-wrap > .wpb_column > .vc_column-inner {

  padding-left: 0;

  padding-right: 0;

}

/*!-WP Audio*/

.mejs-controls .mejs-play:hover button {

  background-position: 0 0;

}

.mejs-controls .mejs-pause button,

.mejs-controls .mejs-pause:hover button {

  background-position: 0 -16px;

}

.mejs-controls button {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.mejs-controls .mejs-mute button:hover {

  background-position: -16px -16px;

}

.mejs-controls .mejs-unmute button:hover {

  background-position: -16px 0;

}

/*WP Audio:end*/

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  height: 1px;

  overflow: hidden;

  position: absolute !important;

  width: 1px;

}

/**/

article.attachment:after,

article.attachment:before {

  content: "";

  display: table;

  clear: both;

}

/* #Basic forms style

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

input[type="text"],

input[type="tel"],

input[type="url"],

input[type="email"],

input[type="number"],

input[type="date"],

input[type="range"],

input[type="password"],

select,

textarea {

  padding: 7px 15px 7px 15px;

  color: #b8bcbe;

  border: 1px solid #e0e1e1;

  background-color: #fbfcfc;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.contact-form-minimal input[type="text"],

.contact-form-minimal input[type="tel"],

.contact-form-minimal input[type="url"],

.contact-form-minimal input[type="email"],

.contact-form-minimal input[type="number"],

.contact-form-minimal input[type="date"],

.contact-form-minimal input[type="range"],

.contact-form-minimal input[type="password"],

.contact-form-minimal select,

.contact-form-minimal textarea {

  margin-bottom: 10px;

}

.stripe input[type="text"],

.stripe input[type="tel"],

.stripe input[type="url"],

.stripe input[type="email"],

.stripe input[type="number"],

.stripe input[type="date"],

.stripe input[type="range"],

.stripe input[type="password"],

.stripe select,

.stripe textarea {

  color: #b8bcbe;

}

select {

  color: #444;

}

.stripe .wpcf7-form-control-wrap select {

  color: #444;

}

@media all and (-ms-high-contrast: none) {

  .dt-form textarea {

    min-height: 100px;

  }

}

.comment-form .form-fields > span {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.form-fields input,

.login-username input,

.login-password input {

  width: 100%;

}

.form-message {

  display: block;

  margin-bottom: 10px;

}

input[type="text"]:focus,

input[type="tel"]:focus,

input[type="url"]:focus,

input[type="email"]:focus,

input[type="number"]:focus,

input[type="date"]:focus,

input[type="range"]:focus,

input[type="password"]:focus,

textarea:focus {

  color: #7b8083 !important;

}

input[type="text"],

input[type="tel"],

input[type="url"],

input[type="email"],

input[type="number"],

input[type="date"],

input[type="range"],

input[type="password"],

textarea {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

}

input[type="text"]::-webkit-input-placeholder,

input[type="email"]::-webkit-input-placeholder,

input[type="password"]::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #b8bcbe;

}

input[type="text"]:-moz-placeholder,

input[type="password"]:-moz-placeholder,

textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #b8bcbe;

}

input[type="text"]::-moz-placeholder,

input[type="password"]::-moz-placeholder,

textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #b8bcbe;

}

input[type="text"]:-ms-input-placeholder,

input[type="password"]:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #b8bcbe;

}

input[type="text"]:input-placeholder,

input[type="password"]:input-placeholder,

textarea:input-placeholder {

  color: #b8bcbe;

}

.form-fields > span {

  position: relative;

  display: block;

}

/*WHEN GENERAL->APPEARANCE->IOS 7 STYLE*/

.contact-form-ios .form-fields {

  margin-bottom: 20px;

  max-width: 100%;

  border: 1px solid #eaeaea;

  clear: both;

}

.contact-form-ios #comments .form-fields {

  max-width: 270px;

}

.contact-form-ios #comments .form-fields input {

  max-width: 270px;

}

.contact-form-ios .form-fields input {

  margin: 0;

  border: none;

  border-top: 1px solid #eaeaea;

  background-color: #fbfcfc;

}

.contact-form-ios .form-fields span:first-child input {

  border-top: none;

}

.contact-form-ios textarea,

.contact-form-ios .searchform input[type="text"] {

  background-color: #fbfcfc;

  border: 1px solid #eaeaea;

}

/*WHEN GENERAL->APPEARANCE ->Contact form->Minimal form*/

.contact-form-minimal .comment-form .form-fields > span {

  float: left;

  width: 33.333%;

  padding-right: 10px;

}

/*WHEN GENERAL->APPEARANCE->Contact form->Material design*/

.contact-form-material .dt-form .form-fields {

  border-top: 1px solid #e6e6e6;

}

.contact-form-material .comment-form .form-fields,

.contact-form-material .comment-form-author,

.contact-form-material .comment-form-email,

.contact-form-material .comment-form-author input,

.contact-form-material .comment-form-email input {

  margin: 0;

}

.contact-form-material input[type="text"],

.contact-form-material input[type="tel"],

.contact-form-material input[type="url"],

.contact-form-material input[type="email"],

.contact-form-material input[type="number"],

.contact-form-material input[type="date"],

.contact-form-material input[type="range"],

.contact-form-material input[type="password"],

.contact-form-material select,

.contact-form-material textarea {

  background-color: #fff;

  border-color: #e6e6e6;

}

.contact-form-material .form-fields > span,

.contact-form-material .form-message,

.contact-form-material .comment-form-comment,

.contact-form-material .comment-form-author,

.contact-form-material .comment-form-email {

  position: relative;

  display: block;

  padding-top: 6px;

  border: 1px solid #e6e6e6;

  border-top: none;

  background-color: #fff;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

.contact-form-material .form-fields > span:after,

.contact-form-material .form-message:after,

.contact-form-material .comment-form-comment:after,

.contact-form-material .comment-form-author:after,

.contact-form-material .comment-form-email:after {

  position: absolute;

  z-index: 9;

  left: 0;

  bottom: -1px;

  width: 100%;

  height: 2px;

  content: "";

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

}

.contact-form-material .form-fields > span.active:after,

.contact-form-material .form-message.active:after,

.contact-form-material .comment-form-comment.active:after,

.contact-form-material .comment-form-author.active:after,

.contact-form-material .comment-form-email.active:after {

  opacity: 1;

}

.contact-form-material .comment-form .form-fields > span,

.contact-form-material .comment-form .form-message,

.contact-form-material .comment-form .comment-form-comment,

.contact-form-material .comment-form .comment-form-author,

.contact-form-material .comment-form .comment-form-email {

  border: 1px solid #e6e6e6;

  border-bottom: none;

}

.contact-form-material .comment-form .comment-form-comment,

.contact-form-material .comment-form .form-fields {

  border-bottom: 1px solid #e6e6e6;

}

.contact-form-material .comment-form .comment-form-comment {

  margin-bottom: 20px;

}

.contact-form-material .form-fields > span {

  height: 39px;

}

.contact-form-material .contact-form > p,

.contact-form-material .comment-form > .form-submit {

  margin-top: 20px;

}

.contact-form-material .form-fields > span .assistive-text,

.contact-form-material .form-message .assistive-text,

.contact-form-material .comment-form-comment .assistive-text,

.contact-form-material .comment-form-comment label,

.contact-form-material .comment-form-author label,

.contact-form-material .comment-form-email label {

  position: absolute;

  top: 12px;

  left: 17px;

  -webkit-transition: 0.2s ease-out;

  transition: 0.2s ease-out;

  clip: auto;

  color: #d0d0d0;

}

.contact-form-material #page .is-focused .assistive-text,

.contact-form-material #page .is-focused label {

  font-size: 0.7rem;

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

  transform: translateY(-60%);

}

.contact-form-material .form-fields input,

.contact-form-material .dt-form textarea,

.contact-form-material .comment-form textarea,

.contact-form-material .comment-form-comment textarea,

.contact-form-material .comment-form-author input,

.contact-form-material .comment-form-email input {

  position: relative;

  margin-bottom: 0;

  padding: 10px 17px 5px;

  border: none;

  background-color: transparent;

  color: #353535;

  text-indent: -9999px;

  font-size: 0;

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

  transition: all 0.3s ease 0s;

  border-radius: 0;

}

.contact-form-material .form-fields input:focus,

.contact-form-material .dt-form textarea:focus,

.contact-form-material .comment-form textarea:focus,

.contact-form-material .comment-form-comment textarea:focus,

.contact-form-material .comment-form-author input:focus,

.contact-form-material .comment-form-email input:focus {

  color: #353535 !important;

}

.contact-form-material #page #tab-reviews .comment-form-email {

  margin-bottom: 10px;

  border-bottom: 1px solid #e6e6e6;

}

.contact-form-material .form-message textarea:last-child {

  margin-bottom: 0 !important;

}

.contact-form-material .form-fields span.is-focused input,

.contact-form-material .is-focused textarea,

.contact-form-material .comment-form-author.is-focused input,

.contact-form-material .comment-form-email.is-focused input {

  outline: none;

  text-indent: inherit;

}

.contact-form-material .formError.inline {

  top: -20px !important;

}

.form-allowed-tags {

  margin-bottom: 20px;

}

.clear-form {

  position: relative;

  float: right;

  padding: 0 18px 0 0;

}

.clear-form:before {

  display: block;

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -6.5px;

  width: 13px;

  height: 13px;

  line-height: 13px;

  content: "";

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13px' height='13px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' fill='white' xml:space='preserve'%3E%3Cpolygon points='3.534,8.557 4.429,9.45 9.467,4.412 8.604,3.55 '/%3E%3Cpolygon points='9.467,8.557 8.57,9.45 3.534,4.412 4.396,3.55 '/%3E%3C/svg%3E");

}

/*Contact form 7*/

.stripe .wpcf7-form-control-wrap,

.stripe .wpcf7-form-control-wrap * {

  color: #b8bcbe;

}

.wpcf7-form input[type="text"],

.wpcf7-form input[type="email"],

.wpcf7-form input[type="tel"],

.wpcf7-form input[type="url"],

.wpcf7-form input[type="number"],

.wpcf7-form input[type="range"],

.wpcf7-form input[type="date"],

.wpcf7-form textarea {

  width: 100%;

}

/*Gravity Forms*/

.gform_fields li {

  list-style: none;

}

.gform_wrapper .gform_body input[type="text"],

.gform_wrapper .gform_body input[type="url"],

.gform_wrapper .gform_body input[type="email"],

.gform_wrapper .gform_body input[type="tel"],

.gform_wrapper .gform_body input[type="number"],

.gform_wrapper .gform_body input[type="password"] {

  padding: 9px 10px 8px;

  font-size: 100%;

}

.gform_wrapper .gform_body select,

.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select,

.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select,

.mc4wp-form form select {

  padding: 6px 10px 5px;

  font-size: 100%;

}

#main .gform_wrapper .ginput_left input:focus + label,

#main .gform_wrapper .ginput_right input:focus + label,

#main .gform_wrapper .ginput_full input:focus + label {

  font-weight: normal;

}

/* #Buttons

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

.dt-form button,

input[type="button"],

input[type="reset"],

input[type="submit"],

.dt-btn,

a.button,

button.button,

#main-slideshow .tp-button,

#main .gform_wrapper .gform_footer input.button,

#main .gform_wrapper .gform_footer input[type="submit"],

.nsu-submit,

form.mc4wp-form input[type="submit"],

div.mc4wp-form button[type="submit"] {

  position: relative;

  display: inline-block;

  border: none;

  text-decoration: none;

  white-space: nowrap;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.dt-form button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

.dt-btn:hover,

a.button:hover,

button.button:hover,

#main-slideshow .tp-button:hover,

#main .gform_wrapper .gform_footer input.button:hover,

#main .gform_wrapper .gform_footer input[type="submit"]:hover,

.nsu-submit:hover,

form.mc4wp-form input[type="submit"]:hover,

div.mc4wp-form button[type="submit"]:hover {

  text-decoration: none;

}

.full-width-btn.dt-btn {

  display: block;

  text-align: center;

}

#page .btn-margin,

#page .btn-margin:last-child,

#page .contact-form .dt-btn {

  margin-right: 10px;

}

#page .btn-margin-left,

#page .btn-margin-left:last-child {

  margin-left: 10px;

}

#page .dt-btn,

#page .dt-btn:last-child,

#page .contact-form .dt-btn {

  margin-bottom: 10px;

}

input[type="button"],

input[type="reset"],

input[type="submit"],

button.button,

input.button {

  border: none;

}

#page .btn-link {

  padding: 0;

}

.btn-link {

  display: inline-block;

  /*

	margin-right: 10px;*/

  text-decoration: none;

  white-space: nowrap;

}

/*Font icons for button*/

.dt-btn .fa,

.btn-link .fa,

.dt-btn .fa *,

.btn-link .fa * {

  color: inherit;

}

.dt-btn-s .fa,

.dt-btn-m .fa {

  margin-right: 8px;

}

.dt-btn-l .fa {

  margin-right: 9px;

}

.dt-btn-s.ico-right-side .fa,

.dt-btn-m.ico-right-side .fa {

  margin-right: 0px;

  margin-left: 8px;

}

.dt-btn-l.ico-right-side .fa {

  margin-right: 0px;

  margin-left: 9px;

}

/* # 3D, IOS, Flat Buttons

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

.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),

.btn-3d button.button,

.btn-3d a.button,

.btn-3d .dt-form button,

.btn-3d .widget .dt-form .dt-btn,

.btn-3d input[type="button"],

.btn-3d input[type="reset"],

.btn-3d input[type="submit"],

.btn-3d .nsu-submit {

  top: 0;

  border-bottom: 2px solid;

  -webkit-transition: none;

  transition: none;

}

.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover,

.btn-3d button.button:hover,

.btn-3d a.button:hover,

.btn-3d .dt-form button:hover,

.btn-3d .widget .dt-form .dt-btn:hover,

.btn-3d input[type="button"]:hover,

.btn-3d input[type="reset"]:hover,

.btn-3d input[type="submit"]:hover,

.btn-3d .nsu-submit:hover {

  top: 1px;

  border-bottom: 1px solid;

}

.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active,

.btn-3d button.button:active,

.btn-3d a.button:active,

.btn-3d .dt-form button:active,

.btn-3d .widget .dt-form .dt-btn:active,

.btn-3d input[type="button"]:active,

.btn-3d input[type="reset"]:active,

.btn-3d input[type="submit"]:active,

.btn-3d .nsu-submit:active {

  top: 2px;

  border-bottom: none;

}

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,

.btn-ios button.button:after,

.btn-ios a.button:after,

.btn-ios .dt-form button:after,

.btn-ios .widget .dt-form .dt-btn:after,

.btn-ios input[type="button"]:after,

.btn-ios input[type="reset"]:after,

.btn-ios input[type="submit"]:after,

.btn-ios .nsu-submit:after,

.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,

.btn-flat button.button:after,

.btn-flat a.button:after,

.btn-flat .dt-form button:after,

.btn-flat .widget .dt-form .dt-btn:after,

.btn-flat input[type="button"]:after,

.btn-flat input[type="reset"]:after,

.btn-flat input[type="submit"]:after,

.btn-flat .nsu-submit:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  -webkit-border-radius: inherit;

  border-radius: inherit;

}

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),

.btn-ios button.button,

.btn-ios a.button,

.btn-ios .dt-form button,

.btn-ios .widget .dt-form .dt-btn,

.btn-ios input[type="button"],

.btn-ios input[type="reset"],

.btn-ios input[type="submit"],

.btn-ios .nsu-submit {

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

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

}

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,

.btn-ios button.button:after,

.btn-ios a.button:after,

.btn-ios .dt-form button:after,

.btn-ios .widget .dt-form .dt-btn:after,

.btn-ios input[type="button"]:after,

.btn-ios input[type="reset"]:after,

.btn-ios input[type="submit"]:after,

.btn-ios .nsu-submit:after {

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

  /* FF3.6+ */

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

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.14) 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);

  /* W3C */

}

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover:after,

.btn-ios button.button:hover:after,

.btn-ios a.button:hover:after,

.btn-ios .dt-form button:hover:after,

.btn-ios .widget .dt-form .dt-btn:hover:after,

.btn-ios input[type="button"]:hover:after,

.btn-ios input[type="reset"]:hover:after,

.btn-ios input[type="submit"]:hover:after,

.btn-ios .nsu-submit:hover:after {

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  /* FF3.6+ */

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

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  /* W3C */

}

.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after,

.btn-flat button.button:active:after,

.btn-flat a.button:active:after,

.btn-flat .dt-form button:active:after,

.btn-flat .widget .dt-form .dt-btn:active:after,

.btn-flat input[type="button"]:active:after,

.btn-flat input[type="reset"]:active:after,

.btn-flat input[type="submit"]:active:after,

.btn-flat .nsu-submit:active:after {

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

}

/*! rewrite area !!*/

.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover,

.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:hover {

  margin-bottom: 11px;

}

.btn-3d a.button:hover,

.btn-3d button.button:hover,

.btn-3d input[type="button"]:hover,

.btn-3d input[type="reset"]:hover,

.btn-3d input[type="submit"]:hover {

  margin-bottom: 1px;

}

.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active,

.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:active {

  margin-bottom: 12px;

}

.btn-3d .dt-btn.btn-light:hover,

.btn-3d .dt-btn.btn-light:active {

  top: 0;

  margin-bottom: 0;

}

/* # Light Buttons

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

.btn-light,

.light-bg-btn,

.btn-link,

.outline-btn {

  webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;

  transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;

}

.outline-bg-btn {

  webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.btn-3d .dt-btn.btn-light:before,

.btn-3d .dt-btn.btn-light:after,

#page .btn-light:after {

  display: none;

}

/* # Material Buttons

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

.rippleAnimate {

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

}

.btn-light .rippleAnimate,

.light-hover-bg.icons-bg .rippleAnimate {

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

}

.ripple > span:first-child {

  display: block;

}

/* #Outline & Outline with background on hover

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

.outline-bg-btn,

.outline-btn {

  border: 2px solid;

}

/*Custom colors*/

.custom-btn-color > *,

.stripe .custom-btn-color > * {

  color: inherit !important;

}

.dt-btn.custom-btn-hover-color:hover > span:not(.rippleWrap),

.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > span:not(.rippleWrap),

.btn-link.custom-btn-hover-color:hover > span:not(.rippleWrap),

.dt-btn.custom-btn-hover-color:hover > .text-wrap *,

.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .text-wrap *,

.btn-link.custom-btn-hover-color:hover > .text-wrap *,

.dt-btn.custom-btn-hover-color:hover > .fa,

.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .fa,

.btn-link.custom-btn-hover-color:hover > .fa {

  background: none !important;

  color: inherit !important;

  -webkit-text-fill-color: inherit !important;

}

.outline-element-decoration .btn-light:hover {

  box-shadow: none;

}

/*Material buttons*/

.btn-material .dt-btn {

  transform: translateZ(0);

}

/* #Benefits

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

#page .benefits-grid {

  margin-bottom: -40px;

}

#page .benefits-style-one.benefits-grid,

#page .benefits-style-two.benefits-grid {

  margin-bottom: -30px;

}

.benefits-grid .wf-cell {

  margin-bottom: 40px;

  text-align: center;

}

.benefits-grid br,

.benefits-grid > .wf-cell {

  display: none;

}

.benefits-style-one.benefits-grid .wf-cell,

.benefits-style-two.benefits-grid .wf-cell {

  margin-bottom: 30px;

  text-align: left;

}

.benefits-style-one.benefits-grid.static-line .wf-cell,

.benefits-style-one.benefits-grid.hover-line .wf-cell,

.benefits-style-two.benefits-grid.static-line .wf-cell,

.benefits-style-two.benefits-grid.hover-line .wf-cell {

  margin-bottom: 40px;

}

.benefits-style-one .wf-table,

.benefits-style-two .wf-table {

  width: auto;

}

.benefits-style-two.benefits-grid .wf-td {

  vertical-align: top;

}

.benefits-style-one.benefits-grid .wf-td {

  padding-bottom: 0px;

}

.benefits-inner {

  margin-top: -5px;

}

.benefit-line-decoration,

.benefits-style-one .wf-cell > div,

.benefits-style-two .benefits-inner {

  position: relative;

}

.hover-line .benefit-line-decoration,

.static-line .benefit-line-decoration {

  padding-bottom: 10px;

  margin-bottom: 20px;

}

.hover-line.benefits-style-one .wf-cell > div,

.static-line.benefits-style-one .wf-cell > div,

.hover-line.benefits-style-two .benefits-inner,

.static-line.benefits-style-two .benefits-inner {

  padding-bottom: 25px;

}

.hover-line .benefit-line-decoration:after,

.static-line .benefit-line-decoration:after,

.hover-line.benefits-style-one .wf-cell > div:after,

.hover-line.benefits-style-two .benefits-inner:after,

.static-line.benefits-style-one .wf-cell > div:after,

.static-line.benefits-style-two .benefits-inner:after {

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -25px;

  width: 50px;

  height: 2px;

  content: "";

}

.hover-line.benefits-style-one .wf-cell > div:after,

.hover-line.benefits-style-two .benefits-inner:after,

.static-line.benefits-style-one .wf-cell > div:after,

.static-line.benefits-style-two .benefits-inner:after {

  left: 0;

  margin-left: 0;

}

.benefits-grid p,

.benefits-grid ul,

.benefits-grid ol {

  margin-bottom: 0;

}

.benefit-title a {

  display: inline-block;

}

/*benefits icon*/

.benefits-grid-ico {

  display: block;

  margin: 0 auto 10px auto;

}

.icons-bg .benefits-grid-ico {

  margin: 0 auto 20px auto;

}

.benefits-style-one.benefits-grid .benefits-grid-ico {

  margin: 0 12px 10px 0;

}

.benefits-style-two.benefits-grid .benefits-grid-ico {

  margin: 5px 22px 0 0;

}

.benefits-style-one.benefits-grid.icons-bg .benefits-grid-ico,

.benefits-style-two.benefits-grid.icons-bg .benefits-grid-ico {

  text-align: center;

}

a.benefits-grid-ico {

  -webkit-transition: background-color 250ms ease;

  transition: background-color 250ms ease;

}

a.benefits-grid-ico > .fa,

a.benefits-grid-ico > .fa:before {

  -webkit-transition: color 250ms ease;

  transition: color 250ms ease;

}

/*benefits image*/

.content .benefits-grid-ico > img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

  line-height: 0;

}

/* #Banner

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

.shortcode-banner {

  position: relative;

  overflow: hidden;

  background-position: center;

  line-height: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-background-size: cover;

  background-size: cover;

}

.shortcode-banner-inside,

.shortcode-banner {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.wf-table .shortcode-banner-inside {

  display: table-cell;

  vertical-align: middle;

}

.stripe .shortcode-banner-inside *,

.content .shortcode-banner-inside * {

  color: inherit;

}

.shortcode-banner-link:hover .shortcode-banner-bg {

  opacity: 0.9;

  filter: alpha(opacity=90);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  cursor: pointer;

}

.shortcode-banner img {

  width: 100%;

  height: auto;

}

.shortcode-banner-bg {

  height: 100%;

  background-clip: padding-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.shortcode-banner-inside {

  overflow: hidden;

  width: 100%;

  height: 100%;

  padding: 15px 20px;

  background-clip: padding-box;

}

/* #blockquote

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

blockquote {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.shortcode-blockquote {

  position: relative;

  overflow: hidden;

  padding: 20px 25px;

  font-style: normal;

}

blockquote.shortcode-blockquote {

  background-color: transparent;

  border: 1px solid;

}

blockquote.shortcode-blockquote.block-style-widget {

  border: none;

}

.shortcode-blockquote.block-style-widget:before {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 117px;

  height: 81px;

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: 117px 81px;

  content: "";

}

.block-style-widget {

  border: none;

}

.shortcode-blockquote p {

  margin-bottom: 0;

}

/* !- pullquote */

.shortcode-pullquote {

  position: relative;

  background-color: transparent !important;

}

.shortcode-pullquote.align-left,

#page .shortcode-pullquote.align-left {

  float: left;

  margin: 15px 30px 10px 0;

  padding: 5px 20px 5px 0;

}

.shortcode-pullquote.align-right,

#page .shortcode-pullquote.align-right {

  float: right;

  margin: 15px 0 10px 30px;

  padding: 5px 0 5px 20px;

}

.shortcode-pullquote:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 5px;

  height: 100%;

  content: "";

}

.shortcode-pullquote.align-left:after {

  left: auto;

  right: 0;

}

/* #Call to actions

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

.shortcode-action-box,

.shortcode-action-bg.no-line {

  word-wrap: break-word;

}

.plain-bg {

  border-style: solid;

  border-width: 1px;

}

.shortcode-action-bg.no-line:before {

  display: none;

  background-color: transparent;

}

.shortcode-action-box.box-style-table {

  display: table;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.box-style-table .shortcode-action-container {

  display: table;

}

.box-style-table .shortcode-action-container {

  display: table-cell;

  vertical-align: middle;

}

.shortcode-action-bg {

  position: relative;

  padding: 20px 25px 10px 30px;

}

.block-style-widget.shortcode-action-bg {

  border: none;

}

.shortcode-action-bg.no-line {

  padding-left: 25px;

}

#page .shortcode-action-bg:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 5px;

  height: 100%;

  content: "";

  -webkit-border-bottom-right-radius: 0px;

  border-bottom-right-radius: 0px;

  -webkit-border-top-right-radius: 0px;

  border-top-right-radius: 0px;

}

.action-button {

  margin-bottom: 20px;

}

.box-style-table .action-button {

  padding-top: 0;

  padding-left: 40px;

  margin-bottom: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.box-style-table .action-button .dt-btn {

  float: right;

  margin-right: 0;

  margin-bottom: 10px;

}

/* #Fancy media

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

.shortcode-single-image-wrap {

  margin-bottom: 0px;

  max-width: 100%;

}

.shortcode-single-image {

  position: relative;

  overflow: hidden;

  line-height: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.shortcode-single-video .fancy-media-wrap,

.shortcode-single-video .shortcode-teaser-video,

.post-video,

.shortcode-video {

  position: relative;

  display: block;

  overflow: hidden;

  padding-top: 30px;

  height: 0;

  padding-bottom: 56.25%;

}

.shortcode-single-video iframe,

.shortcode-single-video object,

.shortcode-single-video embed,

.post-video iframe,

.post-video object,

.post-video embed,

.shortcode-video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.shortcode-single-image img {

  max-width: 100%;

  height: auto;

}

.borderframe .shortcode-single-image {

  border: 1px solid;

}

.borderframe.br-standard .shortcode-single-image {

  border: none;

}

.content .borderframe.caption-on .shortcode-single-image {

  border-bottom: none;

}

#main .borderframe.caption-on .shortcode-single-image {

  padding-bottom: 0 !important;

}

.shortcode-single-caption {

  width: 100%;

  height: auto;

  padding: 15px 20px 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

}

.br-standard.borderframe .shortcode-single-caption {

  border: none;

}

.shortcode-single-caption p {

  margin-bottom: 0;

}

/* #List

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

.standard-arrow,

.content .standard-arrow,

.content .standard-number-list,

.content .image-arrow {

  margin: 0 0 15px 0;

}

.content .standard-arrow ul,

.content .standard-number-list ul,

.content .image-arrow ul {

  margin: 0;

}

.standard-arrow li,

.standard-number-list li {

  position: relative;

  padding-left: 24px;

  margin-bottom: 10px;

  list-style: none;

}

.standard-arrow li:before,

.standard-arrow li:after {

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -7px;

  width: 13px;

  height: 13px;

  content: "";

  background-position: 0 center;

  background-repeat: no-repeat;

  background-size: 13px 13px;

}

.standard-number-list li:before,

.standard-number-list.list-divider li:first-child:before,

.standard-arrow li:before {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.standard-arrow.bullet-top li:after {

  top: 0;

  margin-top: 0;

  height: 13px;

}

.standard-arrow.bullet-top li:after,

.standard-arrow.list-divider.bullet-top li:first-child:after,

.standard-arrow.list-divider.bullet-top li:after {

  background-position: 0 center;

}

.list-divider li {

  padding-top: 9px;

  padding-bottom: 10px;

  margin-bottom: 0;

  border-top: 1px solid;

  background-position: 0 13px;

}

.image-arrow .fa-ul li {

  padding-left: 2.14286em;

}

.image-arrow .fa-ul li .fa-li {

  left: 0;

  line-height: inherit;

}

.list-divider.image-arrow .fa-ul li .fa-li {

  padding: 9px 0 10px;

}

.list-divider.image-arrow .fa-ul li:first-child .fa-li {

  padding-top: 0;

}

.list-divider li p {

  margin-bottom: 0;

}

.list-divider li:first-child {

  padding-top: 0;

  margin-bottom: 0;

  border: none !important;

  background-position: 0 4px;

}

.standard-number-list {

  counter-reset: my-badass-counter;

}

.standard-number-list li {

  position: relative;

  padding-left: 30px;

}

.standard-number-list.list-divider li:first-child {

  padding-top: 0;

}

.standard-number-list.list-divider li {

  padding-top: 9px;

}

.standard-number-list li:before {

  position: absolute;

  text-align: center;

  top: 50%;

  left: 0;

  width: 20px;

  height: 20px;

  margin-top: -10px;

  color: #fff;

  background-color: red;

  content: counter(my-badass-counter, decimal);

  counter-increment: my-badass-counter;

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

  line-height: 20px;

}

.standard-number-list.list-divider li:first-child {

  padding-top: 0;

}

.standard-number-list.list-divider li:first-child:before {

  top: 10px;

}

.standard-number-list.bullet-top li:before,

.standard-number-list.bullet-top li:first-child:before {

  top: 0px;

  margin-top: 0;

}

.standard-number-list.list-divider.bullet-top li:before,

.standard-number-list.list-divider.bullet-top li:first-child:before {

  top: 10px;

  margin-top: 0;

}

.standard-number-list.list-divider.bullet-top li:first-child:before {

  top: 5px;

}

.image-arrow li {

  overflow: hidden;

  width: 100%;

  margin-bottom: 10px;

  list-style: none;

}

.image-arrow.list-divider li {

  margin-bottom: 0;

}

.image-arrow li .wf-table {

  width: auto;

}

.image-arrow li .wf-table div {

  display: table-cell;

  vertical-align: middle;

}

.image-arrow li .list-img {

  margin: 0 10px 0px 0;

}

.font-arrow ul {

  list-style: none;

}

.font-arrow .fa {

  font-size: 14px;

  margin-right: 10px;

}

/* #Team

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

.content .slider-content .team-container {

  margin-bottom: 0px;

}

.bg-on.team-container:not(.fullwidth-img) {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.team-items .rsOverflow {

  padding-bottom: 13px;

}

.team-container img {

  width: 100%;

  height: auto;

}

.widget .team-container {

  padding: 0;

  text-align: center;

}

.widget .team-media a.rollover {

  display: inline-block;

}

.widget .team-container img {

  max-width: 81px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.team-desc {

  padding: 20px 0px 0px;

  text-align: center;

}

.bg-on .team-desc {

  padding: 15px 25px 10px;

}

#sidebar .team-desc,

#footer .team-desc {

  padding: 8px 0 7px;

}

.team-container .soc-ico {

  padding-top: 5px;

  margin-bottom: 18px;

  font-size: 0;

  line-height: 0;

}

.team-container.bg-on .soc-ico {

  margin-bottom: 13px;

}

#sidebar .team-container .soc-ico,

#footer .team-container .soc-ico,

.sidebar-content .team-container .soc-ico {

  margin-bottom: 0px;

}

.team-container .soc-ico a {

  display: inline-block;

  float: none;

}

.content .team-items ul {

  margin: 0;

}

.round-images .team-container {

  text-align: center;

}

.team-author-name {

  margin-bottom: 5px;

}

.team-media {

  line-height: 0;

}

/* #Teasers

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

.frame-on {

  padding-top: 25px;

  border: 1px solid;

}

.frame-on.img-full {

  padding-top: 0px;

}

.content .frame-on.frame-fancy {

  border: none;

}

.shortcode-teaser.frame-on.img-full {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.shortcode-teaser-img {

  line-height: 0;

  padding-bottom: 20px;

}

.frame-on .shortcode-teaser-img {

  padding: 0px 25px 25px;

}

.img-full .shortcode-teaser-img {

  padding: 0 0 25px;

}

.shortcode-teaser-img img {

  width: 100%;

  height: auto;

}

.frame-on .shortcode-teaser-content {

  padding: 0px 25px 10px;

}

.shortcode-teaser-content {

  margin-top: -5px;

}

.text-centered .shortcode-teaser-content {

  text-align: center;

}

/* #Testimonials

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

.testimonial-item {

  position: relative;

  padding: 20px 25px 20px;

}

.layout-list .testimonial-item,

.testimonials-list .testimonial-item {

  margin-bottom: 20px;

}

/*testimonial slider*/

#page .testimonial-item.testimonial-item-slider {

  margin-bottom: 32px;

}

.rsCont .testimonial-item {

  margin-bottom: 20px;

}

.testimonial-item ul {

  margin: 0;

  padding: 0;

}

.rsContainer li {

  list-style: none;

  text-align: left;

}

.testimonial-vcard .no-avatar {

  width: 60px;

  height: 60px;

}

.testimonial-vcard img,

.testimonial-vcard .alignleft,

.testimonial-vcard .rollover i,

.testimonial-vcard .alignleft div {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.testimonial-vcard a.text-primary:hover {

  text-decoration: none;

}

#page .testimonial-vcard .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");

}

/* #Tooltip

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

.shortcode-tooltip {

  border-bottom: 1px dashed;

}

.shortcode-tooltip:hover {

  border: none;

  cursor: help;

}

.tooltip-c {

  display: none;

}

.shortcode-tooltip-content {

  position: absolute;

  left: -9999px;

  z-index: 999;

  display: none;

  overflow: visible;

  margin: 5px 0 15px;

  padding: 13px 20px 17px;

  min-width: 210px;

  max-width: 210px;

  background: rgba(24, 25, 25, 0.95);

  color: #fff !important;

}

.tooltip-title.text-big {

  color: #fff;

}

.tooltip-title {

  display: block;

  margin-bottom: 10px;

}

/* #Logos

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

#page .logos-grid {

  margin-bottom: -40px;

}

.logos-grid .wf-cell {

  display: none;

  margin-bottom: 40px;

  text-align: center;

}

.logos-grid .borders {

  position: relative;

  font-size: 0;

}

.logos-grid .borders:before {

  position: absolute;

  display: block;

  bottom: -20px;

  left: 0;

  width: 100%;

  content: "";

}

.logos-grid .borders:after {

  position: absolute;

  display: block;

  top: 0;

  left: -20px;

  height: 100%;

  content: "";

}

.logos-grid a {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  line-height: 0;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.logos-grid a:hover {

  opacity: 0.7;

}

.logos-grid img {

  max-width: 100%;

  height: auto;

}

.logo-items li {

  text-align: center;

}

.logo-items .rsOverflow {

  padding-bottom: 3px;

}

.logo-items li a {

  line-height: 0;

  font-size: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.logo-items img {

  max-width: 100%;

  height: auto;

}

.logo-items li a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

/* #highlighted text

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

.dt-highlight {

  padding: 1px 4px;

  color: #fff;

}

.dt-highlight.highlight-white {

  background-color: #fff !important;

  background-image: none !important;

  color: #2e2e2f;

}

.dt-highlight.highlight-red {

  background-color: #d73b37;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-berry {

  background-color: #e32a5a !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-orange {

  background-color: #f36c0a !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-yellow {

  background-color: #f2a809 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-pink {

  background-color: #fd8fb6 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-green {

  background-color: #8cc63a !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-dark-green {

  background-color: #3ab459 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-blue {

  background-color: #27cff3 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-dark-blue {

  background-color: #2985c6 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-violet {

  background-color: #6946b8 !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-black {

  background-color: #3e3f3f !important;

  background-image: none !important;

  color: #ffffff;

}

.dt-highlight.highlight-gray {

  background-color: #a5a6a7 !important;

  background-image: none !important;

  color: #ffffff;

}

/* #WP gallery 

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

.dt-format-gallery {

  overflow: hidden;

  /*margin-bottom: 25px;*/

  max-width: 100%;

}

.dt-format-gallery.shortcode-gallery {

  margin-bottom: 0;

}

.dt-format-gallery.shortcode-gallery a {

  line-height: 0;

}

.dt-format-gallery a.big-img,

.dt-format-gallery .rollover-video.big-img {

  border-bottom: none;

}

.gallery-col-1 > a,

.gallery-col-1 .rollover-video {

  width: 100%;

}

.gallery-col-2 > a,

.gallery-col-2 .rollover-video {

  width: 50%;

}

.gallery-col-2 > a.big-img,

.gallery-col-2 .rollover-video.big-img {

  width: 100%;

}

.gallery-col-3 a.big-img,

.gallery-col-3 .rollover-video.big-img {

  width: 66.6667%;

}

.gallery-col-3 > a,

.gallery-col-3 .rollover-video {

  width: 33.3333%;

}

.gallery-col-4 a.big-img,

.gallery-col-4 .rollover-video.big-img {

  width: 50%;

}

.gallery-col-4 > a,

.gallery-col-4 .rollover-video {

  width: 25%;

}

.gallery-col-5 a.big-img,

.gallery-col-5 .rollover-video.big-img {

  width: 40%;

}

.gallery-col-5 > a,

.gallery-col-5 .rollover-video {

  width: 20%;

}

.gallery-col-6 a.big-img,

.gallery-col-6 .rollover-video.big-img {

  width: 33.3333%;

}

.gallery-col-6 > a,

.gallery-col-6 .rollover-video {

  width: 16.6667%;

}

.gallery-coll-half {

  float: left;

  line-height: 0;

}

.gallery-coll-fourth {

  float: left;

}

.dt-format-gallery a,

.dt-format-gallery .rollover-video {

  max-width: 100%;

  float: left;

  border-bottom: 2px solid transparent;

  border-right: 2px solid transparent;

}

.dt-format-gallery.gallery-col-1 a.big-img,

.dt-format-gallery.gallery-col-1 .rollover-video.big-img,

.dt-format-gallery.gallery-col-2 a.big-img,

.dt-format-gallery.gallery-col-2 .rollover-video.big-img {

  border-bottom: 3px solid transparent;

}

.dt-format-gallery img {

  width: 100%;

  height: auto;

}

#main .gallery img {

  border: none;

}

/* #Accordion

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

.dt-style.wpb_content_element {

  margin-bottom: 0 !important;

}

.wpb_content_element .wpb_accordion_header a:active,

.wpb_content_element .wpb_accordion_header a:focus,

.wpb_content_element .wpb_accordion_header a,

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {

  outline: 0 !important;

  -webkit-appearance: none;

}

#main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,

#main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {

  display: none;

}

.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header {

  margin: 10px 0 0;

  border: none;

  background: none;

}

.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header {

  margin: 10px 0 0;

  padding: 9px 0 0;

  border-top: 1px solid;

}

.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header,

.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header {

  padding-top: 0;

  margin-top: 0;

  border: none;

}

.wpb_content_element.dt-style .wpb_accordion_header a {

  position: relative;

  display: block;

  padding: 0 25px 0 0;

}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:hover {

  text-decoration: none;

}

.dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {

  padding: 9px 0 9px 18px;

}

.wpb_content_element .wpb_accordion_header > a:before,

.wpb_content_element .wpb_accordion_header > a:after {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -7px;

  width: 14px;

  height: 14px;

  content: "";

}

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:before,

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:after {

  right: 13px;

}

.wpb_content_element .wpb_accordion_header > a:after {

  background-position: center center;

  background-repeat: no-repeat;

}

.dt-style.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {

  display: none;

  padding: 10px 0 5px 0;

  margin: 0;

  clear: both;

}

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {

  padding: 17px 0 13px 0;

}

.stripe .vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a * {

  color: inherit;

}

/* #Toggle

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

#content .dt-style.wpb_toggle {

  position: relative;

  float: left;

  clear: both;

  background: none;

}

.dt-style.vc_toggle_default .vc_toggle_icon {

  width: 14px;

  height: 14px;

}

.dt-style.vc_toggle_default .vc_toggle_icon,

.dt-style.vc_toggle_default .vc_toggle_icon:before,

.dt-style.vc_toggle_default .vc_toggle_icon:after {

  background: none;

  border: none;

}

.dt-style.vc_toggle_default .vc_toggle_icon:before,

.dt-style.vc_toggle_default .vc_toggle_icon:after {

  position: absolute;

  top: 50%;

  margin-top: -7px;

  left: 0;

  width: 14px;

  height: 14px;

  content: "";

}

.dt-style.vc_toggle_default .vc_toggle_icon:before,

.dt-style.vc_toggle_default .vc_toggle_icon:after {

  margin-top: 0;

}

.dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:before,

.dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:after {

  visibility: visible;

}

.dt-style.vc_toggle_default .vc_toggle_icon:after {

  background-position: center center;

  background-repeat: no-repeat;

}

.wpb_toggle_content {

  padding: 10px 0 5px 0;

  margin: 0;

  clear: both;

}

/* #Shortcode scroller

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

.slider-wrapper {

  position: relative;

  visibility: hidden;

}

.shadow-element-decoration .description-under-image .ts-viewport {

  padding: 5px;

}

.mobile-false .frame ul:hover {

  cursor: -moz-grab;

  cursor: -webkit-grab;

}

.mobile-false .frame.dragged ul,

.mobile-false .frame.dragged ul li *,

.mobile-false .frame.dragged ul li:hover * {

  cursor: move;

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}

.fs-entry {

  opacity: 0;

}

.fs-entry:first-child {

  margin-left: 0 !important;

}

.fs-entry:last-child {

  margin-right: 0 !important;

}

.slider-wrapper .blog-media,

.slider-wrapper .blog-content,

.slider-wrapper .project-list-media,

.slider-wrapper .project-list-content {

  display: block;

}

/*Scroller navigation*/

.slider-wrapper .prev,

.slider-wrapper .next {

  position: absolute;

  z-index: 99;

  left: 10px;

  top: 50%;

  margin-top: -20px;

  width: 40px;

  height: 40px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.slider-wrapper .next {

  left: auto;

  right: 10px;

}

.slider-wrapper.arrows-accent .prev,

.slider-wrapper.arrows-accent .next {

  width: 30px;

  height: 60px;

  margin-top: -30px;

}

.slider-wrapper.hide-arrows .disabled {

  display: none;

}

.slider-wrapper.arrows-dark .prev,

.slider-wrapper.arrows-dark .next,

.slider-wrapper.arrows-light .prev,

.slider-wrapper.arrows-light .next,

.slider-wrapper.arrows-accent .prev,

.slider-wrapper.arrows-accent .next {

  visibility: visible;

}

.slider-wrapper.show-arrows .prev,

.slider-wrapper.show-arrows .next {

  opacity: 1;

}

.slider-wrapper .prev i:hover,

.slider-wrapper .next i:hover {

  cursor: pointer;

}

.slider-wrapper .prev.disabled i:hover,

.slider-wrapper .next.disabled i:hover {

  cursor: auto;

}

.slider-wrapper .prev i,

.slider-wrapper .next i {

  position: absolute;

  left: 0px;

  top: 0;

  width: 40px;

  height: 40px;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.slider-wrapper .prev i:after,

.slider-wrapper .next i:after {

  position: absolute;

  left: 0;

  top: 0;

  height: 40px;

  width: 40px;

  background-position: center center;

  background-repeat: no-repeat;

  content: "";

}

.slider-wrapper .next i:after {

  width: 45px;

}

.slider-wrapper .prev.disabled i:after,

.slider-wrapper .next.disabled i:after,

.slider-wrapper .prev.disabled i:active:after,

.slider-wrapper .next.disabled i:active:after {

  opacity: 0.55;

}

.slider-wrapper .prev i:active:after,

.slider-wrapper .next i:active:after {

  opacity: 0.8;

}

.slider-wrapper.arrows-accent .prev i,

.slider-wrapper.arrows-accent .next i,

.slider-wrapper.arrows-accent .prev i:after,

.slider-wrapper.arrows-accent .next i:after {

  width: 30px;

  height: 60px;

}

.arrows-light .prev i,

.arrows-light .next i {

  background-color: #fff;

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

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

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.arrows-light .prev:not(.disabled):hover i,

.arrows-light .next:not(.disabled):hover i {

  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}

.arrows-light .prev.disabled i,

.arrows-light .next.disabled i,

.arrows-light .prev.disabled:hover i,

.arrows-light .next.disabled:hover i {

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

}

.arrows-dark .prev i,

.arrows-dark .next i {

  background-color: rgba(34, 34, 34, 0.6);

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.arrows-dark .prev.disabled i,

.arrows-dark .next.disabled i,

.arrows-dark .prev.disabled:hover i,

.arrows-dark .next.disabled:hover i {

  background-color: rgba(34, 34, 34, 0.25);

}

.arrows-dark .prev:hover i,

.arrows-dark .next:hover i {

  background-color: rgba(34, 34, 34, 0.85);

}

.arrows-light .prev i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");

}

.arrows-light .next i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");

}

.arrows-dark .prev i:after,

.arrows-accent .prev i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");

}

.arrows-dark .next i:after,

.arrows-accent .next i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");

}

.arrows-dark .prev i:after,

.arrows-dark .next i:after {

  opacity: 0.7;

}

/* #Progress bar

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

/*#main */

.vc_progress_bar.dt-style .vc_single_bar {

  height: 30px;

  margin-bottom: 10px;

  -webkit-box-shadow: none;

  box-shadow: none;

}

/*#main */

.vc_progress_bar.dt-style .vc_single_bar:last-child {

  margin-bottom: 0;

}

/*#main */

.dt-style.vc_progress_bar.pb-style-two .vc_single_bar {

  height: 13px;

}

.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar {

  -webkit-animation: none;

  animation: none;

  background-repeat: no-repeat;

  background-size: 100%;

}

.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  -webkit-background-size: 40px 40px;

  background-size: 40px 40px;

}

.vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after {

  -webkit-animation: progress-bar-stripes 2s linear infinite;

  animation: progress-bar-stripes 2s linear infinite;

}

.dt-style.vc_progress_bar.pb-style-three .vc_single_bar {

  height: 7px;

  margin-bottom: 15px;

}

/*#main */

.vc_progress_bar.dt-style .vc_single_bar .vc_label {

  height: 30px;

  padding-top: 0;

  padding-bottom: 0;

  line-height: 30px;

  text-shadow: none;

}

.pb-style-three.dt-style .vc_label,

.pb-style-two.dt-style .vc_label {

  display: block;

  margin-bottom: 8px;

}

.vc_progress_bar .vc_label,

.pb-style-one.vc_progress_bar .vc_label * {

  color: #fff;

}

/* #Tabs

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

#main .wpb_tour_next_prev_nav {

  display: none;

}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {

  display: inline-block;

  width: auto;

}

#page .tab-style-one .wpb_tabs_nav li.ui-state-active a {

  color: #fff;

  -webkit-text-fill-color: #fff;

}

.wpb_tabs_nav a {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.wpb_tabs .wpb_tabs_nav li {

  position: relative;

}

/* #Tabs style one

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

.tab-style-one.wpb_tabs .wpb_tabs_nav li {

  margin: 0 10px 5px 0;

  /*border: none;*/

}

.tab-style-one.wpb_tabs .wpb_tabs_nav a {

  padding-top: 9px;

  padding-bottom: 9px;

}

.tab-style-one.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 15px 0 0;

  background: none;

}

/* #Tabs style two

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

.tab-style-two.wpb_tabs .wpb_tabs_nav {

  overflow: hidden;

  padding-left: 25px !important;

}

.tab-style-two.wpb_tabs .wpb_tabs_nav li {

  margin: 12px 30px 6px 0;

  background: none;

}

.tab-style-two.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:before {

  position: absolute;

  display: block !important;

  bottom: -5px;

  left: 0;

  width: 100%;

  height: 2px;

  content: "";

  -webkit-backface-visibility: hidden;

}

.tab-style-two.wpb_tabs .wpb_tabs_nav li a {

  padding: 0 0 0.5em;

}

.tab-style-two.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 20px 25px;

  background: none;

}

/* #Tabs style three

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

.tab-style-three.wpb_tabs .wpb_tabs_nav li {

  margin-right: 30px;

  border: none;

}

.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a {

  padding: 0;

}

.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 15px 0 0 0;

}

.tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,

.tab-style-three.wpb_content_element .wpb_tabs_nav li {

  background: none;

}

/* #Tabs style four

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

.tab-style-four.wpb_tabs {

  overflow: hidden;

}

.tab-style-four.wpb_tabs .wpb_tabs_nav {

  overflow: hidden;

}

.tab-style-four.wpb_tabs .wpb_tabs_nav li {

  margin: 0;

  background: none;

  -webkit-transition: background 400ms ease;

  transition: background 400ms ease;

}

.tab-style-four.wpb_tabs .wpb_tabs_nav li.ui-tabs-active,

.tab-style-four.wpb_tabs .wpb_tabs_nav li:hover {

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

}

.tab-style-four.wpb_tabs .wpb_tabs_nav li a,

.tab-style-four.wpb_tabs .wpb_tabs_nav li a * {

  color: #fff;

}

.tab-style-four.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 20px 25px;

  background: none;

}

/* #Tour

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

.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper {

  display: table;

}

.wpb_tour.wpb_content_element .wpb_tabs_nav,

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {

  display: table-cell;

  float: none;

  vertical-align: top;

}

.wpb_tour .wpb_tabs_nav {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.wpb_tour .wpb_tabs_nav li:hover {

  cursor: pointer;

}

/* #Tour style one

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

.wpb_tour.tab-style-one .wpb_tabs_nav li {

  margin-bottom: 10px;

}

.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tabs_nav a {

  padding-top: 8px;

  padding-bottom: 8px;

}

.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab {

  padding-top: 0;

  padding-left: 25px;

}

/* #Tour style two

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

.wpb_tour.tab-style-two .wpb_tabs_nav {

  padding-right: 10px;

}

.wpb_tour.tab-style-two .wpb_tabs_nav li {

  margin-bottom: 10px;

}

.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a {

  padding: 12px 15px 12px 0;

}

.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {

  padding: 10px 15px 10px 15px;

}

.wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 20px 25px 20px;

}

/* #Tour style three

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

.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab {

  padding-top: 0;

  padding-left: 25px;

}

.wpb_tour.tab-style-three .wpb_tabs_nav {

  border-right: 1px solid;

}

.wpb_tour.tab-style-three .wpb_tabs_nav li {

  border-top: 1px solid;

}

.tab-style-three.wpb_tour .wpb_tabs_nav li:first-child {

  border: none;

}

/* #Tour style four

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

.tab-style-four.wpb_tour {

  overflow: hidden;

}

.tab-style-four.wpb_tour .wpb_tabs_nav {

  overflow: hidden;

}

.tab-style-four.wpb_tour .wpb_tabs_nav li {

  margin: 0;

  background: none;

  -webkit-transition: background 400ms ease;

  transition: background 400ms ease;

}

.tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active,

.tab-style-four.wpb_tour .wpb_tabs_nav li:hover {

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

}

.tab-style-four.wpb_tour .wpb_tabs_nav li a,

.tab-style-four.wpb_tour .wpb_tabs_nav li a * {

  display: block;

  color: #fff;

}

.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {

  padding: 20px 25px;

  background: none;

}

/* #Pie charts

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

.transparent-pie .vc_pie_wrapper .vc_pie_chart_back,

.stripe .transparent-pie .vc_pie_wrapper .vc_pie_chart_back {

  border-color: transparent !important;

}

.transparent-pie .vc_pie_wrapper span {

  width: 100% !important;

  height: auto !important;

}

.transparent-pie .vc_pie_wrapper canvas {

  height: 70px !important;

}

.transparent-pie .vc_pie_wrapper canvas {

  visibility: hidden;

}

.transparent-pie .vc_pie_chart_value {

  font-size: 70px !important;

  line-height: 70px !important;

}

.vc_pie_chart[data-pie-color="dt-content"] canvas,

.transparent-pie[data-pie-color="dt-content"] .vc_pie_wrapper span {

  opacity: 0.5;

}

.vc_pie_chart .vc_pie_wrapper {

  visibility: hidden;

}

#page .vc_pie_chart_back {

  opacity: 1;

}

/* #Social icons

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

.soc-ico {

  overflow: hidden;

}

.soc-ico a {

  position: relative;

  visibility: hidden;

  display: inline-block;

  vertical-align: middle;

  /*float: left;*/

  margin: 2px;

  width: 24px;

  height: 24px;

  text-align: center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.soc-ico a:before,

.soc-ico a:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 24px;

  height: 24px;

  content: "";

  border-radius: 100%;

  -webkit-transition: -webkit-transform 0.15s;

  transition: transform 0.150s;

}

.soc-ico a:before,

.soc-ico a:hover:after {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.soc-ico a:after,

.soc-ico a:hover:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}

.soc-ico.text-centered a {

  float: none;

  display: inline-block;

}

#top-bar .right-block .soc-ico a {

  float: right;

  margin: 2px;

}

.soc-ico a,

.soc-ico a:hover,

#top-bar .soc-ico a:hover,

#bottom-bar .soc-ico a:hover {

  text-decoration: none;

}

.soc-ico a .icon {

  position: relative;

  z-index: 1;

  width: 24px;

  height: 24px;

}

#page .soc-ico a:hover .icon,

#page .stripe .sidebar-content.solid-bg .soc-ico a:hover .icon {

  fill: #fff;

}

/* #Fancy titles and separators

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

.dt-fancy-separator {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  text-align: center;

}

.dt-fancy-separator.title-left,

.dt-fancy-separator.title-right {

  margin: 0;

}

.dt-fancy-separator.title-right {

  float: right;

  clear: both;

}

.dt-fancy-separator.title-left {

  text-align: left;

}

.dt-fancy-separator.title-left .dt-fancy-title {

  padding-left: 0;

}

.dt-fancy-separator.title-left .dt-fancy-title.bg-on {

  padding-left: 1em;

}

.dt-fancy-separator.title-right {

  text-align: right;

}

.dt-fancy-separator.title-right .dt-fancy-title {

  padding-right: 0;

}

.dt-fancy-separator.title-right .dt-fancy-title.bg-on {

  padding-right: 1em;

}

.separator-holder {

  position: absolute;

  display: block;

  top: 49.99%;

  width: 2000px;

  border-top: 1px solid red;

  content: '';

}

.style-dashed .separator-holder {

  border-top-width: 1px;

  border-top-style: dashed;

}

.style-dotted .separator-holder {

  border-top-width: 1px;

  border-top-style: dotted;

}

.style-double .separator-holder {

  border-top-width: 3px;

  border-top-style: double;

}

.style-thick .separator-holder {

  border-top-width: 5px;

  border-top-style: solid;

}

.style-disabled .separator-holder {

  display: none;

}

.separator-left {

  right: 100%;

  margin-right: 1em;

}

.separator-right {

  left: 100%;

  margin-left: 1em;

}

.dt-fancy-separator.line-below .separator-left {

  top: auto;

  right: 0;

  bottom: -1em;

  margin-right: 0;

}

.line-below .separator-holder {

  top: auto;

  bottom: -1em;

  margin-right: 0;

  margin-left: 0;

}

.dt-fancy-separator.line-below.title-left .separator-left {

  left: 0;

  right: auto;

}

.dt-fancy-separator.line-below.title-right .separator-left {

  left: auto;

  right: 0;

}

.dt-fancy-separator.line-below.title-right .separator-right,

.dt-fancy-separator.line-below.title-left .separator-right {

  display: none;

}

.dt-fancy-title {

  position: relative;

  display: inline-block;

  top: 50%;

}

.dt-fancy-title.bg-on {

  padding: 0 1em;

}

.accent-gradient .accent-border-color.hr-thin.style-line {

  height: 1px;

}

.accent-gradient .accent-border-color.hr-thick {

  height: 5px;

}

/* #Before-After

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

.twentytwenty-horizontal .twentytwenty-handle:before,

.twentytwenty-horizontal .twentytwenty-handle:after,

.twentytwenty-vertical .twentytwenty-handle:before,

.twentytwenty-vertical .twentytwenty-handle:after {

  content: " ";

  display: block;

  background: white;

  position: absolute;

  z-index: 30;

}

.twentytwenty-horizontal .twentytwenty-handle:before,

.twentytwenty-horizontal .twentytwenty-handle:after {

  width: 3px;

  height: 9999px;

  left: 50%;

  margin-left: -1.5px;

}

.twentytwenty-vertical .twentytwenty-handle:before,

.twentytwenty-vertical .twentytwenty-handle:after {

  width: 9999px;

  height: 3px;

  top: 50%;

  margin-top: -1.5px;

}

.twentytwenty-before-label,

.twentytwenty-after-label {

  position: absolute;

  width: 120px;

  padding: 3px 5px 3px;

  color: white !important;

  font-size: 13px;

  line-height: 16px;

  vertical-align: middle;

  text-align: center;

  z-index: 99;

  opacity: 0;

  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.twentytwenty-horizontal .twentytwenty-before-label {

  bottom: 10px;

  left: 10px;

  text-align: left;

}

.twentytwenty-horizontal .twentytwenty-after-label {

  bottom: 10px;

  right: 10px;

  text-align: right;

}

.twentytwenty-vertical .twentytwenty-before-label {

  top: 10px;

  left: 50%;

  margin-left: -65px;

}

.twentytwenty-vertical .twentytwenty-after-label {

  bottom: 10px;

  left: 50%;

  margin-left: -65px;

}

.twentytwenty-container:hover .twentytwenty-after-label,

.twentytwenty-container:hover .twentytwenty-before-label {

  opacity: 1;

}

.twentytwenty-left-arrow,

.twentytwenty-right-arrow,

.twentytwenty-up-arrow,

.twentytwenty-down-arrow {

  width: 0;

  height: 0;

  border: 6px inset transparent;

  position: absolute;

}

.twentytwenty-left-arrow,

.twentytwenty-right-arrow {

  top: 50%;

  margin-top: -6px;

}

.twentytwenty-up-arrow,

.twentytwenty-down-arrow {

  left: 50%;

  margin-left: -6px;

}

.twentytwenty-container {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  z-index: 0;

  overflow: hidden;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

}

.twentytwenty-container img {

  max-width: 100%;

  width: 100%;

  height: auto;

  position: absolute;

  top: 0;

  display: block;

}

.active-click .twentytwenty-handle,

.twentytwenty-container.active-click img {

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

  -moz-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.twentytwenty-container * {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.twentytwenty-before {

  z-index: 20;

}

.twentytwenty-after {

  z-index: 10;

}

.twentytwenty-handle {

  height: 38px;

  width: 38px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -22px;

  margin-top: -22px;

  border: 3px solid white;

  -webkit-border-radius: 1000px;

  -moz-border-radius: 1000px;

  border-radius: 1000px;

  z-index: 40;

  cursor: pointer;

}

.twentytwenty-container[data-navigation="move"] .twentytwenty-handle {

  border: none;

  cursor: default;

}

.twentytwenty-container[data-navigation="move"] .twentytwenty-handle > span {

  display: none;

}

.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {

  margin-bottom: 0;

  margin-left: 0;

}

.twentytwenty-horizontal .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {

  margin-top: 0;

  margin-left: 0;

}

.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:before {

  margin-left: 0;

  margin-top: 0;

}

.twentytwenty-vertical .twentytwenty-container[data-navigation="move"] .twentytwenty-handle:after {

  margin-right: 0;

  margin-top: 0;

}

.twentytwenty-horizontal .twentytwenty-handle:before {

  bottom: 50%;

  margin-bottom: 22px;

}

.twentytwenty-horizontal .twentytwenty-handle:after {

  top: 50%;

  margin-top: 22px;

}

.twentytwenty-vertical .twentytwenty-handle:before {

  left: 50%;

  margin-left: 22px;

}

.twentytwenty-vertical .twentytwenty-handle:after {

  right: 50%;

  margin-right: 22px;

}

.twentytwenty-left-arrow {

  border-right: 6px solid white;

  left: 50%;

  margin-left: -17px;

}

.twentytwenty-right-arrow {

  border-left: 6px solid white;

  right: 50%;

  margin-right: -17px;

}

.twentytwenty-up-arrow {

  border-bottom: 6px solid white;

  top: 50%;

  margin-top: -17px;

}

.twentytwenty-down-arrow {

  border-top: 6px solid white;

  bottom: 50%;

  margin-bottom: -17px;

}

/* #Blog

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

.shortcode-blog-posts .post {

  border: none;

}

.post-content,

.items-grid .wf-td,

.recent-posts .wf-td {

  display: table-cell;

  vertical-align: top;

}

.post-content a {

  text-decoration: none;

}

.shortcode-blog-posts .entry-meta {

  padding-bottom: 10px;

}

.single .items-grid {

  margin-bottom: -15px;

}

.items-grid {

  margin-bottom: -20px;

}

.items-grid .wf-cell {

  margin-bottom: 20px;

}

.items-grid .borders:before {

  display: block;

  position: absolute;

  bottom: -15px;

  left: 0;

  width: 100%;

  content: "";

}

.items-grid article {

  overflow: hidden;

}

.items-grid a {

  text-decoration: none;

}

.items-grid .alignleft {

  margin: 5px 20px 5px 0;

  font-size: 0;

  line-height: 0;

}

/* #Header

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

.masthead {

  position: relative;

/*  z-index: 101;*/

}

.hidden-header:not(.sticky-header):not(.overlay-navigation):not(.sticky-on) .masthead:not(#phantom) {

  display: none;

}

.hidden-header.sticky-header:not(.sticky-on) .mixed-header,

.hidden-header.overlay-navigation:not(.sticky-on) .mixed-header {

  display: none;

}

.hidden-header.header-side-left #page,

.hidden-header.overlay-navigation.header-side-line #page:not(.boxed),

.hidden-header.header-side-left.header-side-line #page:not(.boxed),

.disable-headers.header-side-left #page,

.disable-headers.overlay-navigation.header-side-line #page:not(.boxed),

.disable-headers.header-side-left.header-side-line #page:not(.boxed) {

  padding-left: 0;

}

.hidden-header.header-side-right #page,

.hidden-header.header-side-right.header-side-line #page:not(.boxed),

.disable-headers.header-side-right #page,

.disable-headers.header-side-right.header-side-line #page:not(.boxed) {

  padding-right: 0;

}

.floating-navigation-below-slider .masthead:not(.side-header),

.floating-navigation-below-slider .header-space {

  /*position: absolute;*/

  visibility: hidden;

  opacity: 0;

}

/* #Header layouts

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

/* #Top bar

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

/* #Top bar

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

.top-bar {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  margin-top: 0;

  box-sizing: border-box;

}

.top-bar:before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  content: "";

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.boxed .top-bar:before {

  left: 50%;

  padding: 0;

  margin: 0;

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

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

  transform: translateX(-50%);

}

.top-bar.full-width-line:before,

.top-bar.solid-bg:before {

  padding: 0 1000px;

  margin-left: -1000px;

}

.boxed .top-bar.full-width-line:before,

.boxed .top-bar.solid-bg:before {

  left: 50%;

  padding: 0;

  margin: 0;

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

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

  transform: translateX(-50%);

}

.top-bar.solid-bg:before {

  height: 100%;

}

.top-bar > .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex: 1 1 auto;

  -moz-flex: 1 1 auto;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

.top-bar .mini-widgets:first-child {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.top-bar * {

  font-size: inherit;

  line-height: inherit;

}

.top-bar.top-bar-empty {

  position: absolute;

  visibility: hidden;

}

.transparent .top-bar {

  margin-bottom: -1px;

}

.top-bar .sub-nav {

  z-index: 1003;

}

.top-bar a,

.top-bar .sub-nav a:hover,

.top-bar a:hover {

  text-decoration: none;

}

.top-bar a:hover,

.top-bar .mini-search .submit:hover,

.top-bar .mini-login a:hover {

  text-decoration: none;

  opacity: 0.7;

}

.top-bar .soc-ico a:hover,

.top-bar .shopping-cart-inner a:hover {

  opacity: 1;

}

/* #Header elements

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

/* #Branding

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

.branding {

  line-height: 0;

  font-size: 0;

}

.side-header .branding {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.branding > a {

  display: block;

}

.branding a img,

.branding img {

  height: auto;

}

.branding .mobile-logo,

.phantom-sticky .side-header .branding .mobile-logo {

  display: none;

}

/* #Mini widgets

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

.masthead.widgets .mini-login,

.masthead.widgets .mini-search,

.masthead.widgets .shopping-cart,

.masthead.widgets .mini-contacts,

.masthead.widgets .text-area,

.masthead.widgets .mini-nav,

.masthead.widgets .soc-ico,

.masthead.widgets .mini-wpml {

  display: inline-block;

  margin-left: 10px;

  margin-right: 10px;

}

.masthead.widgets.side-header .mini-login,

.masthead.widgets.side-header .mini-search,

.masthead.widgets.side-header .shopping-cart,

.masthead.widgets.side-header .mini-contacts,

.masthead.widgets.side-header .text-area,

.masthead.widgets.side-header .mini-nav,

.masthead.widgets.side-header .soc-ico,

.masthead.widgets.side-header .mini-wpml,

.dt-mobile-header .mini-login,

.dt-mobile-header .mini-search,

.dt-mobile-header .shopping-cart,

.dt-mobile-header .mini-contacts,

.dt-mobile-header .text-area,

.dt-mobile-header .mini-nav,

.dt-mobile-header .soc-ico,

.dt-mobile-header .mini-wpml {

  margin-left: 0;

  margin-right: 20px;

}

.masthead.widgets.side-header.h-center .mini-login,

.masthead.widgets.side-header.h-center .mini-search,

.masthead.widgets.side-header.h-center .shopping-cart,

.masthead.widgets.side-header.h-center .mini-contacts,

.masthead.widgets.side-header.h-center .text-area,

.masthead.widgets.side-header.h-center .mini-nav,

.masthead.widgets.side-header.h-center .soc-ico,

.masthead.widgets.side-header.h-center .mini-wpml {

  margin-left: 10px;

  margin-right: 10px;

}

.masthead.widgets:not(.side-header) .mini-login:first-child,

.masthead.widgets:not(.side-header) .mini-search:first-child,

.masthead.widgets:not(.side-header) .shopping-cart:first-child,

.masthead.widgets:not(.side-header) .mini-contacts:first-child,

.masthead.widgets:not(.side-header) .text-area:first-child,

.masthead.widgets:not(.side-header) .mini-nav:first-child,

.masthead.widgets:not(.side-header) .soc-ico:first-child,

.masthead.widgets:not(.side-header) .mini-wpml:first-child,

.side-header-h-stroke .mini-login:first-child,

.side-header-h-stroke .mini-search:first-child,

.side-header-h-stroke .shopping-cart:first-child,

.side-header-h-stroke .mini-contacts:first-child,

.side-header-h-stroke .text-area:first-child,

.side-header-h-stroke .mini-nav:first-child,

.side-header-h-stroke .soc-ico:first-child,

.side-header-h-stroke .mini-wpml:first-child,

.masthead.widgets:not(.side-header) .mini-login.first,

.masthead.widgets:not(.side-header) .mini-search.first,

.masthead.widgets:not(.side-header) .shopping-cart.first,

.masthead.widgets:not(.side-header) .mini-contacts.first,

.masthead.widgets:not(.side-header) .text-area.first,

.masthead.widgets:not(.side-header) .mini-nav.first,

.masthead.widgets:not(.side-header) .soc-ico.first,

.masthead.widgets:not(.side-header) .mini-wpml.first,

.side-header-h-stroke .mini-login.first,

.side-header-h-stroke .mini-search.first,

.side-header-h-stroke .shopping-cart.first,

.side-header-h-stroke .mini-contacts.first,

.side-header-h-stroke .text-area.first,

.side-header-h-stroke .mini-nav.first,

.side-header-h-stroke .soc-ico.first,

.side-header-h-stroke .mini-wpml.first {

  margin-left: 0;

}

.masthead.widgets:not(.side-header) .mini-login:last-child,

.masthead.widgets:not(.side-header) .mini-search:last-child,

.masthead.widgets:not(.side-header) .shopping-cart:last-child,

.masthead.widgets:not(.side-header) .mini-contacts:last-child,

.masthead.widgets:not(.side-header) .text-area:last-child,

.masthead.widgets:not(.side-header) .mini-nav:last-child,

.masthead.widgets:not(.side-header) .soc-ico:last-child,

.masthead.widgets:not(.side-header) .mini-wpml:last-child,

.side-header-h-stroke .mini-login:last-child,

.side-header-h-stroke .mini-search:last-child,

.side-header-h-stroke .shopping-cart:last-child,

.side-header-h-stroke .mini-contacts:last-child,

.side-header-h-stroke .text-area:last-child,

.side-header-h-stroke .mini-nav:last-child,

.side-header-h-stroke .soc-ico:last-child,

.side-header-h-stroke .mini-wpml:last-child,

.masthead.widgets:not(.side-header) .mini-login.last,

.masthead.widgets:not(.side-header) .mini-search.last,

.masthead.widgets:not(.side-header) .shopping-cart.last,

.masthead.widgets:not(.side-header) .mini-contacts.last,

.masthead.widgets:not(.side-header) .text-area.last,

.masthead.widgets:not(.side-header) .mini-nav.last,

.masthead.widgets:not(.side-header) .soc-ico.last,

.masthead.widgets:not(.side-header) .mini-wpml.last,

.side-header-h-stroke .mini-login.last,

.side-header-h-stroke .mini-search.last,

.side-header-h-stroke .shopping-cart.last,

.side-header-h-stroke .mini-contacts.last,

.side-header-h-stroke .text-area.last,

.side-header-h-stroke .mini-nav.last,

.side-header-h-stroke .soc-ico.last,

.side-header-h-stroke .mini-wpml.last {

  margin-right: 0;

}

.masthead.side-header.widgets .mini-login,

.masthead.side-header.widgets .mini-search,

.masthead.side-header.widgets .shopping-cart,

.masthead.side-header.widgets .mini-contacts,

.masthead.side-header.widgets .text-area,

.masthead.side-header.widgets .mini-nav,

.masthead.side-header.widgets .soc-ico,

.masthead.side-header.widgets .mini-wpml,

.dt-mobile-header .mini-login,

.dt-mobile-header .mini-search,

.dt-mobile-header .shopping-cart,

.dt-mobile-header .mini-contacts,

.dt-mobile-header .text-area,

.dt-mobile-header .mini-nav,

.dt-mobile-header .soc-ico,

.dt-mobile-header .mini-wpml {

  margin-top: 5px;

  margin-bottom: 5px;

}

.side-header-v-stroke .mini-login,

.side-header-v-stroke .mini-search,

.side-header-v-stroke .shopping-cart,

.side-header-v-stroke .mini-contacts,

.side-header-v-stroke .text-area,

.side-header-v-stroke .mini-nav,

.side-header-v-stroke .soc-ico,

.side-header-v-stroke .mini-wpml {

  margin: 10px 0;

}

.masthead.widgets .mobile-header-bar .mini-login,

.masthead.widgets .mobile-header-bar .mini-search,

.masthead.widgets .mobile-header-bar .shopping-cart,

.masthead.widgets .mobile-header-bar .mini-contacts,

.masthead.widgets .mobile-header-bar .text-area,

.masthead.widgets .mobile-header-bar .mini-nav,

.masthead.widgets .mobile-header-bar .soc-ico,

.masthead.widgets .mobile-header-bar .mini-wpml,

.side-header-h-stroke .mobile-header-bar .mini-login,

.side-header-h-stroke .mobile-header-bar .mini-search,

.side-header-h-stroke .mobile-header-bar .shopping-cart,

.side-header-h-stroke .mobile-header-bar .mini-contacts,

.side-header-h-stroke .mobile-header-bar .text-area,

.side-header-h-stroke .mobile-header-bar .mini-nav,

.side-header-h-stroke .mobile-header-bar .soc-ico,

.side-header-h-stroke .mobile-header-bar .mini-wpml {

  margin: 0 10px;

}

.masthead.widgets .mobile-header-bar .mini-login:first-child,

.masthead.widgets .mobile-header-bar .mini-search:first-child,

.masthead.widgets .mobile-header-bar .shopping-cart:first-child,

.masthead.widgets .mobile-header-bar .mini-contacts:first-child,

.masthead.widgets .mobile-header-bar .text-area:first-child,

.masthead.widgets .mobile-header-bar .mini-nav:first-child,

.masthead.widgets .mobile-header-bar .soc-ico:first-child,

.masthead.widgets .mobile-header-bar .mini-wpml:first-child,

.side-header-h-stroke .mobile-header-bar .mini-login:first-child,

.side-header-h-stroke .mobile-header-bar .mini-search:first-child,

.side-header-h-stroke .mobile-header-bar .shopping-cart:first-child,

.side-header-h-stroke .mobile-header-bar .mini-contacts:first-child,

.side-header-h-stroke .mobile-header-bar .text-area:first-child,

.side-header-h-stroke .mobile-header-bar .mini-nav:first-child,

.side-header-h-stroke .mobile-header-bar .soc-ico:first-child,

.side-header-h-stroke .mobile-header-bar .mini-wpml:first-child,

.masthead.widgets .mobile-header-bar .mini-login.first,

.masthead.widgets .mobile-header-bar .mini-search.first,

.masthead.widgets .mobile-header-bar .shopping-cart.first,

.masthead.widgets .mobile-header-bar .mini-contacts.first,

.masthead.widgets .mobile-header-bar .text-area.first,

.masthead.widgets .mobile-header-bar .mini-nav.first,

.masthead.widgets .mobile-header-bar .soc-ico.first,

.masthead.widgets .mobile-header-bar .mini-wpml.first,

.side-header-h-stroke .mobile-header-bar .mini-login.first,

.side-header-h-stroke .mobile-header-bar .mini-search.first,

.side-header-h-stroke .mobile-header-bar .shopping-cart.first,

.side-header-h-stroke .mobile-header-bar .mini-contacts.first,

.side-header-h-stroke .mobile-header-bar .text-area.first,

.side-header-h-stroke .mobile-header-bar .mini-nav.first,

.side-header-h-stroke .mobile-header-bar .soc-ico.first,

.side-header-h-stroke .mobile-header-bar .mini-wpml.first {

  margin-left: 10px;

}

.masthead.widgets .mobile-header-bar .mini-login:last-child,

.masthead.widgets .mobile-header-bar .mini-search:last-child,

.masthead.widgets .mobile-header-bar .shopping-cart:last-child,

.masthead.widgets .mobile-header-bar .mini-contacts:last-child,

.masthead.widgets .mobile-header-bar .text-area:last-child,

.masthead.widgets .mobile-header-bar .mini-nav:last-child,

.masthead.widgets .mobile-header-bar .soc-ico:last-child,

.masthead.widgets .mobile-header-bar .mini-wpml:last-child,

.side-header-h-stroke .mobile-header-bar .mini-login:last-child,

.side-header-h-stroke .mobile-header-bar .mini-search:last-child,

.side-header-h-stroke .mobile-header-bar .shopping-cart:last-child,

.side-header-h-stroke .mobile-header-bar .mini-contacts:last-child,

.side-header-h-stroke .mobile-header-bar .text-area:last-child,

.side-header-h-stroke .mobile-header-bar .mini-nav:last-child,

.side-header-h-stroke .mobile-header-bar .soc-ico:last-child,

.side-header-h-stroke .mobile-header-bar .mini-wpml:last-child,

.masthead.widgets .mobile-header-bar .mini-login.last,

.masthead.widgets .mobile-header-bar .mini-search.last,

.masthead.widgets .mobile-header-bar .shopping-cart.last,

.masthead.widgets .mobile-header-bar .mini-contacts.last,

.masthead.widgets .mobile-header-bar .text-area.last,

.masthead.widgets .mobile-header-bar .mini-nav.last,

.masthead.widgets .mobile-header-bar .soc-ico.last,

.masthead.widgets .mobile-header-bar .mini-wpml.last,

.side-header-h-stroke .mobile-header-bar .mini-login.last,

.side-header-h-stroke .mobile-header-bar .mini-search.last,

.side-header-h-stroke .mobile-header-bar .shopping-cart.last,

.side-header-h-stroke .mobile-header-bar .mini-contacts.last,

.side-header-h-stroke .mobile-header-bar .text-area.last,

.side-header-h-stroke .mobile-header-bar .mini-nav.last,

.side-header-h-stroke .mobile-header-bar .soc-ico.last,

.side-header-h-stroke .mobile-header-bar .mini-wpml.last {

  margin-right: 10px;

}

/* !-- Contacts */

.mini-contacts {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  padding-left: 18px;

  margin: 0;

  background-repeat: no-repeat;

  background-position: 0 center;

  /*	white-space: nowrap;*/

}

.side-header .mini-contacts,

.dt-mobile-header .mini-contacts {

  white-space: normal;

}

.mini-contacts.email,

.mini-contacts.skype,

.mini-contacts.clock,

.mini-contacts.address {

  padding-left: 22px;

}

/* !!!!!!!!!!!! revrite-- Navigation */

.mini-nav {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.mini-nav .customSelect,

.menu-select select {

  border: none;

  padding: 0;

  margin-bottom: 0;

}

.mini-nav .customSelect {

  position: absolute;

  visibility: hidden;

}

.mini-nav .customSelect .customSelectInner {

  opacity: 0;

}

.menu-select select,

.mini-nav .customSelect1 {

  position: relative;

  visibility: visible;

  opacity: 1;

}

.select-type-menu .menu-select {

  position: relative;

  display: inline-block;

  visibility: visible;

  margin: 0 auto;

  opacity: 1;

}

.select-type-menu .menu-select:hover {

  opacity: 0.7;

}

.menu-select:hover,

.menu-select select {

  cursor: pointer;

}

.menu-select:hover,

.menu a:hover,

.custom-menu a:hover {

  text-decoration: underline;

}

.masthead .menu-select:hover,

.masthead .menu a:hover,

.masthead .custom-menu a:hover,

.dt-mobile-header .menu-select:hover,

.dt-mobile-header .menu a:hover,

.dt-mobile-header .custom-menu a:hover {

  text-decoration: none;

}

.list-type-menu .menu-select {

  position: absolute;

  visibility: hidden;

  opacity: 0;

}

.mini-nav .customSelectInner {

  padding-left: 20px;

  background: none;

}

.mini-nav .customSelectInner:hover {

  text-decoration: none;

}

.mini-nav .customSelectInner:before {

  position: absolute;

  top: 50%;

  left: 0;

  width: 16px;

  height: 16px;

  margin-top: -8px;

  content: "";

  background-position: 0 center;

  background-repeat: no-repeat;

}

.menu-select select {

  z-index: 9;

}

.mini-nav .customSelect {

  padding: 0;

}

/*.header-side-left .top-bar .mini-nav ul,

			.header-side-right .top-bar .mini-nav ul,*/

.list-type-menu.mini-nav ul {

  display: block;

  line-height: 0;

}

.mini-nav li {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.mini-nav:not(.select-type-menu) > ul > li {

  margin: 0 16px 0 0;

}

.dt-mobile-header .mini-nav .sub-nav > li {

  display: block;

}

#page .mini-nav .sub-nav li.has-children a:after {

  right: 8px;

}

.mini-nav li:last-child {

  margin-right: 0;

}

#bottom-bar .mini-nav ul > li.act > a .menu-item-text,

#bottom-bar .mini-nav > ul > li > a:hover .menu-item-text {

  text-decoration: underline;

}

.list-type-menu.mini-nav > ul > li.act > a .menu-item-text,

.list-type-menu.mini-nav > ul > li > a:hover {

  opacity: 0.7;

}

.list-type-menu.mini-nav ul > li > a,

#bottom-bar .mini-nav ul > li > a:hover,

.select-type-menu.mini-nav > ul > li > a:hover,

.list-type-menu.mini-nav ul .sub-nav > li.act > a .menu-item-text,

#bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text {

  text-decoration: none;

}

.mini-nav li:first-child:before {

  border-left: none;

}

.mini-nav select {

  min-width: 100px;

  height: 0;

  opacity: 0;

}

#page .mini-nav select option,

.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .mini-nav select option,

.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) .mini-nav select option {

  color: #b8bcbe !important;

  -webkit-text-fill-color: #b8bcbe;

}

/* !-- Search form */

.masthead .mini-search.act {

  position: relative;

  z-index: 1002;

}

.masthead .mini-search,

.dt-mobile-header .mini-search {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  z-index: 10;

}

.dt-mobile-header .mini-search,

.dt-mobile-header .searchform {

  position: static;

}

.searchform {

  position: relative;

  z-index: 3;

}

.masthead .mini-search .field,

.dt-mobile-header .mini-search .field {

  position: absolute;

  /*right: 6px;*/

  top: 38px;

  width: 290px;

  height: 50px;

  background-color: #fff;

  border: none !important;

  font-style: italic;

  visibility: hidden;

  -webkit-border-radius: 0 !important;

  border-radius: 0 !important;

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

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

}

.dt-mobile-header .mini-search .field {

  left: 0;

  width: 100%;

  z-index: 100;

}

.mini-search .field.right-overflow {

  right: 0;

}

.mini-search .field:focus {

  outline: none;

}

.searchform .submit,

.mini-search .submit {

  display: block;

  padding-left: 22px;

  border: none;

  background-color: transparent;

  text-decoration: none;

}

.dt-mobile-header .searchform .submit,

.dt-mobile-header .mini-search .submit {

  position: relative;

}

.mini-search .submit:hover {

  opacity: 0.7;

}

.mini-search .submit:before {

  position: absolute;

  top: 50%;

  left: 0;

  height: 16px;

  width: 16px;

  margin-top: -8px;

  background-position: 0 center;

  background-repeat: no-repeat;

  content: "";

}

.masthead .mini-search .searchsubmit,

.dt-mobile-header .mini-search .searchsubmit {

  display: none;

}

/* !-- Log in */

.mini-login {

  display: inline-block;

  vertical-align: middle;

}

.mini-login:hover {

  opacity: 0.7;

}

.mini-login a {

  position: relative;

  padding-left: 22px;

  text-decoration: none;

}

.mini-login a:hover {

  text-decoration: none;

}

.mini-login a:before {

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -8px;

  height: 16px;

  width: 16px;

  background-position: 0 center;

  background-repeat: no-repeat;

  content: "";

}

/* !-- Social icons */

.masthead .soc-ico a:hover,

.accent-gradient .masthead .soc-ico.accent-bg a:hover,

.masthead .soc-ico.accent-bg a:hover,

.masthead .soc-ico.custom-bg a:hover,

.masthead .soc-ico.gradient-bg a:hover,

.accent-gradient .masthead .soc-ico.gradient-bg a:hover {

  background: none;

}

.masthead .soc-ico.hover-custom-bg a:hover,

.masthead .soc-ico.accent-bg.hover-custom-bg a:hover,

.masthead .soc-ico.hover-custom-bg a:hover,

.accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover,

.masthead .soc-ico.hover-accent-bg a:hover,

.masthead .soc-ico.hover-disabled-bg a:hover {

  -webkit-box-shadow: none;

  box-shadow: none;

}

/* Mini widgets : end */

#page .icon-off,

#page .wc-ico-cart.icon-off:before,

#page .mini-login .submit.icon-off:before,

#page .icon-off:before,

#phantom .icon-off,

#phantom .wc-ico-cart.icon-off:before,

#phantom .mini-login .submit.icon-off:before,

#phantom .icon-off:before {

  background: none !important;

  padding-left: 0;

}

.mini-login,

.mini-search,

.shopping-cart,

.mini-contacts,

.text-area,

.mini-nav,

.soc-ico,

.mini-wpml {

  margin-right: 10px;

  margin-left: 10px;

}

.masthead .soc-ico {

  display: inline-block;

  vertical-align: middle;

}

.text-area {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.mini-widgets .text-area a {

  text-decoration: underline;

}

.text-area a:hover {

  text-decoration: none;

}

.text-area > p {

  margin-bottom: 0;

}

.top-bar > span {

  display: none !important;

}

.searchform .submit.text-disable,

.mini-search .submit.text-disable,

.wc-ico-cart.text-disable,

.mini-login .submit.text-disable {

  padding-left: 16px;

  letter-spacing: -4px;

}

.masthead .soc-ico a {

  line-height: 22px;

}

/* #Main menu

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

/* #Main menu

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

/* #Main menu

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

.main-nav > li {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.main-nav > li > a {

  text-decoration: none;

}

.main-nav > li > a,

.mini-nav li > a {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.not-clickable-item {

  cursor: default;

}

.main-nav > li > a .text-wrap {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: inherit;

}

.main-nav > li > a .text-wrap .menu-item-text {

  position: relative;

  z-index: 10;

}

.main-nav.level-arrows-on > li.has-children > a {

  position: relative;

}

.main-nav .menu-item a .fa,

.main-nav .menu-item a > i,

.main-nav .menu-item .text-wrap > i,

.mini-nav .menu-item a .fa,

.mini-nav .menu-item a > i,

.mini-nav .menu-item .text-wrap > i {

  padding-right: 6px;

}

.subtitle-text,

.menu-text {

  display: block;

}

.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text {

  position: relative;

  padding-right: 10px;

}

.sub-sideways .main-nav.level-arrows-on > li.has-children > a .menu-item-text {

  position: relative;

}

.top-header .main-nav .menu-text:after {

  position: absolute;

  top: 50%;

  margin-top: -4px;

  right: 0;

  width: 8px;

  height: 8px;

  content: "";

}

.main-nav .rippleWrap {

  width: 100%;

  height: 100%;

}

.side-header .main-nav.level-arrows-on > li.has-children > a:after {

  position: absolute;

  top: 50%;

  margin-top: -7px;

  right: -14px;

  width: 14px;

  height: 14px;

  content: "";

  background-repeat: no-repeat;

  background-position: center center;

}

.side-header.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after {

  right: -30px;

  margin-top: -15px;

  width: 30px;

  height: 30px;

}

.sub-downwards .next-level-button,

.dt-mobile-header .next-level-button {

  position: relative;

  -webkit-align-self: center;

  -moz-align-self: center;

  -ms-align-self: center;

  -ms-flex-item-align: center;

  align-self: center;

  width: 30px;

  height: 30px;

  background-repeat: no-repeat;

  background-position: center center;

}

.sub-downwards.dt-parent-menu-clickable .main-nav.level-arrows-on > li.has-children > a:after,

.dt-mobile-header.dt-parent-menu-clickable .mobile-main-nav > li.has-children > a:after {

  display: none;

}

.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after,

.sub-downwards .side-header .main-nav.level-arrows-on > li.has-children > a:after,

.sub-downwards .next-level-button,

.dt-mobile-header .next-level-button {

  -ms-transition: -ms-transform 0.3s ease-out;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.sub-downwards .main-nav.level-arrows-on > li.has-children.open-sub > a.act:after,

.sub-downwards li.has-children.open-sub > .next-level-button,

.dt-mobile-header li.has-children.open-sub > .next-level-button {

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

/* #Left to right decoration style

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

.l-to-r-line > li > a > span {

  position: relative;

  display: block;

}

.l-to-r-line > li > a i.underline {

  position: absolute;

  display: block;

  left: 1px;

  bottom: -5px;

  overflow: hidden;

  width: 0;

  height: 2px!important;

  max-height: 2px!important;

  pointer-events: none;

  background-color: transparent;

  opacity: 0.85;

  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.top-header .l-to-r-line > li.act > a i.underline,

.top-header .l-to-r-line > li > a:hover i.underline,

.top-header .l-to-r-line > li.dt-hovered > a i.underline {

  width: 100%;

}

/* #From centre decoration style

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

.from-centre-line > li > a > span {

  position: relative;

  display: block;

}

.from-centre-line > li > a .menu-item-text:before {

  position: absolute;

  visibility: hidden;

  left: 0;

  bottom: -5px;

  width: 100%;

  height: 2px;

  background-color: #000;

  content: "";

  -ms-transform: scaleX(0);

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -ms-transition: all 0.2s ease-in-out 0s;

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

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

  opacity: 0.85;

}

.top-header .from-centre-line > li > a:hover .menu-item-text:before,

.top-header .from-centre-line > li.dt-hovered > a .menu-item-text:before,

.top-header .from-centre-line > li.act > a .menu-item-text:before {

  visibility: visible;

  -ms-transform: scaleX(1);

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

/* #Upwards decoration style

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

.upwards-line > li > a > span {

  position: relative;

  display: block;

}

.upwards-line > li > a .menu-item-text:before {

  position: absolute;

  bottom: -5px;

  left: 0;

  width: 100%;

  height: 2px;

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

  content: '';

  opacity: 0;

  -ms-transition: opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: opacity 0.3s, transform 0.3s;

  -ms-transform: translateY(10px);

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

}

.top-header .upwards-line > li.dt-hovered > a .menu-item-text:before,

.top-header .upwards-line > li > a:hover .menu-item-text:before,

.top-header .upwards-line > li.act > a .menu-item-text:before {

  opacity: 1;

  -ms-transform: translateY(0px);

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

/* #Downwards decoration style

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

.downwards-line > li > a > span {

  position: relative;

  display: block;

}

.downwards-line > li > a .menu-item-text:before {

  position: absolute;

  bottom: -5px;

  left: 0;

  width: 100%;

  height: 2px;

  background: #fff;

  content: '';

  opacity: 0;

  -ms-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  transition: height 0.3s, opacity 0.3s, transform 0.3s;

  -ms-transform: translateY(-10px);

  -webkit-transform: translateY(-10px);

  transform: translateY(-10px);

}

.top-header .downwards-line > li.dt-hovered > a .menu-item-text:before,

.top-header .downwards-line > li > a:hover .menu-item-text:before,

.top-header .downwards-line > li.act > a .menu-item-text:before {

  height: 2px;

  opacity: 1;

  -ms-transform: translateY(0px);

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}

/* #Material underline decoration style

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

.top-header .hover-line-decoration > li > a,

.top-header .active-line-decoration > li > a {

  overflow: hidden;

}

.top-header .hover-line-decoration > li > a .decoration-line,

.top-header .active-line-decoration > li > a .decoration-line {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 2px;

  content: "";

  opacity: 0;

  -ms-transition: opacity 300ms ease;

  -webkit-transition: opacity 300ms ease;

  transition: opacity 300ms ease;

}

.top-header .active-line-decoration > li.act > a .decoration-line,

.top-header .hover-line-decoration > li > a:hover .decoration-line,

.top-header .hover-line-decoration > li.dt-hovered > a .decoration-line {

  opacity: 1;

}

.top-header .hover-bg-decoration > li:not(.act) > a {

  -webkit-transition: background 300ms ease;

  transition: background 300ms ease;

}

/* #Drop down menu

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

/* #Menu -> second level

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

.sub-nav,

.dt-mega-menu-wrap {

  position: absolute;

  visibility: hidden;

  z-index: 200;

  top: 100%;

  left: 0;

  width: 240px;

  opacity: 0;

}

.sub-nav.right-overflow {

  left: auto;

  right: 0;

}

.sub-nav {

  padding: 10px;

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

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

  box-sizing: border-box;

}

.sub-nav li {

  position: relative;

  display: block;

}

.sub-nav li:first-child:before {

  display: none;

}

.sub-nav li a,

.sub-nav li a .text-wrap {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -ms-flex-line-pack: center;

  text-decoration: none;

}

.sub-nav li a {

  box-sizing: border-box;

}

.sub-nav li a .text-wrap {

  width: 100%;

}

.sub-downwards.h-justify.h-center .sub-nav > li > a,

.sub-downwards.h-center .sub-nav > li,

.sub-downwards.h-center .sub-nav li a .text-wrap {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

  text-align: center;

}

.sub-nav li.has-children a:after {

  position: absolute;

  display: block;

  right: 0;

  top: 50%;

  width: 8px;

  height: 8px;

  margin-top: -4px;

  content: "";

  background-position: center center;

  background-repeat: no-repeat;

}

.sub-downwards .sub-nav li.has-children a:after {

  right: -30px;

  margin-top: -15px;

}

.sub-downwards .sub-nav .next-level-button,

.dt-mobile-header .sub-nav .next-level-button,

.sub-downwards .sub-nav li.has-children a:after {

  -webkit-align-self: center;

  -moz-align-self: center;

  -ms-align-self: center;

  -ms-flex-item-align: center;

  align-self: center;

  width: 30px;

  height: 30px;

  background-position: center center;

  background-repeat: no-repeat;

}

.sub-downwards.dt-parent-menu-clickable .sub-nav li.has-children a:after,

.dt-mobile-header.dt-parent-menu-clickable .sub-nav li.has-children a:after {

  display: none;

}

.sub-downwards.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after,

.dt-mobile-header.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after {

  display: block;

}

.sub-downwards .sub-nav.level-arrows-on li.has-children > a:after,

.sub-downwards .sub-nav .next-level-button,

.dt-mobile-header .sub-nav .next-level-button {

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.sub-downwards .sub-nav.level-arrows-on li.has-children.open-sub > a.act:after,

.sub-downwards .sub-nav li.has-children.open-sub > .next-level-button,

.dt-mobile-header .sub-nav li.has-children.open-sub > .next-level-button {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.sub-nav .sub-nav {

  left: 241px;

  top: -10px;

  margin-top: 0px;

}

.sub-nav .sub-nav.right-overflow {

  left: -241px;

}

/* #Side header -> second level

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

.side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow),

.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow) {

  top: 0 !important;

  left: 100%;

}

.side-header:not(.sub-downwards) .main-nav > li > .sub-nav,

.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap {

  left: 100%;

}

.side-header .sub-nav.bottom-overflow,

.side-header .dt-mega-menu-wrap.bottom-overflow,

.dt-mobile-header .mini-nav .sub-nav.bottom-overflow,

.side-header .mini-nav.sub-nav.bottom-overflow {

  top: auto !important;

  bottom: 0;

}

.side-header .mini-nav.select-type-menu > .sub-nav:not(.bottom-overflow),

.dt-mobile-header .mini-nav.select-type-menu > .sub-nav:not(.bottom-overflow),

.dt-mobile-header .list-type-menu > ul > li > .sub-nav,

.side-header .list-type-menu > ul > li > .sub-nav,

.top-header.floating-navigation-below-slider .main-nav > li > .sub-nav.bottom-overflow {

  top: auto !important;

  bottom: 100%;

}

.top-header.floating-navigation-below-slider .sub-nav.bottom-overflow {

  top: auto !important;

  bottom: 0;

}

.header-side-right .sub-sideways .main-nav > li > .sub-nav,

.overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav,

.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap,

.overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap {

  left: auto !important;

  right: 100%;

}

/* #Side header -> Show drop down menu - > Downwards

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

.sub-downwards .main-nav > li,

.mobile-main-nav > li,

.sub-downwards .sub-nav > li,

.dt-mobile-header .sub-nav > li {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

.sub-downwards.side-header .main-nav > li > .sub-nav,

.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap,

.sub-downwards.side-header .main-nav > li > .sub-nav .sub-nav,

.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav,

.dt-mobile-header .mobile-main-nav > li > .sub-nav,

.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap,

.dt-mobile-header .mobile-main-nav > li > .sub-nav .sub-nav,

.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav {

  position: relative;

  display: none;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0;

  visibility: visible;

  opacity: 1;

  z-index: auto;

}

.sub-downwards.side-header .main-nav > li .sub-nav .sub-nav {

  padding: 15px 20px 15px 20px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.sub-downwards li:not(.dt-mega-menu) .sub-nav {

  width: auto;

}

.sub-downwards .main-nav > li > .sub-nav {

  padding-bottom: 0;

}

.sub-downwards .main-nav .sub-nav,

.mobile-main-nav .sub-nav {

  background: none;

  box-shadow: none;

}

.sub-downwards .main-nav .sub-nav li,

.masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {

  padding: 0;

  width: 100%;

}

.sub-downwards .main-nav.level-arrows-on > li.has-children:last-child {

  margin-right: 0;

}

.sub-downwards #main-nav li a:hover,

.next-level-button:hover {

  cursor: pointer !important;

}

/* #Mega menu

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

/* #Mega menu

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

/*.side-header .main-nav > li.dt-mega-menu {

	.flex-flow( column wrap);

}*/

.main-nav > li.dt-mega-menu > a {

  position: relative;

}

.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text,

.dt-mega-menu .sub-nav li.has-children:after,

.dt-mega-menu .sub-nav .dt-mega-parent:before,

.dt-mega-menu .sub-nav .dt-mega-parent:first-child:before,

.dt-mega-menu .sub-nav li:before {

  display: none;

}

.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title:not(.with-subtitle) > a {

  padding: 0;

}

.sub-downwards .sub-nav li.hide-mega-title > a {

  display: block;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

/*subtitle*/

.menu-subtitle {

  display: block;

  text-transform: none;

}

.menu-subtitle {

  font-family: Arial, sans-serif;

  font-style: normal;

  font-weight: normal;

}

/*#main-nav > li > a span > span.menu-subtitle,*/

.dt-mega-menu .sub-nav .dt-mega-parent > a span.menu-subtitle {

  font-size: 12px;

  line-height: 14px;

}

.menu-subtitle:after,

.mega-icon:after {

  display: none !important;

}

/*mega sub menu width*/

.top-header .mega-full-width > .dt-mega-menu-wrap {

  width: 100%;

}

.side-header .mega-full-width .dt-mega-menu-wrap,

.side-header .mega-auto-width .dt-mega-menu-wrap {

  top: 0;

  left: 100%;

}

.header-side-right .mega-full-width > .dt-mega-menu-wrap,

.header-side-right .mega-auto-width > .dt-mega-menu-wrap {

  top: 0;

  left: auto;

  right: 100%;

  padding-left: 0;

}

.masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap,

.masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap {

  width: 890px;

  max-width: 890px;

}

.mega-auto-width .dt-mega-menu-wrap {

  left: 0;

  width: auto;

  /*max-width: 100%;*/

}

.main-nav .mega-auto-width > .dt-mega-menu-wrap {

  min-width: 240px;

}

.mega-auto-width > .dt-mega-menu-wrap.left-overflow,

.mega-full-width .dt-mega-menu-wrap.left-overflow {

  left: 0 !important;

  right: auto !important;

  margin-left: 0 !important;

}

.top-header .main-nav .dt-mega-menu-wrap {

  position: absolute;

  top: 100%;

  visibility: hidden;

  opacity: 0;

  padding: 10px;

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

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

  box-sizing: border-box;

}

.top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow {

  top: auto;

  bottom: 100%;

}

.top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow {

  top: auto;

  bottom: 0;

}

.dt-mega-menu-wrap .sub-nav {

  position: relative;

  /*visibility: visible;*/

  width: auto;

  padding: 0;

  /*opacity: 1;*/

  background: none;

  box-shadow: none;

}

.show-mega-menu .dt-mega-menu-wrap .sub-nav,

.sub-downwards .dt-mega-menu-wrap .sub-nav {

  visibility: visible;

  opacity: 1;

}

#page .dt-mobile-header .dt-mega-menu-wrap > .sub-nav {

  visibility: visible;

  opacity: 1;

  width: auto;

}

.dt-mega-menu-wrap > .sub-nav {

  display: block !important;

}

.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav,

.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul,

.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav,

.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul {

  width: auto;

}

.dt-mega-menu .dt-mega-menu-wrap {

  padding-top: 0;

  padding-bottom: 0;

  font-size: 0;

  line-height: 0;

  word-spacing: -4px;

  text-align: left;

}

.dt-mega-menu .dt-mega-menu-wrap:before,

.dt-mega-menu .dt-mega-menu-wrap:after {

  content: "";

  display: table;

  clear: both;

}

.dt-mega-menu > .dt-mega-menu-wrap {

  padding: 20px 10px 10px;

}

.dt-mega-menu .dt-mega-menu-wrap li {

  padding-left: 0;

  padding-right: 0;

  word-spacing: normal;

}

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {

  position: static;

  display: -webkit-inline-flex;

  display: -moz-inline-flex;

  display: -ms-inline-flexbox;

  display: -ms-inline-flex;

  display: inline-flex;

  -webkit-flex-flow: column wrap;

  -moz-flex-flow: column wrap;

  -ms-flex-flow: column wrap;

  flex-flow: column wrap;

  padding: 0 10px 10px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.dt-mega-menu .sub-nav .dt-mega-parent:first-child {

  border-left: none;

}

.new-column > a {

  margin-left: -21px !important;

  border-radius: none;

}

.dt-mega-menu .sub-nav .dt-mega-parent:hover > a {

  -webkit-border-radius: 0;

  border-radius: 0;

}

.dt-mega-menu .sub-nav .dt-mega-parent a {

  width: auto;

}

.dt-mega-menu .sub-nav .dt-mega-parent.no-link > a:hover,

.no-link > a:hover {

  opacity: 1;

}

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav,

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow {

  position: relative;

  left: auto !important;

  top: auto;

  max-width: 100%;

  padding: 0;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.dt-mega-menu.dt-hovered .sub-nav .sub-nav,

.show-mega-menu.dt-mega-menu .sub-nav .sub-nav {

  visibility: visible !important;

  opacity: 1 !important;

}

.dt-mega-parent .sub-nav > li {

  margin-bottom: 2px;

}

.hide-mega-title {

  margin-top: 5px;

}

.sub-downwards .hide-mega-title {

  margin-top: 0;

}

.side-header .main-nav .new-column {

  display: none;

}

/* #Mobile menu

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

/* #Mobile menu

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

.mobile-header-space,

.mobile-header-bar {

  display: none;

}

.menu-open.not-iOS {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  overflow: hidden;

}

/*Blur page*/

.blur-page.show-sticky-mobile-header #main-slideshow,

.blur-page.show-sticky-mobile-header .photo-scroller,

.blur-page.show-sticky-mobile-header #main,

.blur-page.show-sticky-mobile-header .page-title,

.blur-page.show-sticky-mobile-header .fancy-header,

.blur-page.show-sticky-mobile-header .masthead,

.blur-page.show-sticky-mobile-header .footer,

.blur-page.show-sticky-mobile-header .floating-logo.side-header-menu-icon .branding {

  filter: blur(10px);

  -webkit-filter: blur(10px);

}

.dt-mobile-header {

  position: fixed;

  top: 0;

  height: 100%;

  min-height: 100%;

  width: 500px;

  max-width: 100%;

  z-index: 9602;

  /*overflow-y: auto;*/

  padding: 30px 30px 0;

  box-sizing: border-box;

  background-color: grey;

  -ms-transition: -ms-transform 0.5s ease;

  -webkit-transition: -webkit-transform 0.5s ease;

  transition: transform  0.5s ease;

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

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

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

}

.show-mobile-header .dt-mobile-header {

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

  transform: translate3d(0, 0, 0);

}

.right-mobile-menu .dt-mobile-header {

  right: 0;

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

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

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

  -ms-transition: right  0.5s ease;

  -webkit-transition: right  0.5s ease;

  transition: right  0.5s ease;

}

.admin-bar .dt-mobile-header {

  padding-top: 62px;

}

.is-iOS .dt-mobile-header,

.mobile-true .dt-mobile-header {

  overflow: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}

.mobile-header-scrollbar-wrap:not(.mCustomScrollbar) {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

}

.mobile-header-scrollbar-wrap.mCustomScrollbar {

  width: 100%;

  height: 100%;

}

.mobile-mini-widgets-in-menu,

.show-on-first-switch,

.show-on-second-switch {

  display: none;

}

.mobile-mini-widgets-in-menu,

.dt-mobile-header .mini-widgets {

  padding-bottom: 30px;

}

.mobile-sticky-header-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {

  position: fixed;

  visibility: hidden;

  top: 10px;

  right: 10px;

  opacity: 0;

  width: 44px;

  height: 44px;

  margin: 0 !important;

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

  -webkit-backface-visibility: hidden;

}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover {

  background-color: rgba(0, 0, 0, 0.5);

}

.floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn {

  visibility: visible;

  opacity: 1;

}

.dt-mobile-menu-icon.floating-btn .lines {

  /*	margin: 0 0 0 11px;*/

  -webkit-border-radius: 0;

  border-radius: 0;

}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines,

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:before,

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:after {

  background-color: #fff;

}

/*First switch mobile header layout*/

/*Mobile menu*/

.mobile-main-nav {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

  -webkit-flex: 10 1 auto;

  -moz-flex: 10 1 auto;

  -ms-flex: 10 1 auto;

  flex: 10 1 auto;

  padding-bottom: 30px;

}

.mobile-main-nav > li {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.mobile-main-nav > li > a {

  text-decoration: none;

}

.mobile-main-nav > li:before {

  content: "";

  position: absolute;

  top: -0.5px;

  height: 0;

  border-top: solid 1px yellow;

  width: 100%;

  max-width: 100%;

  /*margin-left: -20px;*/

  left: 0;

}

.mobile-main-nav > li:first-child:before,

.dt-mobile-header .mobile-main-nav .new-column {

  display: none;

}

.mobile-main-nav > li > a {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 10px 30px 10px 0;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.mobile-main-nav .sub-nav li.hide-mega-title > a {

  display: block;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.mobile-main-nav > li.has-children > a:after {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -15px;

  width: 30px;

  height: 30px;

  content: "";

  background-repeat: no-repeat;

  background-position: center center;

}

.mobile-main-nav > li.has-children > a:after,

.mobile-main-nav .next-level-button {

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.mobile-main-nav > li.has-children.open-sub > a.act:after,

.mobile-main-nav li.has-children.open-sub > .next-level-button {

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.mobile-main-nav .menu-item a .fa {

  padding-right: 6px;

}

.mobile-main-nav li > a .subtitle-text {

  font-size: 10px;

  line-height: 12px;

  font-family: Arial, sans-serif;

}

.mobile-main-nav .sub-nav {

  margin-left: 20px;

}

.header-side-right .mobile-main-nav .mega-full-width > .sub-nav,

.header-side-right .mobile-main-nav .mega-auto-width > .sub-nav {

  right: 0;

}

#page .mobile-main-nav .sub-nav li,

#page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {

  padding: 0;

  width: 100%;

}

#page .mobile-main-nav .sub-nav {

  width: 100%;

}

.mobile-main-nav .sub-nav .sub-nav {

  left: 0;

}

.mobile-main-nav .sub-nav > li > a {

  padding: 10px 30px 10px 0;

  margin: 0;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.mobile-main-nav .sub-nav > li > a:hover {

  background: none !important;

}

.mobile-main-nav .sub-nav .next-level-button,

.mobile-main-nav .sub-nav li.has-children a:after {

  -webkit-align-self: center;

  -moz-align-self: center;

  -ms-align-self: center;

  -ms-flex-item-align: center;

  align-self: center;

  /*right: -30px;*/

  /*margin-top: -15px;*/

  top: 0;

  margin: 0;

  width: 30px;

  height: 30px;

  background-position: center center;

  background-repeat: no-repeat;

}

.mobile-main-nav.dt-parent-menu-clickable .sub-nav li.has-children a:after {

  display: none;

}

.mobile-main-nav .sub-nav li.has-children > a:after,

.mobile-main-nav .sub-nav .next-level-button {

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.mobile-main-nav .sub-nav li.has-children.open-sub > a.act:after,

.mobile-main-nav .sub-nav li.has-children.open-sub > .next-level-button {

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

/* ====================== lines button ==================================================*/

.lines-button,

.dt-mobile-menu-icon {

  display: -webkit-inline-flex;

  display: -moz-inline-flex;

  display: -ms-inline-flexbox;

  display: -ms-inline-flex;

  display: inline-flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

  margin-right: 16px;

  transition: .3s;

  cursor: pointer;

  user-select: none;

  border-radius: 0.57143rem;

}

.dt-mobile-menu-icon {

  width: 22px;

  height: 22px;

  margin-right: 0;

}

.lines-button:active {

  transition: 0;

}

.lines {

  display: inline-block;

  /*vertical-align: middle;*/

  width: 22px;

  height: 2px;

  /*	margin: -2px 6px 0 0;*/

  background: #ecf0f1;

  /*border-radius: 2px;*/

  position: relative;

  /*.dt-mobile-menu-icon & {

			margin-top: -6px;

		}*/

}

.dt-close-mobile-menu-icon {

  position: fixed;

  top: 0;

  width: 30px;

  height: 30px;

  left: -50px;

  z-index: 9999;

  opacity: 0;

  -webkit-transition: opacity 0.2s ease;

  transition: opacity 0.2s ease;

  -webkit-transition-delay: 0.5s;

  transition-delay: 0.5s;

}

.admin-bar .dt-close-mobile-menu-icon {

  top: 32px;

}

.show-mobile-header .dt-close-mobile-menu-icon {

  opacity: 1;

}

.dt-close-mobile-menu-icon span {

  position: relative;

  display: block;

  width: 30px;

  height: 30px;

  margin: 0;

}

.dt-close-mobile-menu-icon span:hover {

  cursor: pointer;

}

.dt-close-mobile-menu-icon span:before,

.dt-close-mobile-menu-icon span:after {

  background-color: #fff;

}

.accent-bg .lines,

.accent-bg .lines:before,

.accent-bg .lines:after {

  background-color: #fff;

}

.lines:before,

.lines:after,

.dt-close-mobile-menu-icon span:before,

.dt-close-mobile-menu-icon span:after {

  display: inline-block;

  width: 22px;

  height: 2px;

  background: #ecf0f1;

  /*	border-radius: 2px;*/

  position: absolute;

  left: 0;

  content: '';

  -webkit-transform-origin: 1.5px center;

  transform-origin: 1.5px center;

  -webkit-transition: top 0.3s;

  transition: top 0.3s;

}

.lines:before {

  top: 7px;

}

.lines:after {

  top: -7px;

}

.menu-toggle:not(.active) .lines-button:hover .lines:before,

.dt-mobile-menu-icon:hover .lines:before {

  top: 5px;

}

.menu-toggle:not(.active) .lines-button:hover .lines:after,

.dt-mobile-menu-icon:hover .lines:after {

  top: -5px;

}

.menu-toggle.active .lines-button.x .lines,

.hide-overlay.active .lines-button.x .lines {

  background: transparent;

}

.menu-toggle.active .lines-button.x .lines:before,

.menu-toggle.active .lines-button.x .lines:after,

.hide-overlay.active .lines-button.x .lines:before,

.hide-overlay.active .lines-button.x .lines:after {

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  top: 0;

  /*width: 22px;*/

  -webkit-transition: -webkit-transform 0.1s ease;

  transition: transform .1s ease;

}

.dt-close-mobile-menu-icon span:before,

.dt-close-mobile-menu-icon span:after {

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  top: 50%;

  left: 50%;

  margin: -1px 0 0 -11px;

  width: 22px;

  -webkit-transition: -webkit-transform 0.1s ease;

  transition: transform .1s ease;

}

.menu-toggle.active .lines-button.x .lines:before,

.hide-overlay.active .lines-button.x .lines:before {

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

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

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

}

.menu-toggle.active:hover .lines-button.x .lines:before,

.hide-overlay.active:hover .lines-button.x .lines:before {

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

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

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

}

.menu-toggle.active .lines-button.x .lines:after,

.hide-overlay.active .lines-button.x .lines:after {

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

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

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

}

.menu-toggle.active:hover .lines-button.x .lines:after,

.hide-overlay.active:hover .lines-button.x .lines:after {

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

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

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

}

.dt-close-mobile-menu-icon span:before {

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

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

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

}

.dt-close-mobile-menu-icon:hover span:before {

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

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

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

}

.dt-close-mobile-menu-icon span:after {

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

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

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

}

.dt-close-mobile-menu-icon:hover span:after {

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

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

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

}

.masthead .mobile-header-bar {

  position: relative;

  min-height: 150px;

  width: 100%;

  -webkit-align-items: stretch;

  -moz-align-items: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-align-content: stretch;

  -moz-align-content: stretch;

  -ms-align-content: stretch;

  align-content: stretch;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-flex-pack: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}

.side-header .mobile-header-bar {

  padding: 0 44px;

}

.mobile-header-bar > * {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.mobile-header-bar .mobile-branding {

  line-height: 0;

}

/* #Floating menu

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

/*Floating navigation->Style->Sticky*/

/* #Floating menu

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

#phantom {

  position: fixed;

  z-index: 9399;

  width: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  box-sizing: border-box;

}

#phantom.boxed {

  left: 50%;

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

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

  transform: translateX(-50%);

}

.dt-style-um #phantom {

  display: none;

}

.phantom-fade #phantom {

  visibility: hidden;

}

.phantom-slide #phantom {

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

  transform: translateY(-100%);

}

body.admin-bar.phantom-sticky:not(.floating-navigation-below-slider) .masthead:not(.side-header),

body.admin-bar.phantom-sticky.floating-navigation-below-slider.sticky-on .masthead:not(.side-header),

body.admin-bar #phantom {

  top: 32px !important;

}

.floating-navigation-below-slider .top-bar {

  display: none;

}

.floating-navigation-below-slider.phantom-sticky.sticky-on .header-space {

  display: block;

}

#phantom.boxed {

  z-index: 9008;

}

.ph-wrap {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-flow: row nowrap;

  -moz-flex-flow: row nowrap;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

  margin: 0 auto;

}

.full-height .ph-wrap {

  -webkit-align-items: stretch;

  -moz-align-items: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.ph-wrap .menu-box {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.ph-wrap.with-logo .menu-box,

.justify .ph-wrap .menu-box {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.ph-wrap.with-logo .menu-box {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.inline-header.center .ph-wrap.with-logo .menu-box {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

#phantom:not(.split-header) .main-nav,

#phantom.inline-header.center .main-nav {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

#phantom.classic-header.justify .main-nav,

#phantom.inline-header.justify .main-nav,

#phantom.split-header.justify .main-nav {

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-flex-pack: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}

#phantom .with-logo .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

#phantom.inline-header.left .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.widget-box .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

#phantom.full-width .ph-wrap {

  max-width: 100%;

}

#phantom .ph-wrap.boxed {

  width: 100%;

  max-width: 1320px;

  margin: 0 auto;

}

.ph-wrap .header-bar {

  width: 100%;

}

.ph-wrap .header-bar .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.ph-wrap .logo-box {

  display: none;

}

.ph-wrap.with-logo .logo-box {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  line-height: 0;

}

.ph-wrap .widget-box {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/*Floating top line logo*/

.phantom-logo-off.phantom-on .branding {

  display: none;

  visibility: hidden;

}

.phantom-off.phantom-custom-logo-on .branding .phantom-top-line-logo,

.phantom-on.phantom-custom-logo-on .branding > a:not(.phantom-top-line-logo),

.phantom-on.phantom-custom-logo-on .branding > img:not(.phantom-top-line-logo) {

  opacity: 0;

  display: none;

}

.animate-sticky {

  float: left;

  width: 1px;

  height: 100%;

}

.phantom-sticky.sticky-off.phantom-custom-logo-on .branding .sticky-logo,

.phantom-sticky.sticky-on.phantom-custom-logo-on .branding > a:not(.sticky-logo),

.phantom-sticky.sticky-on.phantom-custom-logo-on .branding > img:not(.sticky-logo) {

  display: none;

  opacity: 0;

}

.phantom-sticky.sticky-off:not(.phantom-custom-logo-on) .branding .sticky-logo,

.phantom-sticky.sticky-on:not(.phantom-custom-logo-on) .branding .sticky-logo,

.phantom-main-logo-on.phantom-sticky.sticky-on .branding > a,

.phantom-main-logo-on.phantom-sticky.sticky-on .branding > img,

.phantom-logo-off.phantom-sticky.sticky-on .branding > a,

.phantom-logo-off.phantom-sticky.sticky-on .branding > img {

  display: none;

  visibility: hidden;

}

/*! Horizontal headers */

.masthead:not(.side-header) {

  max-width: 1200px;

  margin: 0 auto;

}

.masthead:not(.side-header) .header-bar {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: stretch;

  -moz-align-items: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-align-content: stretch;

  -moz-align-content: stretch;

  -ms-align-content: stretch;

  align-content: stretch;

  -ms-flex-line-pack: stretch;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-flex-pack: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}

.masthead:not(.side-header) .main-nav {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/*! Full height menu */

.masthead:not(.side-header).full-height .main-nav {

  -webkit-align-items: stretch;

  -moz-align-items: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-align-content: stretch;

  -moz-align-content: stretch;

  -ms-align-content: stretch;

  align-content: stretch;

}

.masthead:not(.side-header).full-height .header-bar .main-nav > li > a,

.masthead:not(.side-header) .header-bar .main-nav > li > a {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -ms-flex-line-pack: stretch;

}

/*! Menu dividers enabled */

.masthead:not(.side-header).dividers.justify .main-nav > li {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu) {

  position: relative;

}

.masthead:not(.side-header).dividers .main-nav > li:before,

.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {

  content: "";

  position: absolute;

  left: -0.5px;

  width: 0;

  border-right: solid 1px yellow;

  height: 100%;

  max-height: 100%;

  /*margin-top: -20px;*/

  -ms-transform: translate(0, -50%);

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

  transform: translate(0, -50%);

  top: 50%;

}

.masthead:not(.side-header).dividers .main-nav > li:first-child:before {

  display: none;

}

.masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before {

  display: block;

}

.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {

  left: auto;

  right: -0.5px;

}

.masthead:not(.side-header) .main-nav.animate-click-decoration > li > a {

  overflow: hidden;

}

.masthead:not(.side-header).full-height .main-nav > li > a {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

/*! Inline header */

.masthead.inline-header:not(.widgets) .header-bar .mini-widgets {

  display: none;

}

.inline-header .header-bar {

  -webkit-flex-flow: row nowrap;

  -moz-flex-flow: row nowrap;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

}

.inline-header .branding,

.inline-header .header-bar > .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/*! - left, right & center menu */

.inline-header.left .main-nav,

.inline-header.right .main-nav,

.inline-header.center .main-nav {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.inline-header.left .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.inline-header.right .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.inline-header.center .main-nav {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

/*! - justified menu */

.inline-header.justify .main-nav {

  -webkit-flex-grow: 10;

  -moz-flex-grow: 10;

  -ms-flex-positive: 10;

  -ms-flex-grow: 10;

  flex-grow: 10;

  -webkit-justify-content: space-around;

  -moz-justify-content: space-around;

  -ms-flex-pack: space-around;

  -ms-justify-content: space-around;

  justify-content: space-around;

  -ms-flex-pack: distribute;

}

.inline-header.justify .main-nav > li {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.inline-header.justify .main-nav > li > a {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

/*! -- justified menu, with mini-widgets */

.inline-header.justify.widgets .main-nav > li {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

/*! Classic header */

.classic-header .header-bar {

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

.masthead.classic-header .header-bar {

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.classic-header .branding,

.classic-header .navigation {

  -webkit-flex: 1 1 100%;

  -moz-flex: 1 1 100%;

  -ms-flex: 1 1 100%;

  flex: 1 1 100%;

  -ms-flex-positive: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: 100%;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.classic-header .navigation {

  position: relative;

}

.classic-header .navigation:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 1px;

  content: "";

}

.boxed .classic-header .navigation:before {

  left: 50%;

  padding: 0;

  margin: 0;

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

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

  transform: translateX(-50%);

}

.classic-header.full-width-line .navigation:before,

.classic-header.bg-behind-menu .navigation:before {

  padding: 0 1000px;

  margin-left: -1000px;

}

.boxed .classic-header.full-width-line .navigation:before,

.boxed .classic-header.bg-behind-menu .navigation:before {

  left: 50%;

  padding: 0;

  margin: 0;

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

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

  transform: translateX(-50%);

}

.classic-header.bg-behind-menu .navigation:before {

  height: 100%;

}

.masthead.classic-header:not(.widgets) .navigation .mini-widgets {

  display: none;

}

.classic-header.widgets .branding .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.classic-header .branding .mini-widgets:last-child {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.classic-header .navigation > .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

/*! - branding layouts */

/*! -- logo on the left, widgets on the right */

.classic-header:not(.logo-center) .branding .mini-widgets {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

/*! -- logo centered, widgets around */

.classic-header.logo-center .branding .mini-widgets {

  -webkit-flex: 1 1 0%;

  -moz-flex: 1 1 0%;

  -ms-flex: 1 1 0%;

  flex: 1 1 0%;

  -ms-flex-positive: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: 0%;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.classic-header.logo-center .branding {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.classic-header.logo-center .branding > a {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

  display: block;

}

.classic-header.logo-center .branding .mini-widgets:last-child {

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

}

/*! -- logo and widgets centered */

.classic-header.logo-widgets-center .branding {

  -webkit-flex-flow: column wrap;

  -moz-flex-flow: column wrap;

  -ms-flex-flow: column wrap;

  flex-flow: column wrap;

}

.classic-header.logo-widgets-center .branding > * {

  margin: 0 auto;

}

/*! - left, right & center menu */

.classic-header.left .main-nav,

.classic-header.right .main-nav {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.classic-header.left .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.classic-header.right .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.classic-header.center .navigation {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

/*! - justified menu */

.classic-header.justify .main-nav {

  -webkit-flex-grow: 10;

  -moz-flex-grow: 10;

  -ms-flex-positive: 10;

  -ms-flex-grow: 10;

  flex-grow: 10;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-flex-pack: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}

.classic-header.justify .main-nav > li > a {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/*! -- justified menu, with mini-widgets */

.classic-header.justify.widgets .main-nav > li {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.classic-header.justify.widgets .main-nav > li {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

/*! Split header */

.masthead.split-header .header-bar {

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.masthead.split-header.full-height .header-bar {

  -webkit-align-items: stretch;

  -moz-align-items: stretch;

  -ms-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.masthead.split-header:not(.widgets) .navigation .mini-widgets {

  display: none;

}

.split-header .branding {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

}

.split-header .navigation {

  -webkit-flex: 1 1 0%;

  -moz-flex: 1 1 0%;

  -ms-flex: 1 1 0%;

  flex: 1 1 0%;

  -ms-flex-positive: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: 0%;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: row nowrap;

  -moz-flex-flow: row nowrap;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

}

.split-header .navigation:first-of-type {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.split-header .navigation:last-of-type {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.split-header .navigation .main-nav {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.split-header .navigation:first-of-type .main-nav {

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

}

.split-header .navigation:first-of-type .mini-widgets {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.split-header .navigation:last-of-type .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.split-header .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

/*! - inside */

.split-header.inside .navigation:first-of-type .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.split-header.inside .navigation:last-of-type .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

/*! - fully inside */

.split-header.fully-inside .navigation .main-nav {

  -webkit-flex-grow: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  -ms-flex-grow: 0;

  flex-grow: 0;

}

.split-header.fully-inside .navigation:first-of-type {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.split-header.fully-inside .navigation:last-of-type {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.split-header.fully-inside .navigation:first-of-type .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.split-header.fully-inside .navigation:last-of-type .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

/*! - outside */

.split-header.outside .navigation:first-of-type .main-nav {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.split-header.outside .navigation:last-of-type .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

/*! - justified */

.split-header.justify .navigation .main-nav {

  -webkit-flex-grow: 10;

  -moz-flex-grow: 10;

  -ms-flex-positive: 10;

  -ms-flex-grow: 10;

  flex-grow: 10;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-flex-pack: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

  -ms-flex-pack: justify;

}

.split-header.justify .navigation .main-nav > li {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

.split-header.justify .navigation:last-of-type .main-nav > li {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

/*! -- justified menu, with mini-widgets */

.split-header.justify.widgets .navigation .main-nav > li {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

}

/*! Vertical headers */

.side-header {

  position: fixed;

  /*top: 0;*/

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  height: 100%;

  z-index: 101;

  width: 400px;

}

.side-header.content-left {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.side-header.content-center {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.side-header.content-right {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.header-side-right .side-header {

  right: 0;

}

.is-iOS .side-header:not(.sub-sideways) {

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}

.side-header .header-bar {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.fully-inside.side-header .header-bar .main-nav {

  -webkit-flex: 0 1 auto;

  -moz-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

}

.side-header.v-bottom.fully-inside .header-bar {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.side-header.v-center.fully-inside .header-bar {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.header-scrollbar-wrap {

  width: 100%;

  height: 100%;

}

.header-scrollbar-wrap .mCSB_inside > .mCSB_container,

.mobile-header-scrollbar-wrap .mCSB_inside > .mCSB_container {

  margin: 0;

}

.fade-header-animation .header-scrollbar-wrap .mCSB_inside > .mCSB_container,

.overlay-navigation .header-scrollbar-wrap .mCSB_inside > .mCSB_container {

  display: none;

}

.fade-header-animation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container,

.overlay-navigation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.mCSB_container {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.content-left .mCSB_container {

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.content-center .mCSB_container {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.content-right .mCSB_container {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.dt-mobile-header .mCSB_container {

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

}

.side-header .main-nav {

  -webkit-flex: 10 1 auto;

  -moz-flex: 10 1 auto;

  -ms-flex: 10 1 auto;

  flex: 10 1 auto;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

}

.side-header .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-flow: row wrap;

  -moz-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/* - center vertically */

.side-header.v-center .main-nav {

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.side-header.v-center .branding,

.side-header.v-center .mini-widgets {

  -webkit-flex: 0 1 auto;

  -moz-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

}

/* - Menu position bottom */

.side-header.v-bottom .main-nav {

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

/* - center horisontally */

.side-header.h-center .main-nav > li {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

  text-align: center;

}

/* - justify horisontally */

.side-header.h-justify .main-nav > li > a,

.side-header.h-justify.sub-downwards .sub-nav > li > a {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

/* -- and also center */

.side-header.h-justify.h-center .main-nav > li > a,

.side-header.h-center .branding,

.side-header.h-center .mini-widgets {

  text-align: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

/*! Menu dividers enabled */

.side-header.dividers .main-nav > li {

  position: relative;

}

.side-header.dividers .main-nav > li:before,

.side-header.dividers.surround .main-nav > li:last-child:after {

  content: "";

  position: absolute;

  top: -0.5px;

  height: 0;

  border-top: solid 1px yellow;

  width: 40px;

  max-width: 100%;

  /*margin-left: -20px;*/

  left: 0;

}

.side-header.dividers.h-center .main-nav > li:before,

.side-header.dividers.surround.h-center .main-nav > li:last-child:after {

  left: 50%;

  -ms-transform: translate(-50%, 0);

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

  transform: translate(-50%, 0);

}

.side-header.dividers .main-nav > li:first-child:before {

  display: none;

}

.side-header.dividers.surround .main-nav > li:first-child:before {

  display: block;

}

.side-header.dividers.surround .main-nav > li:last-child:after {

  top: auto;

  bottom: -0.5px;

}

/*! Slide out side header */

.side-header.slide-out {

  position: fixed;

  top: 0;

}

.header-side-left .side-header.slide-out {

  left: 0;

}

.side-header.slide-out.fade {

  opacity: 0;

  visibility: hidden;

}

/* vertical scrollbar */

.header-scrollbar-wrap .mCustomScrollBox,

.header-scrollbar-wrap .mCSB_container,

.mobile-header-scrollbar-wrap .mCustomScrollBox,

.mobile-header-scrollbar-wrap .mCSB_container {

  overflow: visible;

}

.mCSB_container {

  width: auto;

}

.mCSB_container.mCS_no_scrollbar {

  margin-right: 0;

}

.mCSB_scrollTools {

  opacity: 0;

  -webkit-transition: opacity 0.4s;

  transition: opacity 0.4s;

}

.masthead:hover .mCSB_scrollTools {

  opacity: 1;

}

.mCustomScrollBox > .mCSB_scrollTools {

  width: 16px;

  height: 100%;

  top: 10px;

  right: 4px;

  z-index: 10;

}

.dt-mobile-header .mCustomScrollBox > .mCSB_scrollTools {

  right: -30px !important;

  left: auto !important;

}

.header-side-right .mCustomScrollBox > .mCSB_scrollTools {

  right: auto;

  left: 4px;

}

.mCSB_scrollTools .mCSB_draggerContainer {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  height: auto;

}

.mCSB_scrollTools a + .mCSB_draggerContainer {

  margin: 20px 0;

}

.mCSB_scrollTools .mCSB_draggerRail {

  width: 5px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

}

.mCSB_scrollTools .mCSB_dragger {

  cursor: pointer;

  width: 100%;

  height: 30px;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 5px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  text-align: center;

}

/* default scrollbar colors and backgrounds (default theme) */

.mCSB_scrollTools .mCSB_draggerRail {

  background: #000;

  /* rgba fallback */

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

  filter: "alpha(opacity=40)";

  -ms-filter: "alpha(opacity=40)";

  /* old ie */

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background: #fff;

  /* rgba fallback */

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

  filter: "alpha(opacity=75)";

  -ms-filter: "alpha(opacity=75)";

  /* old ie */

}

.masthead .mCSB_container,

.dt-mobile-header .mCSB_container {

  min-height: 100% !important;

  position: relative !important;

}

.masthead .mCSB_scrollTools,

.dt-mobile-header .mCSB_scrollTools {

  top: 0;

}

.masthead .mCSB_scrollTools .mCSB_draggerContainer,

.dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer {

  top: 10px;

  bottom: 10px;

}

/*! Mixed headers */

.mixed-header .mini-widgets {

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

}

/*! - centered logo */

.mixed-header.logo-center .mini-widgets {

  -webkit-flex: 1 1 0%;

  -moz-flex: 1 1 0%;

  -ms-flex: 1 1 0%;

  flex: 1 1 0%;

  -ms-flex-positive: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: 0%;

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.header-side-left .mixed-header.logo-center .mini-widgets {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

  text-align: right;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.header-side-right .mixed-header.logo-center .mini-widgets {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  -ms-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

}

.mixed-header .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.mixed-header.logo-center .branding {

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

}

.mixed-header.logo-center .menu-toggle {

  -webkit-flex: 1 1 0%;

  -moz-flex: 1 1 0%;

  -ms-flex: 1 1 0%;

  flex: 1 1 0%;

  -ms-flex-positive: 1;

  -ms-flex-negative: 1;

  -ms-flex-preferred-size: 0%;

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

}

.header-side-left .mixed-header.logo-center .menu-toggle {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.header-side-right .mixed-header.logo-center .menu-toggle {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

}

.overlay-navigation .mixed-header.logo-center .menu-toggle {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

/*side logo*/

.header-side-left .mixed-header.logo-left .mini-widgets {

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

}

.header-side-right .mixed-header.logo-left .mini-widgets,

.overlay-navigation .mixed-header.logo-left .mini-widgets {

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  -ms-flex-pack: flex-end;

  -ms-justify-content: flex-end;

  justify-content: flex-end;

  -ms-flex-pack: end;

}

.header-side-left .mixed-header.logo-left.full-width .mini-widgets {

  text-align: right;

}

.header-side-right .mixed-header.logo-left:not(.full-width) .mini-widgets {

  text-align: right;

}

.mixed-header.logo-left .branding {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

}

.header-side-right .mixed-header.logo-left .branding,

.overlay-navigation .mixed-header.logo-left .branding {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.header-side-left .mixed-header.logo-left .menu-toggle {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

.header-side-right .mixed-header.logo-left .menu-toggle,

.overlay-navigation .mixed-header.logo-left .menu-toggle {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

}

.masthead.mixed-header .header-bar {

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

/*if Menu icon*/

.side-header-menu-icon .branding {

  position: absolute;

  z-index: 500;

}

.header-side-left .side-header-menu-icon .branding {

  right: 0px;

}

.header-side-right .side-header-menu-icon .branding,

.overlay-navigation .side-header-menu-icon .branding {

  left: 0px;

}

.floating-logo.side-header-menu-icon .branding {

  position: fixed;

}

.mixed-header.floating-logo {

  position: fixed;

  width: 100%;

}

/*if side line*/

.mixed-header.side-header-v-stroke {

  position: fixed;

  top: 0;

  z-index: 500;

}

.header-under-side-line .mixed-header.side-header-v-stroke {

  z-index: 9600;

}

.header-side-left .boxed .mixed-header.side-header-v-stroke,

.overlay-navigation .boxed .mixed-header.side-header-v-stroke {

  left: 0;

}

.header-side-right .mixed-header.side-header-v-stroke {

  right: 0;

}

.admin-bar .mixed-header.side-header-v-stroke {

  top: 30px;

}

.header-side-right .boxed .mixed-header.side-header-v-stroke {

  margin-right: 0;

}

.mixed-header.side-header-v-stroke .header-bar {

  -webkit-flex-flow: column nowrap;

  -moz-flex-flow: column nowrap;

  -ms-flex-flow: column nowrap;

  flex-flow: column nowrap;

  -webkit-align-content: space-between;

  -moz-align-content: space-between;

  -ms-align-content: space-between;

  align-content: space-between;

  -ms-flex-pack: justify;

  min-height: 100vh;

}

.mixed-header.side-header-v-stroke .mini-widgets {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-flow: column wrap;

  -moz-flex-flow: column wrap;

  -ms-flex-flow: column wrap;

  flex-flow: column wrap;

  -webkit-order: 2;

  -moz-order: 2;

  -ms-flex-order: 2;

  order: 2;

  -webkit-flex-grow: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  -ms-flex-grow: 0;

  flex-grow: 0;

}

.mixed-header.side-header-v-stroke .branding {

  -webkit-order: 3;

  -moz-order: 3;

  -ms-flex-order: 3;

  order: 3;

  -ms-flex-positive: 1;

  -ms-flex-pack: end;

}

.mixed-header.side-header-v-stroke .menu-toggle {

  -webkit-order: 1;

  -moz-order: 1;

  -ms-flex-order: 1;

  order: 1;

}

/*Side navigation on click*/

.sticky-header.header-side-left #page {

  padding-left: 0;

}

.sticky-header.header-side-right #page {

  padding-right: 0;

}

/*Side header*/

.sticky-header.header-side-left .side-header {

  margin-left: 0;

}

.sticky-header.slide-header-animation .side-header {

  z-index: 9402;

  -webkit-transition: -webkit-transform 0.5s ease;

  transition: transform  0.5s ease;

}

.sticky-header.fade-header-animation .side-header {

  z-index: 9402;

}

/*Animation: fade*/

.sticky-header.fade-header-animation .closed-header .side-header {

  -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

  animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

}

.sticky-header.fade-header-animation .show-header .side-header {

  -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;

  animation: opacity-lat 0.8s ease 0ms 1 normal both;

}

/*Animation: slide*/

.sticky-header.header-side-left.slide-header-animation .boxed .side-header {

  left: 0;

}

.sticky-header.header-side-left.slide-header-animation .side-header {

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

  -ms-transform: translateX(-100%);

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

}

.sticky-header.header-side-left.slide-header-animation .show-header .side-header {

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

  -ms-transform: translateX(0);

  transform: translate3d(0, 0, 0);

}

.sticky-header.header-side-right.slide-header-animation .side-header {

  right: 0 !important;

  left: auto;

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

  -ms-transform: translateX(100%);

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

}

.sticky-header.header-side-right.slide-header-animation .show-header .side-header {

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

  -ms-transform: translateX(0);

  transform: translate3d(0, 0, 0);

}

/*Animation: move*/

.header-side-left.move-header-animation .side-header-menu-icon .menu-toggle {

  left: 0;

  -webkit-transition: left 0.5s;

  -ms-transition: left 0.5s;

  transition: left 0.5s;

}

.header-side-right.move-header-animation .side-header-menu-icon .menu-toggle {

  -webkit-transition: right 0.5s;

  -ms-transition: right 0.5s;

  transition: right 0.5s;

}

.show-header .side-header-menu-icon .menu-toggle {

  opacity: 0;

}

.move-header-animation .side-header {

  z-index: 9600;

}

.header-side-left.move-header-animation .side-header {

  -ms-transform: translateX(-100%);

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

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

}

.header-side-right.move-header-animation .side-header {

  -ms-transform: translateX(100%);

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

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

}

.st-effect-4.st-menu::after {

  display: none;

}

/*Background overlay*/

.sticky-header-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

.sticky-header-overlay.active {

  opacity: 1;

  visibility: visible;

  z-index: 9401;

}

/*Blur page*/

.blur-page .show-header #main-slideshow,

.blur-page .show-header .photo-scroller,

.blur-page .show-header #main,

.blur-page .show-header .page-title,

.blur-page .show-header .fancy-header,

.blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),

.blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),

.blur-page .show-header .footer,

.blur-page .show-header .floating-logo.side-header-menu-icon .branding,

.blur-page .show-header #main-slideshow,

.blur-page .show-header .photo-scroller,

.blur-page .show-header #main,

.blur-page .show-header .page-title,

.blur-page .show-header .fancy-header,

.blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),

.blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),

.blur-page .show-header .footer,

.blur-page .show-header .floating-logo.side-header-menu-icon .branding {

  filter: blur(5px);

  -webkit-filter: blur(5px);

}

/*Menu icon*/

.boxed .masthead.side-header-menu-icon:not(.side-header) {

  max-width: 100%;

}

.menu-toggle {

  position: relative;

  display: block;

  width: 50px;

  height: 50px;

  outline: 0;

  padding: 0;

  cursor: pointer;

  z-index: 500;

  -webkit-transition: margin 0.5s ease;

  transition: margin 0.5s ease;

}

.side-header-menu-icon .menu-toggle {

  position: fixed;

}

.header-side-right .side-header-menu-icon .menu-toggle,

.overlay-navigation .side-header-menu-icon .menu-toggle {

  right: 0;

}

.header-side-right .mixed-header.logo-center .menu-toggle {

  text-align: right;

}

.menu-toggle > a {

  display: none;

}

.menu-toggle .lines-button,

.hide-overlay .lines-button {

  width: 50px;

  height: 50px;

  margin-right: 0;

  text-align: center;

}

/*	.menu-toggle .lines {

				margin: 23px 0 0;

			}*/

/*overlay navigation*/

.side-header {

  /*.admin-bar.overlay-navigation & {

		top: 30px;

	}*/

}

.overlay-navigation .side-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

}

.fade-header-animation .side-header {

  opacity: 0;

  visibility: hidden;

}

.overlay-navigation .show-header .side-header {

  z-index: 9402;

}

.overlay-navigation .hide-overlay {

  position: absolute;

  top: -100%;

  right: 30px;

  z-index: 605;

  width: 50px;

  height: 50px;

  visibility: hidden;

}

.overlay-navigation .show-header .hide-overlay {

  top: 30px;

  visibility: visible;

}

.hide-overlay .lines-button {

  width: 50px;

  height: 50px;

  text-align: center;

}

/*.hide-overlay .lines {

			margin: 22px 0 0 0; 

		}*/

.overlay-navigation .closed-header .side-header {

  -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

  animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

}

.overlay-navigation .show-header .side-header {

  -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;

  animation: opacity-lat 0.8s ease 0ms 1 normal both;

}

.header-side-left .side-header .menu-toggle,

.header-side-right .side-header .menu-toggle {

  -ms-transform: translateX(0);

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.side-header .menu-toggle {

  position: absolute;

  z-index: 9600;

  opacity: 0;

}

.header-side-right .side-header .menu-toggle {

  left: 0;

}

/*Phantom sticky*/

@-webkit-keyframes opacity-lat-rev {

  0% {

    opacity: 1;

    visibility: visible;

  }

  30% {

    opacity: 0;

    visibility: hidden;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

@keyframes opacity-lat-rev {

  0% {

    opacity: 1;

    visibility: visible;

  }

  30% {

    opacity: 0;

    visibility: hidden;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

@-webkit-keyframes opacity-lat {

  0% {

    opacity: 0;

    visibility: hidden;

  }

  70% {

    opacity: 1;

    visibility: visible;

  }

  100% {

    opacity: 1;

    visibility: visible;

  }

}

@keyframes opacity-lat {

  0% {

    opacity: 0;

    visibility: hidden;

  }

  70% {

    opacity: 1;

    visibility: visible;

  }

  100% {

    opacity: 1;

    visibility: visible;

  }

}

/* #Footer

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

.footer {

  padding: 0;

  margin: 0 auto;

}

.footer.full-width-line.empty-footer {

  border: none;

}

.footer.full-width-line .wf-container-footer,

.footer.solid-bg .wf-container-footer,

.empty-footer.solid-bg .wf-container-bottom,

.empty-footer.solid-bg #bottom-bar.full-width-line,

#bottom-bar.full-width-line .wf-container-bottom,

#bottom-bar.solid-bg .wf-container-bottom {

  border-top: none;

}

.header-side-left.footer-overlap #footer,

.header-side-right.footer-overlap #footer,

.overlay-navigation.header-side-line.footer-overlap #footer {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.footer-overlap #page .page-inner {

  position: relative;

  z-index: 100;

}

.engage-opened.footer-overlap .page-inner {

  z-index: 9400;

}

.mobile-false .footer-overlap .footer {

  position: fixed;

  bottom: 0;

  width: 100%;

  z-index: 99;

  opacity: 0;

}

.wf-container-footer {

  padding-top: 50px;

}

.footer .widget {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/* Footer: end */

/* #Bottom bar

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

#bottom-bar {

  position: relative;

  z-index: 9;

  min-height: 30px;

  margin: 0 auto;

}

#bottom-bar .wf-table {

  height: 60px;

}

#bottom-bar .wf-td p {

  margin-bottom: 0;

}

.bottom-text-block {

  text-align: right;

}

#branding-bottom {

  width: 1px;

  padding: 10px 10px 10px 0;

  line-height: 0;

  font-size: 0;

}

#bottom-bar .wf-float-left {

  margin-right: 40px;

}

#bottom-bar .wf-float-left:last-of-type {

  margin-right: 0;

}

#bottom-bar .wf-float-right {

  margin-left: 40px;

  margin-right: 0;

}

#bottom-bar .sub-nav {

  top: auto;

  bottom: 100%;

}

#bottom-bar .sub-nav .sub-nav {

  bottom: 0;

}

#bottom-bar .sub-nav li:before {

  width: 200px;

  margin: 0 15px;

}

#bottom-bar a,

#bottom-bar .sub-nav a:hover {

  text-decoration: none;

}

#bottom-bar a:hover {

  text-decoration: underline;

}

#bottom-bar .menu-select {

  position: absolute;

  visibility: hidden;

  opacity: 0;

}

#bottom-bar .menu-select {

  overflow: hidden;

}

#bottom-bar .mini-nav ul {

  display: block;

}

/* #Images Styling & Hovers

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

.rollover,

.rollover-video,

.post-rollover,

.rollover-project > a {

  position: relative;

  display: block;

  line-height: 0;

  text-decoration: none;

}

.rollover:hover {

  text-decoration: none;

}

.rollover img {

  max-width: 100%;

  height: auto;

}

.rsShor .rollover-video {

  position: static;

}

.gallery-item .gallery-icon .rollover {

  display: inline-block;

}

.format-gallery .rollover {

  overflow: hidden;

}

/*rollover background*/

.rollover i,

.rollover-video i,

.post-rollover i {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.testimonial-vcard .rollover i {

  width: 60px;

  height: 60px;

}

.rollover i,

.post-rollover i,

.rollover-video i:after,

.rollover-thumbnails,

.rollover-video .video-icon,

.rollover-video i,

.rollover-content-container,

.hover-style-two .links-container,

.hover-style-one .links-container,

.hover-style-two .rollover-thumbnails,

.hover-style-one .rollover-thumbnails,

.hover-style-one .rollover-project > a:after,

.hover-style-three .rollover-project > a:after {

  -webkit-transition: all 450ms ease;

  transition: all 450ms ease;

}

/*hide default rollover when turn on description on hover*/

.description-on-hover > .wf-cell .rollover i,

.description-on-hover > .wf-cell .rollover i:after {

  visibility: hidden;

}

.description-on-hover > .wf-cell .forward-post .rollover i:after,

.description-on-hover > .wf-cell .forward-post .rollover i,

.description-on-hover > .wf-cell .description-off .rollover i,

.description-on-hover > .wf-cell .description-off .rollover i:after,

.testimonials .description-on-hover > .wf-cell .rollover i,

.testimonials .description-on-hover > .wf-cell .rollover i:after {

  visibility: visible;

}

/*rollover icon*/

.rollover i:after,

.project-list-media .rollover-video i:after {

  position: absolute;

  width: 50px;

  height: 50px;

  background-position: center center;

  background-repeat: no-repeat;

  content: "";

}

.small-hover-icons .rollover i:after,

.small-hover-icons .project-list-media .rollover-video i:after {

  top: 3px;

  right: 3px;

}

.large-hover-icons .rollover i:after,

.large-hover-icons .project-list-media .rollover-video i:after,

.small-hover-icons .testimonial-vcard .rollover i:after,

.small-hover-icons .testimonial-vcard .project-list-media .rollover-video i:after,

.small-hover-icons .comment-author .rollover i:after,

.small-hover-icons .comment-author .project-list-media .rollover-video i:after {

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.post-rollover i:after,

.vc_box_circle .rollover i:after,

.vc_box_circle i:after,

.vc_box_outline_circle i:after,

.vc_box_border_circle i:after,

.vc_box_shadow_circle i:after,

.vc_box_shadow_border_circle i:after,

.vc_box_shadow_circle i:after,

.vc_box_shadow_border_circle i:after,

.vc_box_shadow_border_circle i:after,

.small-hover-icons .round-images .rollover i:after {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  content: "";

}

.disabled-hover-icons .rollover i:after,

.disabled-hover-icons .post-rollover i:after {

  display: none;

}

#page .rollover-small i:after,

.post-rollover i:after,

.blog .dt-format-gallery.dt-gallery-container .rollover i:after,

.dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after {

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  margin: -15px 0 0 -15px;

}

/*video hover styling*/

.rollover-video .video-icon {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 99;

  background-position: center center;

  background-repeat: no-repeat;

}

.rollover-video .video-icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 80px;

  height: 80px;

  margin: -40px 0 0 -40px;

  background-color: rgba(0, 0, 0, 0.4);

  background-position: 30px center;

  background-repeat: no-repeat;

  content: "";

  border-radius: 50%;

}

/*show rollover on hover*/

.mobile-false .rollover:hover i,

.mobile-false .images-list:hover i,

.mobile-false .post-rollover:hover i,

.rollover-video:hover i {

  display: block;

  opacity: 1;

}

.rollover-video:hover .video-icon:before,

.images-list:hover .rollover-video .video-icon:before {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 1;

}

.rollover-video .video-icon:hover {

  opacity: 1;

}

/*Details rollover icon*/

.small-hover-icons .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");

}

.large-hover-icons .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");

}

.portfolio.small-hover-icons .rollover-video i:after,

.albums.small-hover-icons .rollover-video i:after,

.small-hover-icons .dt-portfolio-shortcode .rollover-video i:after,

.small-hover-icons .dt-albums-shortcode .rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");

}

.portfolio.large-hover-icons .rollover-video i:after,

.albums.large-hover-icons .rollover-video i:after,

.large-hover-icons .dt-portfolio-shortcode .rollover-video i:after,

.large-hover-icons .dt-albums-shortcode .rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");

}

.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover i:after,

.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");

}

/*Zoom rollover icon*/

.small-hover-icons .rollover-zoom i:after,

.small-hover-icons .format-photo .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");

}

.large-hover-icons .rollover-zoom i:after,

.large-hover-icons .format-photo .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");

}

/*rollover icon for small photos*/

.rollover-small i:after,

.post-rollover i:after,

.comment-author .rollover i:after,

.widget .team-media a.rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");

}

/*Video rollover icon*/

.rollover-video .video-icon:before,

.blog .format-video .rollover i:after,

.dt-blog-shortcode .format-video .rollover i:after,

.rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.small-hover-icons .rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.large-hover-icons .rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover-video i:after,

.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover-video i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.blog.small-hover-icons .format-video .rollover i:after,

.small-hover-icons .dt-blog-shortcode .format-video .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.blog.large-hover-icons .format-video .rollover i:after,

.large-hover-icons .dt-blog-shortcode .format-video .rollover i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

}

.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");

}

.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {

  background-position: center center;

  background-repeat: no-repeat;

}

/*Albums -> Show image miniatures (hover styling)*/

.rollover-thumbnails {

  position: relative;

  display: -ms-flexbox;

}

.buttons-on-img .rollover-thumbnails,

.description-under-image .rollover-thumbnails {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  margin: 0;

  z-index: 9;

}

.album-minuatures-style-1 .rollover-thumbnails {

  width: 142px;

  height: 116px;

}

.album-minuatures-style-2 .rollover-thumbnails {

  width: 170px;

  height: 70px;

}

.content-align-left-bottom.hover-style-two .rollover-thumbnails,

.hover-style-one.content-align-left .rollover-thumbnails,

.hover-style-three.content-align-left .rollover-thumbnails {

  position: absolute;

  display: block;

  top: 15px;

  right: 17px;

}

.content-align-left-top.hover-style-two .rollover-thumbnails {

  position: absolute;

  display: block;

  bottom: 14px;

  right: 17px;

}

.rollover-project .rollover-thumbnails {

  margin-top: 5px;

  margin-bottom: 5px;

  /*opacity: 1;*/

}

.effect-layla .rollover-project .rollover-thumbnails,

.effect-bubba .rollover-project .rollover-thumbnails,

.effect-sarah .rollover-project .rollover-thumbnails {

  display: inline-block;

  margin-bottom: -5px;

  margin-top: 15px;

}

.disabled-hover-icons .blog-media .rollover-thumbnails {

  display: none;

}

.mobile-false .rollover:hover .rollover-thumbnails,

.mobile-true .rollover.is-clicked .rollover-thumbnails {

  opacity: 1;

}

.rollover-thumbnails span {

  position: absolute;

  top: 0;

  left: 0;

  border: 3px solid #fff;

  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);

  box-sizing: border-box;

}

.album-minuatures-style-1 .rollover-thumbnails span {

  width: 90px;

  height: 90px !important;

}

.album-minuatures-style-2 .rollover-thumbnails span {

  width: 69px;

  height: 69px !important;

}

.rollover-thumbnails span,

.rollover-thumbnails span img {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.rollover-thumbnails .r-thumbn-1 {

  z-index: 102;

}

.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-1 {

  top: 25px;

  left: 49px;

}

.rollover-thumbnails .r-thumbn-2 {

  z-index: 100;

}

.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-2 {

  top: 0;

  left: 42px;

  width: 50px;

  height: 50px !important;

}

.album-minuatures-style-2 .rollover-thumbnails .r-thumbn-2 {

  left: 49px;

}

.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-3 {

  top: 29px;

  left: 0px;

  width: 70px;

  height: 70px !important;

  z-index: 101;

}

.album-minuatures-style-2 .rollover-thumbnails .r-thumbn-3 {

  left: 98px;

  z-index: 99;

}

.rollover-thumbnails span i {

  display: none !important;

}

.rollover.rollover-thumbnails-on i:after,

.albums .rollover.rollover-thumbnails-on i:after,

.dt-albums-shortcode .rollover.rollover-thumbnails-on i:after {

  display: none;

}

/* #Styling -> Scale

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

.mobile-false .scale-on-hover a.rollover,

.mobile-false .scale-on-hover a.post-rollover,

.mobile-false .scale-on-hover div.rollover-video,

.mobile-false .scale-on-hover .hover-style-one .rollover-project > a,

.mobile-false .scale-on-hover .buttons-on-img > a,

.mobile-false .scale-on-hover .hover-fade .rollover-project > a,

.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,

.mobile-false .scale-on-hover .testimonial-vcard a .alignleft {

  overflow: hidden;

}

.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,

.mobile-false .scale-on-hover .testimonial-vcard a .alignleft,

.mobile-false .scale-on-hover .rollover.vc_box_circle,

.mobile-false .scale-on-hover .vc_box_circle,

.mobile-false .scale-on-hover a.post-rollover,

.mobile-false .scale-on-hover .round-images .rollover {

  -webkit-backface-visibility: hidden;

  -webkit-transform: translatez(0);

}

.mobile-false .scale-on-hover a.rollover img,

.mobile-false .scale-on-hover a.post-rollover img,

.mobile-false .scale-on-hover div.rollover-video img,

.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img,

.mobile-false .scale-on-hover .buttons-on-img > a img,

.mobile-false .scale-on-hover .hover-fade .rollover-project > a img,

.mobile-false .scale-on-hover .hover-scale .rollover-project > a img {

  -webkit-transition: -webkit-transform 0.5s ease;

  transition: transform .5s ease;

}

.mobile-false .scale-on-hover a.rollover img.iso-lazy-load,

.mobile-false .scale-on-hover a.post-rollover img.iso-lazy-load,

.mobile-false .scale-on-hover div.rollover-video img.iso-lazy-load,

.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.iso-lazy-load,

.mobile-false .scale-on-hover .buttons-on-img > a img.iso-lazy-load,

.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.iso-lazy-load,

.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.iso-lazy-load,

.mobile-false .scale-on-hover a.rollover img.lazy-load,

.mobile-false .scale-on-hover a.post-rollover img.lazy-load,

.mobile-false .scale-on-hover div.rollover-video img.lazy-load,

.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.lazy-load,

.mobile-false .scale-on-hover .buttons-on-img > a img.lazy-load,

.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.lazy-load,

.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.lazy-load,

.mobile-false .scale-on-hover a.rollover img.jgrid-lazy-load,

.mobile-false .scale-on-hover a.post-rollover img.jgrid-lazy-load,

.mobile-false .scale-on-hover div.rollover-video img.jgrid-lazy-load,

.mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.jgrid-lazy-load,

.mobile-false .scale-on-hover .buttons-on-img > a img.jgrid-lazy-load,

.mobile-false .scale-on-hover .hover-fade .rollover-project > a img.jgrid-lazy-load,

.mobile-false .scale-on-hover .hover-scale .rollover-project > a img.jgrid-lazy-load {

  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.35s ease-out;

  transition: transform 0.5s ease, opacity 0.35s ease-out;

}

.mobile-false .scale-on-hover a.rollover:hover > img,

.mobile-false .scale-on-hover a.rollover:hover > div > img,

.mobile-false .scale-on-hover a.post-rollover:hover img,

.mobile-false .scale-on-hover div.rollover-video:hover img,

.mobile-false .scale-on-hover .hover-style-one .rollover-project:hover > a img,

.mobile-false .scale-on-hover .buttons-on-img:hover > a > img,

.mobile-false .scale-on-hover .hover-fade .rollover-project:hover > a img,

.mobile-false .scale-on-hover .hover-scale .rollover-project:hover > a img,

.mobile-false .scale-on-hover .testimonial-vcard a.rollover:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > img,

.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > div,

.mobile-false .is-safari.scale-on-hover .round-images a.post-rollover:hover img,

.mobile-false .is-safari.scale-on-hover .testimonial-vcard a.rollover:hover img,

.mobile-false .is-safari.scale-on-hover .comment-author a.rollover:hover > img,

.mobile-false .scale-on-hover a.rollover.vc_single_image-wrapper > img,

.mobile-false .is-safari.scale-on-hover .rollover.vc_single_image-wrapper:hover > img,

.mobile-false .scale-on-hover .hover-fade.woo-hover .rollover-project:hover > a img,

.mobile-false .scale-on-hover .woo-hover .buttons-on-img:hover > a > img {

  -webkit-transform: scale(1);

  transform: scale(1);

}

/* #Styling -> Blur

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

.blur-this {

  position: relative;

}

.mobile-false .blur-this .blur-effect,

.mobile-false .blur-this canvas,

.blur-this .blur-effect {

  position: absolute;

  left: 0;

  top: 0;

  max-width: 100%;

  width: 100% !important;

  height: 100% !important;

  opacity: 0;

  display: none;

}

.mobile-false .image-blur .rollover,

.mobile-false .image-blur .post-rollover,

.mobile-false .image-blur .rollover-project > a {

  overflow: hidden;

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

}

.mobile-false .image-blur .rollover img,

.mobile-false .image-blur .post-rollover img,

.mobile-false .image-blur .rollover-project img {

  transition: 0.5s;

  -webkit-perspective: 1000;

  -webkit-backface-visibility: hidden;

}

.mobile-false .image-blur .rollover:hover img,

.mobile-false .image-blur .post-rollover:hover img,

.mobile-false .image-blur .hover-style-one .rollover-project:hover a > img,

.mobile-false .image-blur .hover-fade .rollover-project:hover a > img,

.mobile-false .image-blur .hover-scale .rollover-project:hover a > img,

.mobile-false .image-blur .hover-grid-reverse .rollover-project:hover a > img,

.mobile-false .image-blur .hover-grid .rollover-project:hover a > img,

.mobile-false .image-blur .buttons-on-img:hover a > img,

.mobile-false .image-blur .images-list:hover .blur-this a > img {

  filter: blur(2px);

  -webkit-filter: blur(2px);

  -moz-filter: blur(2px);

  -o-filter: blur(2px);

  -ms-filter: blur(2px);

}

.images-list .blur-this .blur-effect {

  z-index: 9;

}

.images-list .blur-this i {

  z-index: 10;

}

.mobile-false .blur-this:hover .blur-effect,

.hover-style-one .rollover-project:hover .blur-effect,

.hover-fade .rollover-project:hover .blur-effect,

.hover-style-one .fs-entry:hover .blur-effect,

.hover-fade .fs-entry:hover .blur-effect,

.hover-scale .rollover-project:hover .blur-effect,

.hover-grid-reverse .rollover-project:hover .blur-effect,

.hover-grid .rollover-project:hover .blur-effect,

.buttons-on-img:hover .blur-effect,

.images-list:hover .blur-this .blur-effect,

.images-list:hover .blur-this i {

  opacity: 1;

}

.old-ie .blur-effect,

.hover-style-one .rollover:hover i,

.hover-style-three .rollover-project .blur-effect {

  display: none;

}

.mobile-false .blur-this .blur-effect,

.mobile-false .blur-this canvas,

.blur-this .blur-effect {

  -webkit-transition: opacity 300ms ease;

  transition: opacity 300ms ease;

}

/* #Styling -> Grayscale

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

.filter-grayscale .royalSlider img,

.filter-grayscale .content img,

.filter-grayscale .sidebar img,

.filter-grayscale .footer img,

.filter-grayscale .shortcode-banner,

.filter-grayscale .map-container,

.filter-grayscale iframe,

.filter-grayscale embed,

.filter-grayscale object,

.filter-grayscale-static .royalSlider img,

.filter-grayscale-static .content img,

.filter-grayscale-static .sidebar img,

.filter-grayscale-static .footer img,

.filter-grayscale-static .shortcode-banner,

.filter-grayscale-static .map-container,

.filter-grayscale-static iframe,

.filter-grayscale-static embed,

.filter-grayscale-static object {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;

  /* IE 6-9 */

  /* Make sure that it will not flicker in Desktop Safari due to usage of CSS3 animation in RoyalSlider */

}

.mobile-false .filter-grayscale .royalSlider img,

.mobile-false .filter-grayscale .content img,

.mobile-false .filter-grayscale .sidebar img,

.mobile-false .filter-grayscale .footer img,

.mobile-false .filter-grayscale .shortcode-banner,

.mobile-false .filter-grayscale .map-container,

.mobile-false .filter-grayscale iframe,

.mobile-false .filter-grayscale embed,

.mobile-false .filter-grayscale object,

.mobile-false .filter-grayscale-static .royalSlider img,

.mobile-false .filter-grayscale-static .content img,

.mobile-false .filter-grayscale-static .sidebar img,

.mobile-false .filter-grayscale-static .footer img,

.mobile-false .filter-grayscale-static .shortcode-banner,

.mobile-false .filter-grayscale-static .map-container,

.mobile-false .filter-grayscale-static iframe,

.mobile-false .filter-grayscale-static embed,

.mobile-false .filter-grayscale-static object {

  -webkit-backface-visibility: visible !important;

  -webkit-transform: inherit !important;

}

/* .filter-grayscale img:hover, */

.filter-grayscale img.filter-disable,

.filter-grayscale .filter-disable img,

.filter-grayscale img.dt-hovered,

.filter-grayscale .dt-hovered img,

.filter-grayscale .rollover:hover img,

.filter-grayscale .cs-style-3 .link:hover img,

.filter-grayscale .rollover-video:hover img,

.filter-grayscale .post-rollover:hover img,

.filter-grayscale .fs-entry:hover img,

.filter-grayscale .rsThumb:hover img,

.filter-grayscale .royalSlider:hover img,

.filter-grayscale .content img:hover,

.filter-grayscale .sidebar img:hover,

.filter-grayscale .footer img:hover,

.filter-grayscale .shortcode-banner:hover,

.filter-grayscale .content .rev_slider_wrapper:hover img,

.filter-grayscale .map-container:hover,

.filter-grayscale iframe:hover,

.filter-grayscale embed:hover,

.filter-grayscale object:hover,

.filter-grayscale .rollover-project:hover img,

.filter-grayscale .buttons-on-img:hover img,

.filter-grayscale .mfp-wrap iframe,

.filter-grayscale .mfp-wrap embed,

.filter-grayscale .mfp-wrap object,

.filter-grayscale #branding-bottom img,

.filter-grayscale-static #branding-bottom img {

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: none;

  filter: transparent;

}

/* #Hover layouts

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

.content-align-centre,

.content-align-bottom {

  text-align: center;

}

.rollover-project {

  position: relative;

  overflow: hidden;

}

.post .rollover-project.alignnone {

  margin-bottom: 0;

}

.rollover-content {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 100;

  display: none;

  width: 100%;

  height: 100%;

  padding: 10px 25px 10px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content {

  display: none;

}

.rollover-content:hover {

  cursor: pointer;

}

.mobile-false .rollover-content {

  display: block;

  opacity: 0;

}

.mobile-false .rollover-project:hover .rollover-content,

.mobile-false .buttons-on-img:hover .rollover-content {

  opacity: 1;

}

.hover-grid .rollover-content,

.mobile-false .text-on-img.hover-grid .fs-entry {

  overflow: hidden;

}

.mobile-true .rollover-content.hide-content,

.mobile-true .fs-entry i {

  display: none;

}

.mobile-true .albums .rollover-content,

.mobile-true .media .rollover-content,

.mobile-true .buttons-on-img .rollover-content {

  opacity: 0;

}

.mobile-true .is-clicked .rollover-thumbnails,

.mobile-true .is-clicked.rollover-content,

.mobile-true .is-clicked .buttons-on-img i {

  visibility: visible !important;

  opacity: 1 !important;

}

/*Always show description*/

.always-show-info .rollover-content,

.always-show-info .rollover-content-container {

  display: block;

  opacity: 1 !important;

}

.rollover-content-container {

  position: relative;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/*Show icons*/

.links-container {

  position: relative;

  line-height: 0 !important;

  font-size: 0 !important;

  text-align: center;

}

.small-portfolio-icons .buttons-on-img .links-container,

.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container,

.content-align-left-bottom.hover-style-two .links-container,

.content-align-left.hover-style-one .links-container,

.content-align-left.hover-style-three .links-container {

  position: absolute;

  display: block;

  top: 15px;

  right: 15px;

  text-align: right;

}

.small-portfolio-icons #page .effect-layla .links-container,

.small-portfolio-icons #page .effect-bubba .links-container,

.small-portfolio-icons #page .effect-sarah .links-container {

  position: relative;

  display: block;

  top: 0;

  right: auto;

  width: 100%;

  text-align: center;

}

.small-portfolio-icons #page .effect-sarah .links-container {

  text-align: left;

}

.small-portfolio-icons .buttons-on-img .links-container,

.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container {

  right: 10px;

}

.small-portfolio-icons .content-align-left-top.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container {

  top: auto;

  bottom: 15px;

}

.content-align-left-top.hover-style-two .links-container {

  position: absolute;

  display: block;

  bottom: 15px;

  right: 15px;

  text-align: right;

}

.semitransparent-portfolio-icons .buttons-on-img .links-container,

.accent-portfolio-icons .buttons-on-img .links-container,

.outlined-portfolio-icons .buttons-on-img .links-container {

  top: 50%;

  left: 50%;

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.effect-layla .links-container,

.effect-bubba .links-container,

.effect-sarah .links-container {

  margin-top: 10px;

}

.mobile-true .links-container {

  visibility: hidden;

}

.mobile-true .is-clicked .links-container,

.mobile-true .effect-layla.always-show-info .links-container,

.mobile-true .effect-bubba.always-show-info .links-container,

.mobile-true .effect-sarah.always-show-info .links-container {

  visibility: visible;

}

.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .is-clicked .links-container {

  -webkit-transition-delay: 300ms;

  transition-delay: 300ms;

}

.links-container > a {

  position: relative;

  display: inline-block;

  width: 44px;

  height: 44px;

  margin: 5px 5px;

  text-indent: -9999px;

  line-height: 0;

  font-size: 0 !important;

  background-image: none;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -webkit-transition: all 200ms ease;

  transition: all 200ms ease;

}

.effect-sarah .links-container > a {

  margin: 5px 10px 5px 0;

}

.small-portfolio-icons .links-container > a {

  width: 26px;

  height: 26px;

  margin-top: 1px;

}

.small-portfolio-icons .links-container > a:hover {

  opacity: 0.8;

}

.semitransparent-portfolio-icons .links-container > a {

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

}

.buttons-on-img .links-container > a,

.hover-style-two:not(.hover-color-static) .links-container > a {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.links-container > a:after,

.outlined-portfolio-icons .links-container > a:before {

  display: block;

  width: 100%;

  height: 100%;

  content: "";

  background-position: center center;

  background-repeat: no-repeat;

}

.outlined-portfolio-icons .links-container > a:after,

.outlined-portfolio-icons .links-container > a:before {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 1;

  -webkit-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

}

.outlined-portfolio-icons .links-container > a:before,

.outlined-portfolio-icons .links-container > a:hover:after {

  opacity: 0;

}

.outlined-portfolio-icons .links-container > a:hover:before {

  opacity: 1;

}

.outlined-portfolio-icons .links-container .project-details:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E %3Cpath id='flashlight-12' fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3C/svg%3E");

}

.outlined-portfolio-icons .links-container .project-details:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,23h-7v7h-2v-7h-7v-2h7v-7h2v7h7V23z'/%3E%3C/svg%3E");

}

.semitransparent-portfolio-icons .links-container .project-details:after,

.accent-portfolio-icons .links-container .project-details:after,

.small-portfolio-icons .links-container .project-details:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='30,21 23,21 23,14 21,14 21,21 14,21 14,23 21,23 21,30 23,30 23,23 30,23 '/%3E%3C/svg%3E");

}

.outlined-portfolio-icons .project-zoom:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.07,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E");

}

.outlined-portfolio-icons .project-zoom:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M21.007,29.99H16v0.02h-2v-7h2v4.98h5.007V29.99z M30,20.99h-2v-4.98h-5.007v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E");

}

.semitransparent-portfolio-icons .project-zoom:after,

.accent-portfolio-icons .project-zoom:after,

.small-portfolio-icons .project-zoom:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 28,16.01 28,20.99 30,20.99 30,13.99 '/%3E%3Cpolygon fill='white' points='16,23.01 14,23.01 14,30.01 16,30.01 16,29.99 21.007,29.99 21.007,27.99 16,27.99 '/%3E%3C/svg%3E");

}

.outlined-portfolio-icons .project-link:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,2c11.027,0,20,8.972,20,20c0,11.027-8.973,20-20,20S2,33.027,2,22C2,10.972,10.973,2,22,2z M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z'/%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");

}

.semitransparent-portfolio-icons .project-link:after,

.accent-portfolio-icons .project-link:after,

.small-portfolio-icons .project-link:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpolygon fill='white' points='28,28.01 16,28.01 16,16.01 19.011,16.01 19.011,14.01 16,14.01 14.011,14.01 14,14.01 14,28.01 14,30.01 16,30.01 30,30.01 30,29.999 30,28.01 30,24.999 28,24.999 '/%3E%3Cpolygon fill='white' points='28,13.99 28,14.01 22.993,14.01 22.993,16.01 26.637,16.01 20.5,22.146 21.863,23.51 28,17.374 28,20.99 30,20.99 30,13.99 '/%3E%3C/svg%3E");

}

.outlined-portfolio-icons .project-link:before {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M22,0C9.851,0,0,9.85,0,22c0,12.149,9.851,22,22,22s22-9.851,22-22C44,9.85,34.149,0,22,0z M30,28.01v1.989v0.011H16h-2v-2v-14h0.011H16h3.011v2H16v12h12v-3.011h2V28.01z M30,20.99h-2v-3.616l-6.137,6.136L20.5,22.146l6.137-6.137h-3.644v-2H28v-0.02h2V20.99z'/%3E%3C/svg%3E");

}

.links-container a > span {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: -2px;

  top: -2px;

  border: 2px solid rgba(255, 255, 255, 0.38);

  opacity: 1;

  visibility: hidden;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.mobile-false .semitransparent-portfolio-icons .links-container > a .icon-hover,

.mobile-false .accent-portfolio-icons .links-container > a .icon-hover {

  visibility: visible;

  opacity: 0;

  -ms-transform: scale(1.3);

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

  -webkit-transition-duration: .5s;

  transition-duration: .5s;

}

.cs-style-3 .rollover-content-wrap:before,

.description-under-image .links-container:before,

.description-under-image .links-container:after,

.links-container:after,

.links-container:before {

  content: "";

  display: table;

  clear: both;

}

#page .rollover-content .entry-title a {

  background: none;

}

.links-hovers-disabled .rollover-content .entry-title a:hover {

  background: none;

  -webkit-background-clip: text;

  -webkit-text-fill-color: #fff;

}

#page .rollover-content,

#page .rollover-content *,

#page .rollover-content h3.entry-title,

#page .rollover-content h3.entry-title a,

#page .post .rollover-content h4.entry-title a:hover,

#page .post .rollover-content .entry-title a:hover,

#page .rollover-content a:hover,

#page .post .rollover-content h3.entry-title a:hover,

#page .hover-style-one h2.entry-title,

#page .hover-style-two h2.entry-title,

#page .stripe .rollover-content,

#page .stripe .rollover-content *,

#page .stripe .rollover-content h3.entry-title,

#page .stripe .rollover-content h3.entry-title a,

#page .stripe .post .rollover-content h4.entry-title a:hover,

#page .stripe .post .rollover-content .entry-title a:hover,

#page .stripe .rollover-content a:hover,

#page .stripe .post .rollover-content h3.entry-title a:hover,

#page .stripe .hover-style-one h2.entry-title,

#page .stripe .hover-style-two h2.entry-title {

  color: #fff;

  -webkit-text-fill-color: #fff;

}

#page .rollover-content h3.entry-title,

#page .rollover-content .entry-title a,

#page .post .rollover-content .entry-title a:hover,

#page .hover-style-one h2.entry-title,

#page .hover-style-two h2.entry-title,

#page .hover-style-two h4.entry-title,

#page .stripe .rollover-content h3.entry-title,

#page .stripe .rollover-content .entry-title a,

#page .stripe .post .rollover-content .entry-title a:hover,

#page .stripe .hover-style-one h2.entry-title,

#page .stripe .hover-style-two h2.entry-title,

#page .stripe .hover-style-two h4.entry-title {

  background: none;

}

.hover-grid .rollover-content {

  -webkit-transition: none;

  transition: none;

}

/* #Under images

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

.buttons-on-img {

  position: relative;

  overflow: hidden;

  margin: 0 0 20px;

  text-align: center;

}

.bg-on .buttons-on-img {

  margin: 0;

}

.layout-list .buttons-on-img {

  margin: 0 30px 25px 0;

}

.layout-list .project-even .buttons-on-img {

  margin: 0 0 25px 30px;

}

.layout-list .media-wide .buttons-on-img {

  margin-right: 0;

  margin-left: 0;

}

.buttons-on-img > p,

.post .buttons-on-img .alignnone,

.description-under-image .post .buttons-on-img .alignnone {

  margin-bottom: 0;

}

.post .buttons-on-img .alignleft {

  margin: 0;

}

.buttons-on-img > .rollover-content {

  padding: 0;

}

.mobile-true .buttons-on-img > .rollover-content {

  display: block;

}

.rollover .rollover-thumbnails {

  opacity: 0;

}

.mobile-false .rollover:hover .rollover-thumbnails,

.mobile-true .rollover.is-clicked .rollover-thumbnails {

  opacity: 1;

}

/* # On colored background

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

.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content.is-clicked {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.hover-style-two .rollover-content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.content-align-bottom.hover-style-two .rollover-content {

  -webkit-align-content: flex-end;

  -moz-align-content: flex-end;

  -ms-align-content: flex-end;

  align-content: flex-end;

  -ms-flex-line-pack: end;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.content-align-centre.hover-style-two .rollover-content {

  -webkit-align-content: center;

  -moz-align-content: center;

  -ms-align-content: center;

  align-content: center;

  -ms-flex-line-pack: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  align-items: center;

  -ms-flex-align: center;

}

.content-align-left-bottom.hover-style-two .rollover-content {

  -webkit-align-content: flex-end;

  -moz-align-content: flex-end;

  -ms-align-content: flex-end;

  align-content: flex-end;

  -ms-flex-line-pack: end;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.content-align-left-top.hover-style-two .rollover-content {

  -webkit-align-content: flex-start;

  -moz-align-content: flex-start;

  -ms-align-content: flex-start;

  align-content: flex-start;

  -ms-flex-line-pack: start;

  -webkit-align-items: flex-start;

  -moz-align-items: flex-start;

  -ms-align-items: flex-start;

  -ms-flex-align: flex-start;

  align-items: flex-start;

  -ms-flex-align: start;

}

.hover-style-two .rollover-content-container {

  margin-top: 10px;

  width: 100%;

}

/* #Direction aware

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

.mobile-true .hover-grid .rollover-content,

.mobile-true .hover-grid-reverse .rollover-content,

.mobile-true .hover-scale .rollover-content {

  /*display: block !important;*/

  top: 0 !important;

  left: 0 !important;

  opacity: 0;

}

.mobile-true .hover-grid .is-clicked .rollover-content,

.mobile-true .hover-grid-reverse .is-clicked .rollover-content,

.mobile-true .hover-scale .is-clicked .rollover-content {

  opacity: 1;

}

/* #Scale In

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

.mobile-false .hover-scale .rollover-content {

  background: none;

}

.hover-scale .rollover-project:after {

  background-color: inherit;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  opacity: 0;

  content: "";

  border-radius: 50%;

  padding-bottom: 100%;

  -ms-transform: scale(0);

  -webkit-transform: scale(0);

  transform: scale(0);

  -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;

}

.hover-scale .ratio-2.rollover-project:after {

  top: -50%;

}

.hover-scale .ratio_3-2.rollover-project:after {

  top: -25%;

}

.hover-scale .ratio_4-3.rollover-project:after {

  top: -16.6666%;

}

.hover-scale .ratio_2-3.rollover-project:after {

  top: 16.6666%;

}

.hover-scale .ratio_3-4.rollover-project:after {

  top: 14.5%;

}

.mobile-false .hover-scale .rollover-project:hover:after {

  opacity: 1;

  -ms-transform: scale(1.42);

  -webkit-transform: scale(1.42);

  transform: scale(1.42);

}

.mobile-false .hover-scale .ratio_3-2.rollover-project:hover:after {

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}

.mobile-false .hover-scale .ratio_4-3.rollover-project:hover:after {

  -ms-transform: scale(1.5);

  -webkit-transform: scale(1.5);

  transform: scale(1.5);

}

.mobile-false .hover-scale .ratio_3-4.rollover-project:hover:after {

  -ms-transform: scale(2);

  -webkit-transform: scale(2);

  transform: scale(2);

}

.mobile-false .hover-scale .ratio_2-3.rollover-project:hover:after {

  -ms-transform: scale(2);

  -webkit-transform: scale(2);

  transform: scale(2);

}

.mobile-false .hover-scale .rollover-content {

  background: none !important;

  background-color: transparent;

  -ms-transform: scale(0);

  -webkit-transform: scale(0);

  transform: scale(0);

  -ms-transition: -ms-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;

  -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;

}

.mobile-false .hover-scale .rollover-project:hover .rollover-content {

  opacity: 1;

  -ms-transform: scale(1);

  -webkit-transform: scale(1);

  transform: scale(1);

}

/* #On dark gradient

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

.hover-style-one .rollover-content,

.accent-gradient .hover-style-one .rollover-content {

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), rgba(0, 0, 0, 0.1) 50%, color-stop(100%, rgba(0, 0, 0, 0.6)));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);

  /* W3C */

  background-color: transparent !important;

  color: #fff;

}

.hover-style-one .rollover-content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.content-align-centre.hover-style-one .rollover-content {

  -webkit-align-content: flex-end;

  -moz-align-content: flex-end;

  -ms-align-content: flex-end;

  align-content: flex-end;

  -ms-flex-line-pack: end;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.content-align-left.hover-style-one .rollover-content {

  -webkit-align-content: flex-end;

  -moz-align-content: flex-end;

  -ms-align-content: flex-end;

  align-content: flex-end;

  -ms-flex-line-pack: end;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.hover-style-one .rollover-project > a:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

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

  opacity: 0;

}

.mobile-false .hover-style-one .rollover-project:hover > a:after {

  opacity: 1;

}

.hover-style-one .rollover-content-container {

  margin-top: 10px;

  width: 100%;

}

.hover-style-one.always-show-info .links-container,

.hover-style-one.always-show-info .rollover-thumbnails {

  opacity: 0;

}

.hover-style-one.always-show-info .rollover-project:hover .links-container,

.hover-style-one.always-show-info .rollover-project:hover .rollover-thumbnails {

  opacity: 1;

}

/* #In the bottom

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

.cs-style-3 .rollover-project .rollover-content {

  opacity: 1;

}

.cs-style-3 .rollover-content {

  padding: 0;

}

.cs-style-3.content-align-centre .rollover-content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-content: flex-end;

  -moz-align-content: flex-end;

  -ms-align-content: flex-end;

  align-content: flex-end;

  -ms-flex-line-pack: end;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  -ms-align-items: flex-end;

  -ms-flex-align: flex-end;

  align-items: flex-end;

  -ms-flex-align: end;

}

.cs-style-3 .rollover-project > a {

  position: relative;

  display: block;

  -webkit-transition: -webkit-transform 0.4s;

  transition: transform 0.4s;

}

.mobile-false .cs-style-3 .rollover-project:hover > a {

  -ms-transform: translateY(-20px);

  -webkit-transform: translateY(-20px);

  transform: translateY(-20px);

}

.hover-style-three .rollover-project > a:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

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

  opacity: 0;

}

.mobile-false .hover-style-three .rollover-project:hover > a:after,

.mobile-true .hover-style-three .rollover-project.is-clicked > a:after {

  opacity: 1;

}

.mobile-false .scale-on-hover .hover-style-three a.rollover:hover > img {

  -webkit-transform: none;

  transform: none;

}

.cs-style-3.content-align-left .rollover-content-container {

  position: absolute;

  bottom: 0;

}

.cs-style-3 .rollover-content-container {

  width: 100%;

  padding: 15px 20px 5px;

  background-color: #1e1e1e;

}

.mobile-false .cs-style-3 .rollover-content-container {

  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;

  transition: transform 0.4s, opacity 0.1s 0.3s;

  -ms-transform: translateY(100%);

  -webkit-transform: translateY(100%);

  transform: translateY(100%);

}

.cs-style-3 .rollover-project:hover .rollover-content-container,

.mobile-false .cs-style-3 .fs-entry:hover .rollover-content-container,

.mobile-true .cs-style-3 .is-clicked .rollover-content-container,

.mobile-true .cs-style-3 .fs-entry .rollover-content-container {

  opacity: 1;

  -ms-transform: translateY(0px);

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

  -ms-transition: -ms-transform 0.4s, opacity 0.1s;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;

  transition: transform 0.4s, opacity 0.1s;

}

.mobile-true .cs-style-3 .is-clicked .rollover-content {

  display: block;

}

.mobile-true .cs-style-3.content-align-centre .rollover-content {

  display: none;

}

.cs-style-3.content-align-centre .rollover-content.is-clicked {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

}

.cs-style-3 .rollover-thumbnails {

  opacity: 0;

  margin-bottom: 20px;

}

.mobile-false .cs-style-3 .links-container {

  opacity: 0;

}

.cs-style-3 .links-container {

  margin-bottom: 15px;

}

.mobile-false .cs-style-3 .rollover-project:hover .links-container,

.mobile-false .cs-style-3 .rollover-project:hover .rollover-thumbnails,

.mobile-false .cs-style-3 .fs-entry:hover .links-container {

  opacity: 1;

}

.mobile-false .cs-style-3 .links-container,

.cs-style-3 .rollover-project .rollover-thumbnails {

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.mobile-true .cs-style-3 .links-container {

  -webkit-transition: opacity 0.1s 0.3s;

  transition: opacity 0.1s 0.3s;

}

.cs-style-3 .rollover-content * {

  color: #fff !important;

  -webkit-text-fill-color: #fff !important;

}

.accent-gradient .cs-style-3 .rollover-content .entry-title a {

  -webkit-backface-visibility: hidden;

  background-image: none;

}

/* #Background & animated lines

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

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

/***** Layla *****/

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

.mobile-false .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {

  position: absolute;

  left: 0;

  top: 50%;

  width: calc(100% + 40px);

  max-width: calc(100% + 40px);

}

.filter-grayscale .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img,

.filter-grayscale-static .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {

  top: 0;

  width: 100%;

  max-width: 100%;

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

  transform: translate3d(0, 0, 0);

}

.effect-layla .rollover-content {

  display: block;

  padding: 35px 45px;

  opacity: 1;

  text-align: center;

}

.effect-layla .rollover-content:hover {

  padding: 35px 45px;

}

.effect-layla .rollover-content:before,

.effect-layla .rollover-content:after {

  position: absolute;

  content: '';

  opacity: 0;

}

.effect-layla .rollover-content:before {

  top: 25px;

  right: 15px;

  bottom: 25px;

  left: 15px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

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

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

  transform: scale(0, 1);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}

.effect-layla .rollover-content:after {

  top: 15px;

  right: 25px;

  bottom: 15px;

  left: 25px;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

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

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

  transform: scale(1, 0);

  -ms-transform-origin: 100% 0;

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

.effect-layla .entry-title,

.effect-layla .links-container,

.effect-layla .rollover-thumbnails {

  -ms-transition: -ms-transform 0.35s;

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

  transition: transform 0.35s;

}

.effect-layla:not(.always-show-info) .entry-title,

.effect-layla:not(.always-show-info) .links-container,

.effect-layla:not(.always-show-info) .rollover-thumbnails {

  opacity: 0;

  -ms-transition: -ms-transform 0.35s, opacity 0.35s;

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

  transition: transform 0.35s, opacity 0.35s;

}

.effect-layla p,

.effect-layla .entry-meta {

  opacity: 0;

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

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

}

.effect-layla .entry-title,

.effect-layla .links-container,

.effect-layla .rollover-thumbnails {

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

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

}

.always-show-info.effect-layla .entry-title,

.always-show-info.effect-layla .links-container,

.always-show-info.effect-layla .rollover-thumbnails {

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

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

}

.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project > a > img {

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

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

}

.effect-layla .rollover-project > a > img,

.effect-layla .rollover-content:before,

.effect-layla .rollover-content:after,

.effect-layla p,

.effect-layla .entry-meta {

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

  transition: opacity 0.35s, transform 0.35s;

}

.effect-layla .links-container,

.effect-layla .entry-meta {

  position: relative;

  z-index: 10;

}

.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img {

  -webkit-transform: translate3d(-20px, calc(-50% + 10px), 0);

  transform: translate3d(-20px, calc(-50% + 10px), 0);

}

.mobile-true .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img,

.mobile-true .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img,

.mobile-true .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {

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

  transform: translate3d(0, 0, 0);

}

.mobile-false .effect-layla.hover-color-static .rollover-project:hover > a > img,

.mobile-true .effect-layla.hover-color-static .rollover-project.is-clicked > a > img {

  opacity: 0.3;

}

.mobile-false.mobile-false .effect-layla .rollover-project:hover figcaption::before,

.mobile-false.mobile-false .effect-layla .rollover-project:hover figcaption::after,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked figcaption::before,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked figcaption::after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-title,

.mobile-false.mobile-false .effect-layla .rollover-project:hover p,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-meta,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .links-container,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked p,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .links-container,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails {

  opacity: 1;

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

  transform: translate3d(0, 0, 0);

}

.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-content:after,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-title,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .links-container,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,

.mobile-false.mobile-false .effect-layla .rollover-project:hover p,

.mobile-false.mobile-false .effect-layla .rollover-project:hover a > img,

.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-meta,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-content:after,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .links-container,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked p,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked a > img,

.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}

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

/***** Bubba *****/

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

.effect-bubba .rollover-project > a > img {

  -webkit-transition: opacity 0.35s;

  transition: opacity 0.35s;

}

.mobile-false .effect-bubba.hover-color-static .rollover-project:hover > a > img,

.mobile-true .effect-bubba.hover-color-static .rollover-project.is-clicked > a > img,

.mobile-false.effect-bubba.hover-color-static .rollover-project:hover > a > .blur-effect {

  opacity: 0.3;

}

.effect-bubba .rollover-content {

  display: block;

  padding: 35px 45px;

  text-align: center;

  opacity: 1;

}

.effect-bubba .rollover-content:before,

.effect-bubba .rollover-content:after {

  position: absolute;

  top: 25px;

  right: 25px;

  bottom: 25px;

  left: 25px;

  content: '';

  opacity: 0;

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

  transition: opacity 0.35s, transform 0.35s;

}

.effect-bubba .rollover-content:before {

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

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

  transform: scale(0, 1);

}

.effect-bubba .rollover-content:after {

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

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

  transform: scale(1, 0);

}

.effect-bubba:not(.always-show-info) .rollover-content .entry-title,

.effect-bubba:not(.always-show-info) .rollover-content .links-container,

.effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails {

  opacity: 0;

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

  transition: transform 0.35s, opacity 0.35s;

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

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

}

.effect-bubba .rollover-content p,

.effect-bubba .rollover-content .entry-meta {

  opacity: 0;

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

  transition: opacity 0.35s, transform 0.35s;

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

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

}

.effect-bubba .links-container,

.effect-bubba .entry-meta {

  position: relative;

  z-index: 10;

}

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:before,

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:after,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:before,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-title,

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .links-container,

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-thumbnails,

.mobile-false.mobile-false .effect-bubba .rollover-project:hover p,

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-meta,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-title,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .links-container,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-thumbnails,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked p,

.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-meta {

  opacity: 1;

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

  transform: translate3d(0, 0, 0);

}

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

/***** Sarah *****/

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

.mobile-false .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {

  position: absolute;

  top: 50%;

  left: 0;

  width: calc(100% + 20px);

  max-width: calc(100% + 20px);

}

.filter-grayscale .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img,

.filter-grayscale-static .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {

  top: 0;

  width: 100%;

  max-width: 100%;

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

  transform: translate3d(0, 0, 0);

}

.effect-sarah .rollover-project > a > img {

  max-width: none;

  width: -webkit-calc(100% + 20px);

  width: calc(100% + 20px);

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

  transition: opacity 0.35s, transform 0.35s;

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

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

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.jg-container.effect-sarah .rollover-project > a > img,

.slider-wrapper.effect-sarah .rollover-project > a > img,

.mobile-true .effect-sarah .rollover-project > a > img {

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

  transform: translate3d(0, 0, 0);

}

.slider-wrapper.effect-sarah .rollover-project > a > img {

  width: 100%;

}

.mobile-false.mobile-false .effect-sarah.hover-color-static .rollover-project:hover > a > img,

.mobile-true.mobile-true .effect-sarah.hover-color-static .rollover-project.is-clicked > a > img {

  opacity: 0.3;

}

.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img,

.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {

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

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

}

.effect-sarah .rollover-content {

  display: block;

  padding: 25px 40px;

  text-align: left;

  opacity: 1;

}

.effect-sarah .rollover-content .links-container {

  text-align: left;

}

.effect-sarah:not(.always-show-info) .rollover-content .entry-title,

.effect-sarah:not(.always-show-info) .rollover-content .links-container,

.effect-sarah:not(.always-show-info) .rollover-content .rollover-thumbnails {

  opacity: 0;

  -webkit-transition: opacity 0.35s;

  transition: opacity 0.35s;

}

.effect-sarah .rollover-content .entry-title {

  position: relative;

  overflow: hidden;

  padding: 0 0 15px;

  margin-bottom: 15px;

}

.effect-sarah .rollover-content .entry-title:after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background: #fff;

  content: '';

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

  transition: transform 0.35s;

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

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

}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title {

  opacity: 1;

}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title:after,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title:after {

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

  transform: translate3d(0, 0, 0);

}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .links-container,

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .rollover-thumbnails,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .links-container,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .rollover-thumbnails {

  opacity: 1;

}

.effect-sarah .rollover-content p,

.effect-sarah .rollover-content .entry-meta {

  opacity: 0;

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

  transition: opacity 0.35s, transform 0.35s;

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

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

}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover p,

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-meta,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked p,

.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-meta {

  opacity: 1;

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

  transform: translate3d(0, 0, 0);

}

/* #Beautiful loading

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

body #load {

  display: block;

  height: 100%;

  overflow: hidden;

  position: fixed;

  width: 100%;

  z-index: 9901;

}

/* #Double circles

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

.load-wrap {

  width: 100%;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  text-align: center;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-flow: column wrap;

  -moz-flex-flow: column wrap;

  -ms-flex-flow: column wrap;

  flex-flow: column wrap;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-flex-pack: center;

  -ms-justify-content: center;

  justify-content: center;

}

.load-wrap > svg {

  position: absolute;

  top: 50%;

  left: 50%;

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

/* #Photo scroller

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

.photo-scroller {

  position: relative;

  visibility: hidden;

  overflow: hidden;

  -webkit-transform: translatez(0);

  transform: translatez(0);

}

.photo-scroller.full-screen {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999;

}

.photo-scroller:-webkit-full-screen {

  width: 100%;

  height: 100%;

}

.ts-wrap {

  position: relative;

  display: block;

}

.photo-scroller .ts-wrap {

  overflow: hidden;

}

/*Overlay*/

.show-overlay .ts-centered:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  content: "";

  background: url(../images/mask.png) 0 0 repeat;

}

.show-overlay .ts-centered.hide-slider-overlay:before {

  display: none;

}

.ts-viewport {

  overflow: hidden;

  height: 0;

  -webkit-transform: translatez(0);

  transform: translatez(0);

  -webkit-transition: height 150ms;

  transition: height 150ms;

}

.photo-scroller .ts-viewport {

  position: absolute;

  width: 100%;

  margin: 0 auto;

  -webkit-transition: height 350ms;

  transition: height 350ms;

  -webkit-transform: translatez(0);

  transform: translatez(0);

}

.photo-scroller .ts-ready .ts-viewport {

  position: static;

}

.photo-scroller .ts-wrap.ts-centered .ts-viewport {

  width: 0;

  overflow: visible;

}

.ts-cont,

.content .ts-cont {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  list-style: none;

}

.ts-cell {

  position: absolute;

  top: 0;

  display: block;

}

.photo-scroller .ts-slide,

.photo-scroller .ts-cell {

  position: absolute;

  display: table-cell;

  vertical-align: middle;

  top: 0;

  overflow: hidden;

  text-align: center;

}

.photo-scroller .ts-slide {

  width: 100%;

  height: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.photo-scroller .ts-autoHeight .ts-slide {

  height: auto;

}

.photo-scroller .ts-slide-img {

  position: absolute;

  top: -50%;

  left: -50%;

  width: 200%;

  height: 200%;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

#page .photo-scroller .ts-slide.act .ts-slide-img,

#page .photo-scroller .ts-cell.act .ts-slide-img,

#page .photo-scroller .act .video-icon,

#page .photo-scroller .act .ps-link {

  opacity: 1 !important;

}

.photo-scroller .ts-cell .ts-slide-img {

  position: relative;

  -webkit-backface-visibility: hidden;

}

.photo-scroller .ts-cell .ts-slide-img > img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}

.ts-slide > img,

.ts-cell > img {

  max-width: 100%;

}

.photo-scroller .ts-slide img,

.photo-scroller .ts-cell img {

  opacity: 0;

  -webkit-transition: opacity 1350ms;

  transition: opacity 1350ms;

}

.photo-scroller .ts-slide > img,

.photo-scroller .ts-cell > img {

  max-width: 100%;

  max-height: 100%;

  height: auto;

}

.photo-scroller .ts-slide.ts-loaded img,

.photo-scroller .ts-cell.ts-loaded img {

  opacity: 1;

}

.ts-ls-fit .ts-wide.ts-ls img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-ls-fit .ts-narrow.ts-ls img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-pt-fit .ts-wide.ts-pt img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-pt-fit .ts-narrow.ts-pt img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-pt-fill .ts-wide.ts-pt img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-pt-fill .ts-narrow.ts-pt img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-ls-fill .ts-wide.ts-ls img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-ls-fill .ts-narrow.ts-ls img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-collapsed.ts-ls-mob-fit .ts-wide.ts-ls img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-collapsed.ts-ls-mob-fit .ts-narrow.ts-ls img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-collapsed.ts-pt-mob-fit .ts-wide.ts-pt img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-collapsed.ts-pt-mob-fit .ts-narrow.ts-pt img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-collapsed.ts-pt-mob-fill .ts-wide.ts-pt img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-collapsed.ts-pt-mob-fill .ts-narrow.ts-pt img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.ts-collapsed.ts-ls-mob-fill .ts-wide.ts-ls img {

  width: 50%;

  max-width: 50%;

  height: auto;

  max-height: none;

}

.ts-collapsed.ts-ls-mob-fill .ts-narrow.ts-ls img {

  width: auto;

  max-width: none;

  height: 50%;

  max-height: 50%;

}

.photo-scroller .ts-slide figcaption {

  visibility: hidden;

}

.photoSlider .video-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 80px;

  height: 80px;

  margin-left: -40px;

  margin-top: -40px;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.4);

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: 30px center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.photo-scroller .ps-link {

  opacity: 0;

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.ps-center-btn {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 91px;

  height: 91px;

  margin: -45px 0 0 -45px;

}

.ps-center-btn.BtnCenterer {

  width: 200px;

  margin: -45px 0 0 -100px;

}

.photoSlider .ps-center-btn.BtnCenterer .video-icon,

.photoSlider .ps-center-btn.BtnCenterer .ps-link {

  position: relative;

  top: 0;

  left: 0;

  display: inline-block;

  margin: 0 5px;

}

#page .photo-scroller .photoSlider .video-icon:hover,

#page .photo-scroller .act .ps-link:hover {

  background-color: rgba(0, 0, 0, 0.4);

  opacity: 0.7 !important;

}

/*!Scroller navigation*/

.btn-cntr,

.project-navigation,

.photo-scroller .slide-caption,

.photo-scroller .scroller-thumbnails {

  position: absolute;

  z-index: 99;

}

.btn-cntr,

.photo-scroller .slide-caption,

.photo-scroller .scroller-thumbnails {

  -webkit-transition: bottom .5s ease;

  transition: bottom .5s ease;

}

.btn-cntr a,

.project-navigation,

.photo-scroller .scroller-thumbnails,

.photo-scroller .album-content-btn > a,

#page .photo-scroller .album-content-btn > a:hover {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.4);

}

.mobile-false .project-navigation a:hover,

.mobile-false .btn-cntr a:hover {

  opacity: 0.7;

}

.slider-post-caption .album-content-btn a:hover {

  opacity: 1;

}

.btn-cntr {

  position: absolute;

  z-index: 100;

  right: 10px;

  bottom: 100px;

}

.photo-scroller.hide-thumbs .btn-cntr,

.photo-scroller.disable-thumbs .btn-cntr {

  bottom: 5px !important;

}

.btn-cntr a {

  float: left;

  width: 36px;

  height: 36px;

  margin: 0 0 5px 5px;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

/*Thumbnails*/

.scroller-thumbnails {

  bottom: 0;

  width: 100%;

}

.photo-scroller.disable-thumbs .scroller-thumbnails,

.photo-scroller.disable-thumbs .hide-thumb-btn {

  display: none;

}

.photo-scroller.hide-thumbs .scroller-thumbnails {

  bottom: -100px;

}

.photo-scroller .scroller-thumbnails .ts-cell {

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 3px solid transparent;

  border-right: 2px solid transparent;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.photo-scroller .scroller-thumbnails .ts-thumb-img {

  position: absolute;

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.photo-scroller .scroller-thumbnails .ts-cell:not(.act) .ts-thumb-img:hover {

  cursor: pointer;

}

.photo-scroller .scroller-thumbnails .ts-thumb-img:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  opacity: 0;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.photo-scroller .scroller-thumbnails .ts-thumb-img:hover:after,

.photo-scroller .scroller-thumbnails .act .ts-thumb-img:after {

  opacity: 1;

}

.photo-scroller .scroller-thumbnails .act .ts-thumb-img:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath d='M11,1C5.477,1,1,5.477,1,11c0,5.522,4.477,10,10,10c5.523,0,10-4.478,10-10C21,5.477,16.523,1,11,1z M9.299,16.387L4.574,11.66l2.012-2.012l2.713,2.714l6.263-6.263l2.013,2.011L9.299,16.387z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center center;

}

.photo-scroller.proportional-thumbs .scroller-thumbnails .ts-cell .ts-thumb-img > img {

  width: auto;

  height: 100%;

  max-width: 100%;

  max-height: 100%;

}

/*navigation between albums*/

.project-navigation {

  top: 10px;

  right: 10px;

  height: 36px;

  padding: 6px 5px 7px;

  box-sizing: border-box;

}

.project-post .project-navigation {

  overflow: hidden;

}

.full-screen .project-navigation {

  display: none;

}

.project-navigation * {

  color: #fff;

}

.project-navigation span {

  float: left;

  padding: 0 5px;

}

.project-navigation a {

  float: left;

  width: 12px;

  height: 12px;

  padding: 5px;

  margin: 0;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

/*album caption*/

.photo-scroller .slide-caption {

  z-index: 100;

  bottom: 130px;

  left: 10px;

  width: 100%;

  max-width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.photo-scroller.disable-thumbs .slide-caption {

  bottom: 5px !important;

}

.hide-thumbs.photo-scroller .slide-caption,

.photo-scroller.disable-thumbs .slide-caption {

  bottom: 30px;

}

.photo-scroller .slide-caption * {

  color: #fff;

}

.photo-scroller figcaption {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity .4s;

  /* For Safari 3.1 to 6.0 */

  -moz-transition: opacity .4s;

  transition: opacity .4s;

}

.photo-scroller .slide-caption figcaption.actCaption {

  opacity: 1;

  visibility: visible;

}

.photo-scroller .album-content-btn {

  position: absolute;

  left: 0;

  bottom: 0;

}

.album-content-description {

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -200px;

  width: 400px;

  text-align: center;

  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

}

.photo-scroller .slide-caption h4 {

  margin-bottom: 0;

}

/*Share and Link*/

.album-share-overlay {

  position: relative;

}

.album-share-overlay,

.photo-scroller .btn-project-link,

.album-share-overlay .share-button.entry-share {

  float: left;

  width: 32px;

  height: 32px;

  padding: 0;

  margin: 0 5px 5px 0;

}

.photo-scroller .btn-project-link,

.album-share-overlay .share-button.entry-share {

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.photo-scroller .btn-project-link:hover,

.album-share-overlay .share-button.entry-share:hover {

  opacity: 0.7;

  background-color: rgba(0, 0, 0, 0.4);

}

.photo-scroller .album-share-overlay .share-button.entry-share {

  width: 36px;

  height: 36px;

  background-color: rgba(0, 0, 0, 0.4);

}

.photo-scroller .album-share-overlay .share-button.entry-share:hover {

  opacity: 0.7;

  background-color: rgba(0, 0, 0, 0.4);

}

.album-share-overlay .share-button.entry-share {

  text-indent: -9999px;

}

.album-share-overlay .share-button.entry-share {

  margin: 0;

  background-position: center center;

}

.album-share-overlay .soc-ico {

  position: absolute;

  z-index: 999;

  visibility: hidden;

  overflow: visible;

  opacity: 0;

  left: 0;

  bottom: 46px;

  width: 36px;

  background-color: #fff;

}

.album-share-overlay .soc-ico:after {

  position: absolute;

  left: 50%;

  margin-left: -5px;

  bottom: -5px;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid white;

  content: "";

}

.album-share-overlay .soc-ico a {

  display: none;

  width: 100%;

  margin: 5px auto;

  background: none !important;

}

#page .album-share-overlay .soc-ico a {

  box-shadow: none;

}

.album-share-overlay .soc-ico a:hover {

  background: none !important;

  opacity: 0.6;

}

.album-share-overlay .soc-ico a:before,

.album-share-overlay .soc-ico a:after {

  display: none;

}

#page .album-share-overlay .soc-ico a .icon,

#page .album-share-overlay .soc-ico a:hover .icon {

  fill: #000;

}

/*!Navigation svg bg*/

.full-screen-btn {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='11.042' r='2'/%3E%3Cpolygon points='21,1 19.011,1 14,1 14,3 19.011,3 19.011,8 21.011,8 21.011,1 '/%3E%3Cpolygon points='3,14 1,14 1,19.034 1,21 1,21.034 8,21.034 8,19.034 3,19.034 '/%3E%3C/svg%3E");

}

.full-screen-btn.act {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='11.042' r='2'/%3E%3Cpolygon points='17.011,5 17.011,0 15.011,0 15.011,5 15,5 15,7 15.011,7 17.011,7 22,7 22,5 '/%3E%3Cpolygon points='0,15 0,17 5,17 5,22 7,22 7,17 7,15 5,15 '/%3E%3C/svg%3E");

}

.auto-play-btn {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath fill='none' d='M11,1.7c-5.128,0-9.3,4.172-9.3,9.3s4.171,9.3,9.3,9.3c5.128,0,9.3-4.172,9.3-9.3S16.128,1.7,11,1.7z M8,15V7l7.938,3.896L8,15z'/%3E%3Cpath d='M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z M11,20.3c-5.129,0-9.3-4.172-9.3-9.3S5.872,1.7,11,1.7s9.3,4.172,9.3,9.3S16.128,20.3,11,20.3z'/%3E%3Cpolygon points='8,15 15.938,10.896 8,7 '/%3E%3C/svg%3E");

}

.auto-play-btn.paused {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Cpath d='M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z M11,20.3c-5.129,0-9.3-4.172-9.3-9.3c0-5.127,4.172-9.3,9.3-9.3c5.128,0,9.3,4.173,9.3,9.3C20.3,16.128,16.128,20.3,11,20.3z'/%3E%3Crect x='8' y='7' width='2' height='8'/%3E%3Crect x='12' y='7' width='2' height='8'/%3E%3C/svg%3E");

}

.hide-thumb-btn {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='19' r='2'/%3E%3Ccircle cx='18.041' cy='19' r='2'/%3E%3Ccircle cx='4.041' cy='19' r='2'/%3E%3Cpolygon points='11.004,5.45 7.469,1.913 6.055,3.327 9.59,6.864 9.582,6.873 10.996,8.286 11.398,7.884 12.418,6.865 12.417,6.865 15.945,3.336 14.531,1.922 '/%3E%3C/svg%3E");

}

.hide-thumb-btn.act {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' fill='white' xml:space='preserve'%3E%3Ccircle cx='11.042' cy='19' r='2'/%3E%3Ccircle cx='18.041' cy='19' r='2'/%3E%3Ccircle cx='4.041' cy='19' r='2'/%3E%3Cpolygon points='12.418,3.136 11.003,1.723 10.995,1.714 9.581,3.128 9.589,3.136 6.055,6.673 7.47,8.086 11.003,4.551 14.531,8.078 15.945,6.664 12.417,3.136 '/%3E%3C/svg%3E");

}

.project-navigation .prev-post {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' xml:space='preserve'%3E%3Cpolygon fill='white' points='8.088,9.529 4.551,5.997 8.078,2.47 6.664,1.055 1.713,6.005 3.128,7.42 3.134,7.414 6.672,10.946 '/%3E%3C/svg%3E");

}

.project-navigation .next-post {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' xml:space='preserve'%3E%3Cpolygon fill='white' points='10.286,6.006 10.279,5.999 10.279,5.999 8.865,4.583 8.864,4.584 5.335,1.055 3.921,2.47 7.449,5.998 3.913,9.529 5.326,10.943 8.863,7.412 8.871,7.42 '/%3E%3C/svg%3E");

  margin-right: -3px;

}

.project-navigation .back-to-list,

.project-navigation .back-to-list:hover {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12' enable-background='new 0 0 12 12' fill='white' xml:space='preserve'%3E%3Cpath d='M3,1C1.896,1,1,1.896,1,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,1.896,4.104,1,3,1z'/%3E%3Cpath d='M3,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,8.896,4.104,8,3,8z'/%3E%3Cpath d='M10,1C8.896,1,8,1.896,8,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,1.896,11.104,1,10,1z'/%3E%3Cpath d='M10,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,8.896,11.104,8,10,8z'/%3E%3C/svg%3E");

}

.photo-scroller .btn-project-link {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M11.797,3.106c0.552,0.553,0.552,1.453,0,2.004l-5.07,5.074c0.945,0.249,1.991,0.016,2.73-0.725l3.344-3.345c1.109-1.108,1.109-2.904,0-4.012L12.049,1.35c-1.109-1.107-2.904-1.107-4.012,0L4.692,4.693C3.952,5.433,3.719,6.479,3.97,7.424l5.071-5.071c0.553-0.553,1.452-0.553,2.005,0L11.797,3.106z M11.307,11.309c0.741-0.742,0.974-1.789,0.724-2.733l-5.069,5.073c-0.554,0.553-1.453,0.553-2.004,0l-0.754-0.753%09c-0.553-0.552-0.553-1.452,0-2.008l5.072-5.069c-0.946-0.25-1.992-0.017-2.731,0.724L3.198,9.884c-1.107,1.109-1.107,2.904,0,4.013l0.752,0.753c1.108,1.108,2.904,1.108,4.012,0L11.307,11.309z'/%3E%3C/svg%3E");

}

/*!Prev-Next Navigation*/

.scroller-arrow {

  position: absolute;

  z-index: 99;

  top: 50%;

  margin-top: -20px;

  width: 50px;

  height: 50px;

  cursor: pointer;

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

  transform: translate3d(0, 0, 0);

}

.scroller-arrow.prev {

  left: 10px;

}

.scroller-arrow.next {

  right: 10px;

}

.scroller-arrow i {

  position: absolute;

  top: 40%;

  left: 0;

  width: 38px;

  height: 3px;

  border-radius: 2.5px;

  background: #fff;

  -webkit-transition: all 0.15s ease;

  transition: all 0.15s ease;

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

}

.scroller-arrow.next i {

  left: auto;

  right: 0;

}

.scroller-arrow.prev i {

  -webkit-transform-origin: 0% 50%;

  transform-origin: 0% 50%;

}

.scroller-arrow.prev i:first-child {

  -webkit-transform: translate(0, -1px) rotate(43deg);

  transform: translate(0, -1px) rotate(43deg);

}

.scroller-arrow.prev i:last-child,

.scroller-arrow.next i:first-child {

  -webkit-transform: translate(0, 1px) rotate(-43deg);

  transform: translate(0, 1px) rotate(-43deg);

}

.scroller-arrow.prev:hover i:first-child {

  -webkit-transform: translate(0, -1px) rotate(33deg);

  transform: translate(0, -1px) rotate(33deg);

}

.scroller-arrow.prev:hover i:last-child {

  -webkit-transform: translate(0, 1px) rotate(-33deg);

  transform: translate(0, 1px) rotate(-33deg);

}

.scroller-arrow.prev.disabled i:first-child,

.scroller-arrow.prev.disabled i:last-child,

.scroller-arrow.prev.disabled:hover i:first-child,

.scroller-arrow.prev.disabled:hover i:last-child {

  -webkit-transform: translate(-5px, 0) rotate(0deg);

  transform: translate(-5px, 0) rotate(0deg);

}

.scroller-arrow.next i {

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

}

.scroller-arrow.next i:first-child {

  -webkit-transform: translate(0, 1px) rotate(43deg);

  transform: translate(0, 1px) rotate(43deg);

}

.scroller-arrow.next i:last-child {

  -webkit-transform: translate(0, -1px) rotate(-43deg);

  transform: translate(0, -1px) rotate(-43deg);

}

.scroller-arrow.next:hover i:first-child {

  -webkit-transform: translate(0, 1px) rotate(33deg);

  transform: translate(0, 1px) rotate(33deg);

}

.scroller-arrow.next:hover i:last-child {

  -webkit-transform: translate(0, -1px) rotate(-33deg);

  transform: translate(0, -1px) rotate(-33deg);

}

.scroller-arrow.next.disabled i:first-child,

.scroller-arrow.next.disabled i:last-child,

.scroller-arrow.next.disabled:hover i:first-child,

.scroller-arrow.next.disabled:hover i:last-child {

  -webkit-transform: translate(5px, 0) rotate(0deg);

  transform: translate(5px, 0) rotate(0deg);

}

.scroller-arrow.disabled {

  opacity: 0.3;

  cursor: default;

}

/* #Masonry

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

.iso-item,

.iso-grid .wf-cell,

.blog.layout-grid .wf-container.description-under-image .wf-cell,

.grid-masonry .wf-cell,

.shortcode-blog-posts .wf-cell {

  opacity: 0;

}

.no-cssanimations .iso-item,

.no-cssanimations .iso-grid .wf-cell,

.no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell,

.no-cssanimations .grid-masonry .wf-cell,

.no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell,

.no-cssanimations #main .jg-container .wf-cell {

  opacity: 1;

}

.mobile-false .iso-grid .wf-cell,

.mobile-false .iso-container .wf-cell {

  float: left;

}

.iso-item {

  width: 100%;

}

.slider-masonry {

  width: 100% !important;

}

.dt-isotope .wf-cell.animate-position {

  -webkit-transition: top 0.65s ease-out, left 0.65s ease-out;

  transition: top 0.65s ease-out, left 0.65s ease-out;

}

.layzr-bg {

  background-position: center center;

  background-repeat: no-repeat;

}

.layzr-bg.post-rollover,

.layzr-bg.rollover-small {

  background-size: auto 30%;

}

.layzr-loading-on .iso-lazy-load {

  opacity: 0;

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

  transition: opacity 0.35s ease-out;

}

.layzr-loading-on .iso-layzr-loaded {

  opacity: 1;

}

/* None Effect: opacity */

.loading-effect-none .wf-cell.shown:not(.isotope-hidden),

.mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden),

.mobile-true .wf-cell.shown:not(.isotope-hidden) {

  -webkit-animation: dt_fadeIn 0.4s ease forwards;

  animation: dt_fadeIn 0.4s ease forwards;

}

/* Effect 1: opacity */

.mobile-false .loading-effect-fade-in .wf-cell.start-animation,

.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden) {

  -webkit-animation: dt_fadeIn 0.7s ease forwards;

  animation: dt_fadeIn 0.7s ease forwards;

}

@-webkit-keyframes dt_fadeIn {

  to {

    opacity: 1;

  }

}

@-moz-keyframes dt_fadeIn {

  to {

    opacity: 1;

  }

}

@keyframes dt_fadeIn {

  to {

    opacity: 1;

  }

}

/* Effect 2: Move Up */

.mobile-false .loading-effect-move-up .wf-cell.start-animation,

.mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden) {

  -webkit-transform: translateY(200px);

  transform: translateY(200px);

  -webkit-animation: dt_moveUp 0.55s ease-in-out forwards;

  animation: dt_moveUp 0.55s ease-in-out forwards;

}

@-webkit-keyframes dt_moveUp {

  to {

    -webkit-transform: translateY(0);

    opacity: 1;

  }

}

@keyframes dt_moveUp {

  to {

    transform: translateY(0);

    opacity: 1;

  }

}

/* Effect 3: Scale up */

.mobile-false .loading-effect-scale-up .wf-cell.start-animation,

.mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden) {

  -webkit-transform: scale(0.6);

  transform: scale(0.6);

  -webkit-animation: dt_scaleUp 0.57s ease-in-out forwards;

  animation: dt_scaleUp 0.57s ease-in-out forwards;

}

@-webkit-keyframes dt_scaleUp {

  to {

    -webkit-transform: scale(1);

    opacity: 1;

  }

}

@keyframes dt_scaleUp {

  to {

    transform: scale(1);

    opacity: 1;

  }

}

.mobile-false .loading-effect-fall-perspective,

.mobile-false .loading-effect-flip,

.mobile-false .loading-effect-helix,

.mobile-false .loading-effect-scale {

  -webkit-perspective: 1300px;

  perspective: 1300px;

}

.mobile-false .loading-effect-fall-perspective {

  -webkit-backface-visibility: hidden;

}

.mobile-false .loading-effect-fall-perspective .wf-cell.start-animation,

.mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden) {

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

  -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg);

  transform: translateZ(400px) translateY(300px) rotateX(-65deg);

  -webkit-animation: dt_fallPerspective 0.75s ease-in-out forwards;

  animation: dt_fallPerspective 0.75s ease-in-out forwards;

}

@-webkit-keyframes dt_fallPerspective {

  100% {

    -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);

    opacity: 1;

  }

}

@keyframes dt_fallPerspective {

  100% {

    transform: translateZ(0px) translateY(0px) rotateX(0deg);

    opacity: 1;

  }

}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.mobile-false .loading-effect-fly .wf-cell.start-animation,

.mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden) {

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

  -webkit-transform-origin: 50% 50% -300px;

  transform-origin: 50% 50% -300px;

  -webkit-transform: rotateX(-180deg);

  transform: rotateX(-180deg);

  -webkit-animation: dt_fly 0.7s ease-in-out forwards;

  animation: dt_fly 0.7s ease-in-out forwards;

}

@-webkit-keyframes dt_fly {

  100% {

    -webkit-transform: rotateX(0deg);

    opacity: 1;

  }

}

@keyframes dt_fly {

  100% {

    transform: rotateX(0deg);

    opacity: 1;

  }

}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.mobile-false .loading-effect-flip .wf-cell.start-animation,

.mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden) {

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

  -webkit-transform-origin: 0% 0%;

  transform-origin: 0% 0%;

  -webkit-transform: rotateX(-80deg);

  transform: rotateX(-80deg);

  -webkit-animation: dt_flip 0.7s ease-in-out forwards;

  animation: dt_flip 0.7s ease-in-out forwards;

}

@-webkit-keyframes dt_flip {

  100% {

    -webkit-transform: rotateX(0deg);

    opacity: 1;

  }

}

@keyframes dt_flip {

  100% {

    transform: rotateX(0deg);

    opacity: 1;

  }

}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.mobile-false .loading-effect-helix .wf-cell.start-animation,

.mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden) {

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

  -webkit-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-animation: dt_helix 0.7s ease-in-out forwards;

  animation: dt_helix 0.7s ease-in-out forwards;

}

@-webkit-keyframes dt_helix {

  100% {

    -webkit-transform: rotateY(0deg);

    opacity: 1;

  }

}

@keyframes dt_helix {

  100% {

    transform: rotateY(0deg);

    opacity: 1;

  }

}

/* Effect 8: Scale */

.mobile-false .loading-effect-scale .wf-cell.start-animation,

.mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden) {

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

  -webkit-transform: scale(0.4);

  transform: scale(0.4);

  -webkit-animation: dt_popUp 0.9s ease-in forwards;

  animation: dt_popUp 0.9s ease-in forwards;

}

@-webkit-keyframes dt_popUp {

  70% {

    -webkit-transform: scale(1.05);

    opacity: .8;

    -webkit-animation-timing-function: ease-in-out;

  }

  100% {

    -webkit-transform: scale(1);

    opacity: 1;

  }

}

@keyframes dt_popUp {

  70% {

    transform: scale(1.05);

    opacity: .8;

    animation-timing-function: ease-in-out;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.dt-isotope.no-transition,

.dt-isotope.no-transition .wf-cell,

.dt-isotope .wf-cell.no-transition {

  -webkit-transition-duration: 0s;

  transition-duration: 0s;

}

/* #JGrid

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

#main .jg-container .wf-cell {

  float: left;

  opacity: 0;

  padding: 0;

}

.is-webkit #main .jg-container .wf-cell {

  float: left;

}

#main .jg-container .wf-cell .post {

  margin: 0;

  padding: 0;

}

.layzr-loading-on .jgrid-lazy-load {

  opacity: 0;

  -webkit-transition: opacity 0.33s;

  transition: opacity 0.33s;

}

.layzr-loading-on .jgrid-layzr-loaded {

  opacity: 1;

}

.jg-container .post .alignleft,

.jg-container .post .alignnone {

  margin-bottom: 0;

}

/* #Material design

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

.ripplelink {

  position: relative;

  overflow: hidden;

}

.ink {

  display: block;

  position: absolute;

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

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  transform: scale(0);

}

.rollover .ink {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.animate {

  -webkit-animation: ripple 0.4s ease-out;

  animation: ripple 0.4s ease-out;

}

@-webkit-keyframes ripple {

  100% {

    opacity: 0;

    -webkit-transform: scale(2.5);

  }

}

@keyframes ripple {

  100% {

    opacity: 0;

    transform: scale(2.5);

  }

}

/* #Layzr loading

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

img.lazy-load {

  opacity: 0;

  -webkit-transition: opacity 0.33s;

  transition: opacity 0.33s;

}

img.is-loaded {

  opacity: 1;

}

/* #Scroll to top button

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

.scroll-top {

  position: fixed;

  right: 10px;

  bottom: 10px;

  width: 44px;

  height: 44px;

  opacity: 0;

  z-index: -1;

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.scroll-top.off {

  right: -45px;

  opacity: 0;

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /*z-index: -1;*/

}

.scroll-top.on {

  right: 10px;

  opacity: 1;

  z-index: 109;

  filter: alpha(opacity=100);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.header-side-right .scroll-top.on {

  right: auto;

  left: 10px;

}

.scroll-top {

  background-color: #000;

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

}

.scroll-top:hover {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.5);

}

.scroll-top:before {

  display: block;

  width: 44px;

  height: 44px;

  content: "";

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center center;

}

/* #If not avatare image

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

.no-avatar {

  position: relative;

  width: 50px;

  height: 50px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

a.no-avatar {

  -webkit-transition: all 450ms ease;

  transition: all 450ms ease;

}

.no-avatar:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-repeat: no-repeat;

  background-position: center;

}

.comment .no-avatar,

.items-grid .no-avatar,

.recent-posts .no-avatar {

  width: 60px;

  height: 60px;

}

/* #Material design : click wave effect

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

.waves-effect .waves-ripple {

  position: absolute;

  top: 50% !important;

  left: 50% !important;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  margin-top: -20px;

  margin-left: -20px;

  opacity: 0;

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

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

  transition: all 0.3s ease-out;

  -webkit-transition-property: -webkit-transform, opacity;

  transition-property: transform, opacity;

  -webkit-transform: scale(0);

  transform: scale(0);

  pointer-events: none;

}

.ripple span {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/* #Shortcode code

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

.shortcode-code {

  padding: 25px 20px 25px 20px;

}

/* #Edit link

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

.edit-link {

  padding: 5px 10px;

  background-color: #69c354;

  color: #fff !important;

  text-decoration: none;

  font-family: Arial, sans-serif;

  font-size: 12px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.edit-link:hover {

  color: #fff;

  background-color: #4fa53b;

}

/* #Details link

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

.details {

  position: relative;

  display: inline-block;

  padding-right: 17px;

  background-repeat: no-repeat;

  background-position: right center;

  text-decoration: none;

}

.details:after {

  position: absolute;

  top: 0;

  right: 0;

  width: 11px;

  height: 100%;

  content: "";

  background-position: 0 center;

  background-repeat: no-repeat;

}

.project-details:after {

  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='white' d='M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z'/%3E%3C/svg%3E");

}

/* #Round images

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

.round-images .rollover i,

.round-images a.rollover,

.round-images img,

.round-images .blur-effect,

.round-images .alignleft,

.round-images .alignleft img,

.round-images .alignleft i {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

/* #Custom select

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

#page .customSelect {

  padding: 6px 10px 5px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

/* #fixes for plugins

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

/*unknown #1*/

.stripe .gw-go * {

  color: inherit;

}

#content span:last-child[class*="gw-go-btn-icon"][class*="gw-go-btn-icon-large"] {

  margin-bottom: -6px;

}

#content span:last-child[class*="gw-go-btn-icon"] {

  margin-bottom: -5px;

}

.content .gw-go-col {

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-color: #e2e2e2;

}

.content .gw-go-col:before {

  margin-top: 1px;

}

/*Ultimate Addons*/

.stripe .aio-icon i,

.stripe .ubtn *,

.stripe .vc_color-alert-success.vc_message_box-solid *,

.stripe .info-c-full-wrap,

.stripe .info-c-full-wrap *,

.stripe .icon_description *,

.stripe .info-circle-icons *,

.stripe .icon_list_icon *,

.stripe .vc_btn3 *,

.stripe [class^="ultsl-"],

.stripe [class*=" ultsl-"] {

  color: inherit;

}

img.info-circle-img-icon {

  max-width: 100%;

}

.smile_icon_list.left li .icon_list_connector {

  border-width: 0;

}

/* !-Essential Grid*/

.esgbox-overlay.esgbox-overlay-fixed {

  z-index: 10000;

}

.esg-grid a,

.benefits-grid a {

  text-decoration: none;

}

/*unknown #2*/

#main .wpb_wrapper.ui-widget-content,

#main .ui-widget-content,

#main .ui-widget {

  color: inherit;

  font-size: inherit;

  font-weight: inherit;

  font-family: inherit;

  line-height: inherit;

}

/*unknown #3*/

#main .wpb_alert {

  text-shadow: none;

}

#main .wpb_alert strong {

  font-style: normal;

}

.wpb_alert,

.wpb_alert *,

.stripe .wpb_alert * {

  color: #c09853;

}

.wpb_alert-success,

.wpb_alert-success *,

.stripe .wpb_alert-success * {

  color: #468847;

}

.wpb_alert-danger,

.wpb_alert-error,

.wpb_alert-danger *,

.wpb_alert-error *,

.stripe .wpb_alert-danger *,

.stripe .wpb_alert-error * {

  color: #b94a48;

}

.wpb_alert-info,

.wpb_alert-info *,

.stripe .wpb_alert-info * {

  color: #3a87ad;

}

/*unknown #4*/

.offer-tag {

  display: none;

}

/*VC separator*/

#main .vc_text_separator div {

  top: -10px;

}

/* vc single image shortcode*/

.wpb_single_image .vc_single_image-wrapper {

  /*display: block;*/

  line-height: 0;

}

.wpb_single_image .rollover .blur-effect {

  display: none;

}

.wpb_single_image .vc_figure {

  max-width: 100%;

}

/*hover size for */

.rollover.vc_box_outline i,

.rollover.vc_box_outline .blur-effect,

.rollover.vc_box_border i,

.rollover.vc_box_border .blur-effect {

  top: 6px;

  left: 6px;

  width: calc(100% - 12px) !important;

  height: calc(100% - 12px) !important;

}

.vc_box_circle img,

.vc_box_circle i,

.vc_box_circle .blur-effect,

.vc_box_outline_circle i,

.vc_box_outline_circle .blur-effect,

.vc_box_border_circle .blur-effect,

.vc_box_border_circle i,

.vc_box_shadow_circle i,

.vc_box_shadow_circle .blur-effect,

.vc_box_shadow_border_circle i,

.vc_box_shadow_border_circle .blur-effect,

.vc_box_shadow_circle i,

.vc_box_shadow_circle .blur-effect,

.vc_box_shadow_border_circle i,

.vc_box_shadow_border_circle .blur-effect {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.mobile-false .scale-on-hover .vc_box_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_outline_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_border_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,

.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img {

  -webkit-transform: scale(1);

  transform: scale(1);

}

div .vc_box_rounded > img {

  border-radius: inherit;

}

/*VC toggle*/

.vc_toggle.dt-style {

  margin-bottom: 10px;

}

/*VC Icon shortcode */

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,

.vc_message_box-icon > .fa {

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.vc_toggle_title > h4 {

  display: inline-block;

  margin-bottom: 0;

}

/*unknown #5*/

.boxed-layout #tiptip_holder {

  top: -20px !important;

}

/*unknown #6*/

#main .chzn-container-single .chzn-single {

  background-image: none;

}

.nsu_widget label {

  margin-right: 10px;

}

form.mc4wp-form label {

  font-weight: normal;

}

/*Twitter*/

#main #content .rotatingtweet {

  padding: 25px 20px 20px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

#content .rotatingtweets {

  max-width: 100%;

}

/*VC map*/

#main .wpb_gmaps_widget .wpb_map_wraper {

  background: none;

  padding: 0;

  background-color: transparent;

}

.wpb_gmaps_widget .wpb_map_wraper {

  padding: 0;

}

/*unknown #6*/

.interval {

  padding-bottom: 10px;

}

/*Search page*/

.search-no-results .submit:hover {

  cursor: default;

}

/*!-VC last-child*/

ul.wpb_thumbnails-fluid > li,

.last_toggle_el_margin,

.wpb_button {

  margin-bottom: 0 !important;

}

.useJS .container-1,

.useJS .container-2,

.useJS .container-3,

.useJS .container .photo.show,

.useJS .container .l3 {

  -webkit-transform: none;

  transform: none;

}

.lightbox.useJS .close,

div.lightbox.useJS .img-caption {

  -webkit-transition: none;

  transition: none;

}

.jp-carousel-comment-form-button,

.wpb-js-composer div.pp_default .pp_expand,

.wpb-js-composer div.pp_default .pp_contract {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.content .searchform input {

  width: 100%;

}

/*Circle content*/

.dt-circle-content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: -ms-flex;

  display: flex;

  -webkit-align-items: center;

  -moz-align-items: center;

  -ms-align-items: center;

  align-items: center;

  -ms-flex-align: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  -ms-justify-content: center;

  justify-content: center;

  -ms-flex-pack: center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

/* #Beautiful loading

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

@-webkit-keyframes opacity-lat-rev {

  0% {

    opacity: 1;

    visibility: visible;

  }

  30% {

    opacity: 0;

    visibility: hidden;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

@keyframes opacity-lat-rev {

  0% {

    opacity: 1;

    visibility: visible;

  }

  30% {

    opacity: 0;

    visibility: hidden;

  }

  100% {

    opacity: 0;

    visibility: hidden;

  }

}

.loading-ready #load {

  -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

  animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;

}