/**
 *  ===========================================================
 *  
 *  ===========================================================
 */
.sync360 {
    display: block;
    position: relative;
    width: 100%;
    background-color: #1b1b1b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    overflow: hidden;
}

/**
 *  ===========================================================
 *  SPINNER
 *  ===========================================================
 */
.sync360>.sync360-product {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
}
.sync360>.sync360-product>.sync360-product-item {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 100%;
    transform: translateX(-50%);
}
.sync360>.sync360-product>.sync360-product-item.responsive {
    max-width: 100%;
    height: auto;
    max-height: 450px;
}
.sync360>.sync360-spin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.sync360>.sync360-spin-icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAxLjc5MnB4IiBoZWlnaHQ9IjU0LjVweCIgdmlld0JveD0iMCAwIDEwMS43OTIgNTQuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAxLjc5MiA1NC41IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGNEY0RjQiIGQ9Ik0xMS4wNzcsMjUuOTQ1Qy03LjMzOCwzNi4wNTIsNDIuMjY2LDQyLjE5LDUzLjQ0MSw0Mi4wOTF2LTYuMTY0bDkuMjg2LDkuMjc4TDUzLjQ0MSw1NC41di01Ljc3NA0KCQlDMzAuOTgzLDQ5LjU3OS0yMS44NzYsMzUuMTI0LDkuOTE3LDIzLjEyOWMwLjI5OCwwLjkzNiwwLjY2MywxLjgyMiwxLjA3NywyLjY1MUwxMS4wNzcsMjUuOTQ1TDExLjA3NywyNS45NDV6IE04OS43NjcsNi44ODQNCgkJYzAtMi4xNjIsMC4zODktMy42NzgsMS4xNjgtNC41NGMwLjc3OS0wLjg2MSwxLjk2My0xLjI5MiwzLjU2Mi0xLjI5MmMwLjc2MiwwLDEuNCwwLjEsMS44ODksMC4yODINCgkJYzAuNDg5LDAuMTkxLDAuODk1LDAuNDMxLDEuMjAxLDAuNzM3YzAuMzE1LDAuMjk4LDAuNTU1LDAuNjIyLDAuNzM3LDAuOTUzYzAuMTgyLDAuMzMyLDAuMzIzLDAuNzIxLDAuNDMxLDEuMTY4DQoJCWMwLjIxNSwwLjg0NSwwLjMxNSwxLjczMSwwLjMxNSwyLjY1OWMwLDIuMDYzLTAuMzQ4LDMuNTc5LTEuMDUyLDQuNTMxYy0wLjY5NiwwLjk1My0xLjg5NywxLjQzNC0zLjYxMiwxLjQzNA0KCQljLTAuOTUzLDAtMS43MzEtMC4xNTgtMi4zMTktMC40NTZjLTAuNTg4LTAuMzA2LTEuMDc3LTAuNzUzLTEuNDUtMS4zNDJjLTAuMjczLTAuNDIyLTAuNDg5LTAuOTk0LTAuNjM4LTEuNzE1DQoJCUM4OS44NDEsOC41NjUsODkuNzY3LDcuNzcxLDg5Ljc2Nyw2Ljg4NEw4OS43NjcsNi44ODR6IE0yMS45MjksOC42OWwtNy40NTYtMS4zMjZjMC42MjItMi4zNjksMS44MDYtNC4xOTEsMy41Ny01LjQ1OQ0KCQlDMTkuOCwwLjYzOCwyMi4yOTQsMCwyNS41MTYsMGMzLjcwMywwLDYuMzcxLDAuNjg4LDguMDI3LDIuMDcxYzEuNjQ4LDEuMzgzLDIuNDY5LDMuMTIzLDIuNDY5LDUuMjExDQoJCWMwLDEuMjI2LTAuMzQsMi4zMzYtMS4wMDIsMy4zMjJjLTAuNjcxLDAuOTk0LTEuNjczLDEuODY0LTMuMDI0LDIuNjA5YzEuMDk0LDAuMjczLDEuOTM4LDAuNTg4LDIuNTEsMC45NTMNCgkJYzAuOTQ0LDAuNTgsMS42NzMsMS4zNSwyLjE5NSwyLjI5NGMwLjUyMiwwLjk1MywwLjc4NywyLjA4LDAuNzg3LDMuMzk2YzAsMS42NTctMC40MzEsMy4yMzktMS4yOTIsNC43NjMNCgkJYy0wLjg3LDEuNTE2LTIuMTEyLDIuNjg0LTMuNzM2LDMuNTA0Yy0xLjYyNCwwLjgyLTMuNzYxLDEuMjI2LTYuNDEyLDEuMjI2Yy0yLjU3NiwwLTQuNjE0LTAuMzA3LTYuMDk3LTAuOTEyDQoJCWMtMS40OTEtMC42MDQtMi43MTctMS40OTEtMy42NzgtMi42NjdjLTAuOTYxLTEuMTY4LTEuNjk4LTIuNjQzLTIuMjEyLTQuNDE2bDcuODk1LTEuMDUyYzAuMzE1LDEuNTkxLDAuNzg3LDIuNzAxLDEuNDQxLDMuMzIyDQoJCWMwLjY0NiwwLjYxMywxLjQ3NSwwLjkyOCwyLjQ4NSwwLjkyOGMxLjA1MiwwLDEuOTMtMC4zOSwyLjYzNC0xLjE2YzAuNzA0LTAuNzcsMS4wNTItMS44MDYsMS4wNTItMy4wOTgNCgkJYzAtMS4zMTctMC4zMzktMi4zMzYtMS4wMS0zLjA1N2MtMC42NzEtMC43MjEtMS41OTEtMS4wODUtMi43NS0xLjA4NWMtMC42MTMsMC0xLjQ2NiwwLjE0OS0yLjU0MywwLjQ2NGwwLjQwNi01LjY0Mg0KCQljMC40MzEsMC4wNjYsMC43NzEsMC4xLDEuMDExLDAuMWMxLjAxOSwwLDEuODcyLTAuMzMyLDIuNTUxLTAuOTg2czEuMDI3LTEuNDI1LDEuMDI3LTIuMzI4YzAtMC44Ny0wLjI1Ny0xLjU1OC0wLjc3MS0yLjA2Mw0KCQljLTAuNTE0LTAuNTE0LTEuMjI2LTAuNzcxLTIuMTEyLTAuNzcxYy0wLjkyOCwwLTEuNjczLDAuMjgyLTIuMjUzLDAuODM3QzIyLjUyNiw2LjMxMywyMi4xMzYsNy4yOSwyMS45MjksOC42OUwyMS45MjksOC42OXoNCgkJIE02Mi4yNTUsNi44NTFsLTcuODUzLDAuOTYxYy0wLjIwNy0xLjA5My0wLjU0Ny0xLjg1NS0xLjAyNy0yLjMwM2MtMC40ODktMC40NDctMS4wODUtMC42NzEtMS43ODktMC42NzENCgkJYy0xLjI3NiwwLTIuMjcsMC42MzgtMi45NzQsMS45M2MtMC41MTQsMC45MzYtMC45MDMsMi45MTYtMS4xNDMsNS45NTZjMC45NDQtMC45NjEsMS45MTQtMS42NjUsMi44OTktMi4xMjENCgkJYzAuOTk0LTAuNDU2LDIuMTQ2LTAuNjg4LDMuNDQ2LTAuNjg4YzIuNTM1LDAsNC42NzIsMC45MDMsNi40MiwyLjcwOGMxLjc0OCwxLjgxNCwyLjYyNiw0LjEwOSwyLjYyNiw2Ljg4NA0KCQljMCwxLjg3Mi0wLjQzOSwzLjU3OS0xLjMyNiw1LjEzNmMtMC44ODYsMS41NDktMi4xMTIsMi43MjYtMy42NzgsMy41MjFjLTEuNTc0LDAuNzk1LTMuNTM3LDEuMTkzLTUuOTA2LDEuMTkzDQoJCWMtMi44NDEsMC01LjEyLTAuNDgtNi44MzQtMS40NThjLTEuNzE1LTAuOTY5LTMuMDktMi41MS00LjExNy00LjYzMWMtMS4wMjctMi4xMjEtMS41NDEtNC45MjktMS41NDEtOC40MzMNCgkJYzAtNS4xMiwxLjA3Ny04Ljg3MiwzLjIzOS0xMS4yNThDNDQuODQzLDEuMTkzLDQ3LjgzMywwLDUxLjY2LDBjMi4yNjIsMCw0LjA0MiwwLjI1Nyw1LjM1MiwwLjc3OXMyLjQwMiwxLjI5MiwzLjI2NCwyLjI4Ng0KCQlDNjEuMTQ2LDQuMDc2LDYxLjgwOCw1LjMzNSw2Mi4yNTUsNi44NTFMNjIuMjU1LDYuODUxeiBNNDcuNzM0LDE5LjUwOWMwLDEuNTQxLDAuMzg5LDIuNzQyLDEuMTYsMy42MTINCgkJYzAuNzc5LDAuODcsMS43MjMsMS4zMDksMi44NSwxLjMwOWMxLjAzNiwwLDEuOTA1LTAuMzk3LDIuNjAxLTEuMTg1czEuMDQ0LTEuOTYzLDEuMDQ0LTMuNTI5YzAtMS41OTktMC4zNjUtMi44MjUtMS4wODUtMy42NjINCgkJYy0wLjcyOS0wLjgzNi0xLjYyNC0xLjI1OS0yLjctMS4yNTljLTEuMDk0LDAtMi4wMjEsMC40MDYtMi43NjcsMS4yMjZDNDguMDk4LDE2LjgzMyw0Ny43MzQsMTcuOTkzLDQ3LjczNCwxOS41MDlMNDcuNzM0LDE5LjUwOXoNCgkJIE02NC41NDIsMTQuNTU1YzAtNS4zOTMsMC45NjktOS4xNywyLjkxNi0xMS4zMjRDNjkuMzk2LDEuMDc3LDcyLjM2MiwwLDc2LjMzLDBjMS45MTQsMCwzLjQ3OSwwLjI0LDQuNzA1LDAuNzA0DQoJCWMxLjIyNiwwLjQ3MiwyLjIyOSwxLjA4NSwyLjk5OSwxLjgzOWMwLjc3OSwwLjc1NCwxLjM5MiwxLjU0OSwxLjgzMSwyLjM3N2MwLjQ0NywwLjgzNywwLjgwNCwxLjgwNiwxLjA3NywyLjkxNg0KCQljMC41MywyLjExMywwLjc5NSw0LjMyNCwwLjc5NSw2LjYyN2MwLDUuMTUyLTAuODcsOC45MTMtMi42MTgsMTEuMjk5Yy0xLjc0LDIuMzg2LTQuNzM4LDMuNTc5LTkuMDA1LDMuNTc5DQoJCWMtMi4zODYsMC00LjMxNi0wLjM4MS01Ljc5LTEuMTQ0Yy0xLjQ3NS0wLjc2Mi0yLjY3Ni0xLjg4LTMuNjItMy4zNTRjLTAuNjgtMS4wNDQtMS4yMTgtMi40NjktMS41OTktNC4yODMNCgkJQzY0LjczMiwxOC43NTUsNjQuNTQyLDE2Ljc1LDY0LjU0MiwxNC41NTVMNjQuNTQyLDE0LjU1NXogTTcyLjM1NCwxNC41NzFjMCwzLjYxMiwwLjMxNSw2LjA4MSwwLjk2MSw3LjQwNg0KCQljMC42MzgsMS4zMjYsMS41NjYsMS45OCwyLjc4MywxLjk4YzAuODA0LDAsMS40OTEtMC4yODIsMi4wOC0wLjgzNmMwLjU4OC0wLjU2MywxLjAxOS0xLjQ1OCwxLjI5Mi0yLjY2Nw0KCQljMC4yODEtMS4yMTgsMC40MTQtMy4xMDYsMC40MTQtNS42NzVjMC0zLjc2OS0wLjMxNS02LjI5NS0wLjk2MS03LjYwNGMtMC42MzgtMS4yOTItMS41OTktMS45NDctMi44NzUtMS45NDcNCgkJYy0xLjMwOSwwLTIuMjQ1LDAuNjYzLTIuODMzLDEuOThDNzIuNjQ0LDguNTQxLDcyLjM1NCwxMC45OTMsNzIuMzU0LDE0LjU3MUw3Mi4zNTQsMTQuNTcxeiBNOTIuODk4LDYuODkyDQoJCWMwLDEuNDUsMC4xMjQsMi40MzYsMC4zODEsMi45NjZzMC42MjksMC43OTUsMS4xMTgsMC43OTVjMC4zMjMsMCwwLjU5Ny0wLjEwOCwwLjgzNy0wLjM0YzAuMjMyLTAuMjI0LDAuNDA2LTAuNTgsMC41MjItMS4wNjgNCgkJYzAuMTA3LTAuNDg5LDAuMTY2LTEuMjQzLDAuMTY2LTIuMjdjMC0xLjUwOC0wLjEyNS0yLjUyNy0wLjM4MS0zLjA0OGMtMC4yNTctMC41MjItMC42MzgtMC43NzktMS4xNTItMC43NzkNCgkJYy0wLjUyMSwwLTAuOTAzLDAuMjY1LTEuMTM1LDAuNzk1QzkzLjAxNCw0LjQ3Myw5Mi44OTgsNS40NTksOTIuODk4LDYuODkyTDkyLjg5OCw2Ljg5MnogTTkwLjU0NSwyNS4wNDINCgkJYzguNzQ4LDQuNDQ4LDYuNjYxLDEwLjc2MS04LjgzMSwxNC41OTZjLTQuMzkxLDEuMDg1LTkuMzUzLDIuMDcxLTE0Ljc5NSwyLjQ3N3Y1LjAxMmM2LjA1NS0wLjQyMywxMS42ODgtMS44MTQsMTYuNjE4LTMuMDA3DQoJCWMyMy4yOTQtNS42NDEsMjIuNDgyLTE1LjcxNCw3Ljc1My0yMS4zOTdDOTEuMDgzLDIzLjU0Myw5MC44MzUsMjQuMzEzLDkwLjU0NSwyNS4wNDJMOTAuNTQ1LDI1LjA0MnoiLz4NCjwvZz4NCjwvc3ZnPg0K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 34px;
    width: 63px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    filter: opacity(0.3);
}

/**
 *  ===========================================================
 *  PRELOADER
 *  ===========================================================
 */
.sync360 .sync360-preloader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 130px;
    height: 130px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    box-shadow: 0px 0px 10px #3333;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
    z-index: 999999;
}
.sync360 .sync360-preloader.hidden {
    visibility: hidden;
    opacity: 0;
}
.sync360 .sync360-preloader>div {
    display: block;
    position: relative;
    left: 20px;
    top: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00759f;
    -webkit-animation: preloaderSpin 1.5s linear infinite;
    animation: preloaderSpin 1.5s linear infinite;
}
.sync360 .sync360-preloader>div::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00759f;
    -webkit-animation: preloaderSpin 3s linear infinite;
    animation: preloaderSpin 3s linear infinite;
}
.sync360 .sync360-preloader>div::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00759f;
    -webkit-animation: preloaderSpin 1.5s linear infinite;
    animation: preloaderSpin 1.5s linear infinite;
}
@keyframes preloaderSpin {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}