#preload-container {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);pointer-events: none;transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;}
#my-slider #preload-container {margin-top: 39px;}
.loader {display: inline-block;width: 30px;height: 30px;position: relative;top: 50%;animation: loader 2s infinite ease;}
.loader-inner {vertical-align: top;display: inline-block;width: 100%;animation: loader-inner 2s infinite ease-in;}
#my-slider .loader {border: 4px solid #fff;}
#my-slider .loader-inner {background-color: #fff;}
.portfolio-page .loader, .grid-block-container .loader {border: 4px solid #fff;}
.portfolio-page .loader-inner, .grid-block-container .loader-inner {background-color: #fff;}
@keyframes loader {0% {transform: rotate(0deg);}
	25% {transform: rotate(180deg);}
	50% {transform: rotate(180deg);}
	75% {transform: rotate(360deg);}
	100% {transform: rotate(360deg);}}
@keyframes loader-inner {0% {height: 0%;}
	25% {height: 0%;}
	50% {height: 100%;}
	75% {height: 100%;}
	100% {height: 0%;}}
.fas, .far {margin-right: 7px;}
#home2 p {margin: 0;line-height: 1;}
@media (max-width:767px), (max-height: 599px) {.slider-text {margin-top: 25px;padding: 50px 70px;}
	.slider-text-title {margin-bottom: 0;font-size: 18px;}
	.slider-text-description {font-size: 15px;height: auto;overflow: visible;}
	.slider-text-button {font-size: 12px;}
	.nav-button {opacity: .5;top: 58%;}
	#timeline-container {opacity: 1;}
	.icon-category img {width: 70px;margin-bottom: 10px;}
	#bubble-slider {display: none;}
	.leftSide#bubble-slider, .rightSide#bubble-slider {top: 58%;}}
@media (min-width:768px) and (min-height:600px) {.slider-item {height: 100%;}
	.slider-text {padding: 50px 150px;}
	.slider-text-title {font-weight: 400;font-size: 40px;}
	.slider-text-description {font-size: 20px;height: 0px;overflow: hidden;}
	.slider-text-button {font-size: 14px;}
	.nav-button {opacity: 0;top: 55%;}
	#timeline-container {opacity: 0;}
	.icon-category img {width: 100px;margin-bottom: 20px;}
	#bubble-slider {display: block;}
	.leftSide#bubble-slider, .rightSide#bubble-slider {top: 55%;}}
#my-slider {position: absolute;min-width: 100%;overflow: hidden;background-color: #222;}
.slider-item {position: absolute;min-width: 100%;height: 100%;cursor: default;}
.slider-text {position: relative;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;text-align: center;}
.slider-text-title {color: #fff;font-family: "Quicksand",sans-serif;text-transform: uppercase;font-weight: 400;text-shadow: 0px 2px 2px rgba(0,0,0,.5);}
.slider-text-description {color: #42dbb5;font-weight: 400;font-family: "Open Sans",sans-serif;margin: 10px 0px !important;text-shadow: 0px 1px 1px rgba(0,0,0,.25);transition: height .5s ease-in-out;-moz-transition: height .5s ease-in-out;-webkit-transition: height .5s ease-in-out;}
.slider-text-button {text-align: center;padding: 10px 15px 12px 15px !important;background-color: none;font-weight: 400;color: #fff;border-radius: 50px;border: 1px solid #fff;margin: 5px;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.slider-text-button:hover {background-color: #fff;color: #3dc5ce;}
.nav-button {z-index: 5000;position: absolute;margin: 0 15px;width: 28px;height: 28px;background: url("http://pixel-salad.com/static/wp-content/slider/button-previous.png");background-size: 28px 28px;transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;}
#slider-button-prev {float: left;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#slider-button-next {float: right;right: 0;-ms-transform: translateY(-50%) rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);}
#my-slider:hover .nav-button, #my-slider:hover #timeline-container {opacity: 1;}
.desktop #my-slider:hover .slider-image {transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);opacity: .25;}
.slider-image {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;opacity: .35;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.icon-category {text-align: center;}
.icon-category img {z-index: 6000;border-radius: 150px;}
#timeline-container {z-index: 20;position: absolute;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;white-space: nowrap;bottom: 15px;transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;}
#dots-container {position: relative;text-align: center;}
.dot {position: relative;display: inline-block;height: 7px;width: 7px;border-radius: 7px;margin: 0 7px;background-color: #111;overflow: hidden;}
.dot-fill {position: relative;width: 0;height: 100%;border-radius: 7px;background-color: white;}
.buttonMode {cursor: pointer;}
#bubble-slider {position: absolute;pointer-events: none;opacity: 0;}
#bubble-slider-content {position: relative;background-color: #222;overflow: hidden;}
#bubble-title {position: relative;z-index: 10;color: #fff;font-family: "Quicksand",sans-serif;text-transform: uppercase;font-weight: 500;padding: 20px;font-size: 14px;}
#bubble-slider-image {position: absolute;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: .45;}
#bubble-dot {position: absolute;height: 90px;width: 90px;background-color: #222;border-radius: 50%;}
.leftSide#bubble-slider, .rightSide#bubble-slider {transform: translateY(-50%);-webkit-: translateY(-50%);-moz-: translateY(-50%);-o-: translateY(-50%);-ms-transform: translateY(-50%);}
.rightSide#bubble-slider {right: 0;}
.leftSide #bubble-title {text-align: right;margin-left: 70px;}
.leftSide #bubble-slider-content {border-radius: 0 70px 70px 0;margin: 8px 10px 8px 0;}
.leftSide #bubble-dot {left: -20px;}
.rightSide #bubble-title {text-align: left;margin-right: 70px;}
.rightSide #bubble-slider-content {border-radius: 70px 0 0 70px;margin: 8px 0 8px 10px;}
.rightSide #bubble-dot {right: -20px;}
.bottomSide#bubble-slider {bottom: 30px;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.bottomSide #bubble-title {text-align: center;}
.bottomSide #bubble-slider-content {border-radius: 70px;margin: 8px 10px;}
.bottomSide #bubble-dot {display: none;}
.centerY {top: 50%;transform: translateY(-50%);-webkit-: translateY(-50%);-moz-: translateY(-50%);-o-: translateY(-50%);-ms-transform: translateY(-50%);}