*,::after,::before{
    margin:0;
    padding:0;
    border:0;
    outline:0!important;
    font:inherit;
    box-sizing:border-box;
    text-shadow:none!important;
    box-shadow:none!important
}
@media (prefers-reduced-motion:reduce){
    *,:after,:before{
        animation-delay:-1ms!important;
        animation-duration:1ms!important;
        animation-iteration-count:1!important;
        background-attachment:scroll!important;
        scroll-behavior:auto!important;
        transition-delay:0s!important;
        transition-duration:0s!important
    }
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none;
    height:auto;
    width:100%
}
svg{
    overflow:hidden;
    vertical-align:middle
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
table{
    border-collapse:collapse;
    border-spacing:0
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
@charset "UTF-8";
@font-face {
    font-family:'Proxima Vara';
    src:url("../fonts/ProximaVara.woff2") format("woff2 supports variations"), url("../fonts/ProximaVara.woff2") format("woff2-variations");
    font-weight:100 900;
    font-stretch:50% 100%;
    font-display: swap;
    font-optical-sizing: auto;
}
:root {
    --clr-trns_ld: hsla(0, 0%, 0%, .9);
    --clr-trns_ld_2: hsla(0, 0%, 0%, .05);
    --packbg: hsla(0, 0%, 0%, .0375);
    --qbh: hsla(0, 0%, 100%, .04);
    --clr-trns_ld_3: hsla(0, 0%, 0%, .13);
    --clr-trns_ld_4: hsla(0, 0%, 0%, .09);
    --clr-trns_ld_5: hsla(0, 0%, 0%, .01);
    --clr-trns_ld_8: hsla(0, 0%, 0%, .0125);
    --clr-trns_ld_6: hsla(0, 0%, 0%, .075);
    --clr-trns_ld_7: hsla(0, 0%, 0%, .1);
    --mainColor: hsla(0, 0%, 0%, .9);
    --subColor: hsla(254, 78%, 9%, .9);
    --subColor2: hsla(0, 0%, 0%, .9);
    --desColor: hsla(0, 0%, 0%, .5);
    --desColor2: hsla(0, 0%, 0%, .25);
    --bgColor: hsla(0, 0%, 97%, 1);
    --clr_trns: hsla(0, 0%, 0%, 0);
    --error: hsla(353, 91%, 60%, .9);
    --standard: hsla(0, 0%, 0%, .05);
    --premium: hsla(303, 78%, 47%, .5);
    --revision: hsla(353, 91%, 60%, .75);
    --other: hsla(248, 99%, 73%, .5);
    --lgrad: hsla(0, 0%, 20%, .5);
    --green: hsla(129, 73%, 44%, .9);
    --About_BG: hsla(0, 0%, 88%, .5);
    --PlayBTN_BG: hsla(0, 0%, 0%, .8);
    --hambg: hsla(0, 0%, 0%, .5);
    --ldbtn: hsla(0, 0%, 0%, .1);
    --bigbold: hsla(353, 91%, 60%, .9);
    --answer: hsla(0, 0%, 0%, .67);
    --ldbtn_: hsla(0, 0%, 0%, .25);
    --grayish: hsla(240, 2%, 54%, .9);
    --bubbleitem: hsla(0, 0%, 0%, 0.35);
    --bubbleitem2: hsla(0, 100%, 0%, 0.025);
    --defaultSize: 1rem;
    --smallerSize: .41rem;
    --smallSize: .625rem;
    --medSize: .75rem;
    --navSize: .8125rem;
    --bigSize: 1rem;
    --biggerSize: 1.25rem;
    --blackSize: 2rem;
    --wave_array: 222.893;
    --stop_offset: 222.893;
    --Fill_Fast: url("../img/Plug.svg");
    --Fill_Pay: url("../img/Grom.svg");
    --Fill_Lang: url("../img/Light.svg");
    --Fill_Revision: url("../img/Cekic.svg");
    --Price_Tag: url("../img/Light/money.svg");
    --No_Price_Tag: url("../img/Light/noprice.svg");
    --HeaderArrow: url("../img/Light/ld_arrow.svg");
    --ToggleHam: url("../img/Light/x.svg");
    --Link_To: url("../img/Light/link.svg");
    --Error_Image: url("../img/Light/error.svg");
    font-size: 100%;
    --clr-trns_ld_sc: hsla(0, 0%, 0%, .2);
    --clr-trns_ld_sc2: hsla(0, 0%, 0%, .25);
    --clr-trns_ld_sc3: hsla(0, 0%, 0%, .3);
    --clr-trns_ld_mail: hsla(0, 0%, 100%, .25);
    --clr-trns_ld_mailh: hsla(0, 0%, 100%, .5)
}
html {
    -webkit-tap-highlight-color: var(--clr_trns);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    -webkit-text-size-adjust: 100%;
}
body {
    position: relative;
    color: transparent;
    -webkit-appearance: none;
    font-family: 'Proxima Vara', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: var(--defaultSize);
    font-synthesis: none;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-variant-ligatures: common-ligatures discretionary-ligatures;
    font-variant-ligatures: common-ligatures discretionary-ligatures;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-rendering: optimizelegibility;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    background-color: #f4fbff;
    background-image: url(../img/pattern.png);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased 
    }
}
body
{
    scrollbar-width: .375rem;
    scrollbar-color: transparent;
    overflow-x: hidden;
    overflow-y: overlay;
}
body::-webkit-scrollbar {
    width: .375rem;
}
body::-webkit-scrollbar-track {
    background: transparent;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--clr-trns_ld_sc);
    border-radius: calc(.375rem / 2);
}
body::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-trns_ld_sc2);
}
body::-webkit-scrollbar-thumb:active {
    background-color: var(--clr-trns_ld_sc3);
}
::-webkit-scrollbar {
    width: .375rem;
}
::-webkit-scrollbar-track {
    background-color: var(--clr-trns_ld_sc);
}
::-webkit-scrollbar-thumb {
    background-color: var(--clr-trns_ld_sc);
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-trns_ld_sc2);
}
::-webkit-scrollbar-thumb:active {
    background-color: var(--clr-trns_ld_sc3);
}
.scrhd {
    overflow: hidden;
}
.selectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none 
}
a {
    text-decoration: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    background-color: transparent;
    transition: opacity .3s ease-in-out;
    color: #027fff 
}
.Kontakt_Info a{color:#027fff;font-weight: 400;}
a:hover
{
 opacity: .5;
}
#app {
    display: -ms-grid;
    display: grid;
    gap:2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header''main''footer';
}
#app > main {
    place-self: center;
    display: -ms-grid;
    display: grid;
    grid-area: main;
    width:100%;
    max-width: 65.5rem;
    padding-left: 1.5rem; padding-right: 1.5rem;
    gap: 0 0;
}
#app > footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: footer;
}
.font-weight-bolder {
    display: contents;
    font-weight: 700 
}
.font-weight-bold {
    display: contents;
    font-weight: 450 
}
.font-italic {
    display: contents;
    font-variation-settings: "ital" 62.5 
}
.font-underline {
    display: contents;
    text-decoration: underline 
}
.font-smaller {
    font-size: var(--navSize) 
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){
    .gblur{
        -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
        backdrop-filter: saturate(180%) blur(1.25rem);
        -webkit-filter: blur(.0px);
        filter: blur(.0px)
    }
}


.twosdyn
{
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 1.5rem;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.Kontakt_
{
    display:flex;gap:.5rem;flex-flow: column;
    background-color: transparent;
    height: 100%;
    color: #000;
    justify-content: space-evenly;
}
.kon_naziv
{
    align-self: start;
    font-weight: 400;
}
.Kontakt_Info
{
    display: flex;
    flex-flow: column;
}
.Kontakt_Adresa
{
    display: flex;
    flex-flow: wrap;
    place-items: center;
    font-size: .875rem;
    gap: 1rem;
    justify-content: space-evenly;
}
.Kontakt_Adresa > span {
  flex: unset;
}
@media (max-width: 48rem) {
.Kontakt_Adresa > span {
  flex:calc(50% - 1rem);
}
}
.njih_dva
{
    background-color: hsl(0deg 0% 90% / 40%);
    text-align: center;
    border-radius: 1rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
    display: flex;
    align-items: center;
    max-width: 6rem;
    flex-flow: column;
}
.dani
{
    font-size: .7rem;
    font-stretch: expanded;
    letter-spacing: .05rem;
    color: #000;
}
.sati
{
color: #027fff;
font-weight: 400;
}
.naslov
{
font-size: 1.5rem;
color: #027fff;
font-weight: 666;
font-stretch: 96%;
padding-bottom:.5rem;
}
.naslov2
{
font-size: 1.25rem;
color: #8876fe;
font-weight: 666;
font-stretch: 96%;
padding-bottom:1rem;
}
.opis, .Lista_Proizvoda
{
font-size: 1rem;
color: #000;
font-weight: 450;
font-variation-settings: "ital" 125;
padding: 1rem;
border-radius: 1rem;
background-color:hsl(0deg 0% 90% / 30%);
}
.Lista_Proizvoda
{
 display: grid;
 grid-template-columns: auto;
 gap: 2rem;
}
.Lista
{
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1rem;
}
@media (max-width: 48rem) {
.Lista
{
 grid-template-columns: 1fr;
}
}
.onama
{
height: 100%;
-webkit-box-flex: 1;
border-radius: 1.125rem;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 1.25rem;
}
.ponuda
{
    display:none;
background-color: hsl(0deg 0% 100% / 70%);
height: 100%;
-webkit-box-flex: 1;
border-radius: 1.125rem;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
overflow: hidden;
z-index: 2;
padding: 1.25rem;
}
ul[title]::before {
    content: attr(title);
    display: block;
    font-size: 1.25rem;
    font-weight: 666;
    font-variation-settings: "ital" 125;
    padding-bottom: .25rem;
}
ul{list-style-position: inside; }
li {
    padding-left: .75rem;
    padding-top: .25rem; }
@media (hover: hover) and (pointer: fine) {
    .lead-button:hover {
        background: var(--ldbtn);
    }
    .FS__link:hover {
        opacity: .75;
    }
    .question-and-answer:hover {
        background-color: var(--clr-trns_ld_8);
    }
    ._3802c04052af0bb5d03956299250789e-scssx:hover {
        -webkit-transform: scale(1.089);
        transform: scale(1.089);
    }
}
.italprc {
    font-variation-settings: "ital" 25;
}
.icon-box--des {
    word-wrap: break-word;
    color: var(--desColor);
    font-weight: 400;
}
@media (max-width: 36rem) {
    .icon-box {
        text-align: center 
    }
}


.wrapper {
	 display: flex;
	 flex-flow: wrap;
	 gap: 1rem;
	 justify-content: center;
}
.wrapper > div {
  flex: calc(50% - 1rem);
}
@media (max-width: 48rem) {
.wrapper > div {
  flex: 100%;
}
}
 .card {
    width: 100%;
	height: 16rem;
	perspective: 1500px;
    cursor: pointer;
}
 .card .content {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 transform-style: preserve-3d;
	 transition: transform 0.8s cubic-bezier(0.75, 0, 0.85, 1);
}
.card.open .content {
	 transform: rotateY(180deg);
}
 .front, .back {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 backface-visibility: hidden;
	 transform-style: preserve-3d;
	 border-radius: 1rem;
}
 .front .inner, .back .inner {
	 height: 100%;
    display: flex;
    flex-flow: column-reverse;
    justify-content: center;
    gap: 2rem;
	 padding: 1.5em;
	 transform: translateZ(80px) scale(0.94);
}
 .front {
	 background-color: #fff;
	 background-size: cover;
	 background-position: center center;
}
 .front .inner {
	 justify-items: center;
}
 .front h2 {
    align-self: center;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: #fff;
    font-size: 1.25rem;
    font-stretch: ultra-condensed;
    font-weight: 600;
}
 .back {
	 transform: rotateY(180deg);
	 background-color: hsl(0deg 0% 100% / 70%);
	 box-shadow: 0 0.1rem 1rem rgb(32 33 36 / 4%) !important;
}
 .back .inner {
	 justify-items: center;
}
 .back .description {
	 font-size: 1rem;
	 font-weight: 400;
	 overflow: auto;
	 cursor: auto;
	 color: #000;
	 border-radius: 1rem;
     padding: 1.25rem;
     background-color: #f0f0f0;
}
 .back .location {
    font-size: 1.25rem;
    color: #027fff;
    font-weight: 666;
    font-stretch: 96%;
}
 .back .location {
	 justify-self: left;
}


.desrev-container, .desrev-item.svg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center 
}
.desrev-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 4rem;
    white-space: nowrap 
}
.desrev-item {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto 
}
.desrev-item.svg {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    grid-gap: .25rem;
    height: 2.5rem;
    padding: 0 1rem 0 1rem;
    border-radius: 2.5rem;
    background-color: transparent;
}
.bigbold {
    font-weight: 750;
    font-size: var(--bigSize);
    color: var(--bigbold);
}
.nobold, .smallbold {
    font-weight: 650;
    font-size: var(--medSize);
    color: var(--desColor);
    margin-bottom: -.125rem 
}
.nobold {
    font-weight: 350 
}
.swiper {
  width: 100vw;
  max-height: 720px;
}
.sw_img_
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}
.k1{background-image: url(../img/ducan.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k2{background-image: url(../img/VTS06241.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k3{background-image: url(../img/VTS06266.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k4{background-image: url(../img/VTS06268.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k5{background-image: url(../img/VTS06211.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k6{background-image: url(../img/VTS06222.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k7{background-image: url(../img/VTS06230.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.k8{background-image: url(../img/VTS06276.webp);width:1080px;height:720px;aspect-ratio: 16/9;background-size:contain}
.KMCL{height: 3rem;width: 4rem;filter: drop-shadow(0 0.05rem 1rem rgba(0,0,0,.25));}

.head
{
    display: grid;height:6rem;
    grid-template-columns: 2rem auto auto 2rem;
}
@media only screen and (max-width: 734px)
{
.head {
    grid-template-columns: 1rem auto auto 1rem;
}
}
.KMC_Logo
{
    grid-column: 2/2;
    align-self: center;
}
.FooterSocials {
    grid-column: 3/3;
    display: flex;
    gap: 1rem;
    place-self: end;
    align-self: center;
    flex-flow: row;
}
.FS__link {
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .3s cubic-bezier(.4, 0, 1, 1);
}
.FS__link img {
    height: 1.25rem;
    width: 1.25rem;
    filter: drop-shadow(0 0.01rem 0.5rem rgba(0,0,0,.3));
}
#footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
    width: 100%;
    max-width: 72rem;
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
    place-self: center;
    place-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
#footer > * {
    grid-area: foot;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 0;
    grid-row-end: 2;
}
.footer_lead {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    gap: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-column-align: center;
    justify-self: center;
}
.footer_sublead {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    gap: .5rem;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-column-align: center;
    justify-self: center;
    padding-top: 2rem;
}
.footer_copyright {
    color: var(--desColor);
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    font-size: .75rem;
    font-weight: 450;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.footer_main_label {
    text-align: center;
    text-align: -webkit-center;
    white-space: wrap;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: .5rem;
    font-weight: 600;
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
    background-image: -webkit-gradient(linear,left top, right top,from(var(--clr-trns_ld)), to(var(--desColor)));
    background-image: linear-gradient(90deg,var(--clr-trns_ld) 0%, var(--desColor) 100%);
}
.footer_rights {
    color: var(--desColor);
    font-size: .75rem;
    font-weight: 350;
    font-stretch: 96%;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-variation-settings: "ital" 125;
    white-space: nowrap;
}
.partneri{padding: 1rem 0rem 1rem 0rem; overflow:hidden;}
.m-items
{
    display:flex;flex-wrap:nowrap; justify-content: space-around;gap:1rem;
    -webkit-mask: linear-gradient(90deg, transparent 0%, black 50%, transparent  100%);
    mask: linear-gradient(90deg, transparent 0%, black 50%, transparent  100%);
}
.m-items .m-item
{
                position: absolute;
                display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;flex-shrink:0;
                min-width: 6%;
                height: 100%;
                margin: 0;
                line-height: 50px;
                text-align: center;
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                animation: bouncing-text 150s linear infinite;
}
.m-item img{max-width:2.75rem;display:block;transition:opacity .3s;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;}
            @keyframes bouncing-text {
                0% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
                100% {
                    -moz-transform: translateX(10000%);
                    -webkit-transform: translateX(10000%);
                    transform: translateX(10000%);
                }
            }