@font-face {
    font-family: news cycle;
    font-style: normal;
    font-weight: 700;
    src: local('News Cycle Bold'), local('NewsCycle-Bold'), url(https://fonts.gstatic.com/s/newscycle/v15/CSR54z1Qlv-GDxkbKVQ_dFsvWNpeudwk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: news cycle;
    font-style: normal;
    font-weight: 700;
    src: local('News Cycle Bold'), local('NewsCycle-Bold'), url(https://fonts.gstatic.com/s/newscycle/v15/CSR54z1Qlv-GDxkbKVQ_dFsvWNReuQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.lang-creator {
    font-size: 9px;
    padding-bottom: 4px;
    padding-top: 2px;
    padding-right: 4px;
    text-align: right
}

.lang-creator a {
    text-decoration: none;
    color: #444
}

.lang-arrow {
    background-color: #444;
    display:inline-block;
    width:10px;
    height:10px;
    margin-left: 8px;
    background: url(https://cdn.jsdelivr.net/gh/stefaner1/free-online-translator/img/arrow.svg) no-repeat center;
    background-size: contain;
}

.translate_wrapper1 {
    box-shadow: rgba(0, 0, 0, 0.15)0 5px 15px;
    background: #fff;
    border-radius: 2px
}

.translate_wrapper {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    font-size: 16px;
    border-radius: 4px;
    color: #444;
    font-family: news cycle, sans-serif
}

.translate_wrapper.left {
    right: unset;
    left: 20px
}

.translate_wrapper.left .current_lang {
    text-align: left
}

.current_lang {
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden;
    text-align: right
}

.translate_wrapper .lang {
    padding: 10px 15px;
    display: block;
    color: #444;
    text-decoration: none
}

.translate_wrapper .lang.selected {
    display: none
}

.translate_wrapper .lang img,
.translate_wrapper .lang span.lang-txt {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.translate_wrapper .lang span.lang-txt {
    position: relative;
    top: -1px;
    font-weight: 700
}

.translate_wrapper .lang img {
    width: 20px;
    margin-left: 0
}

.translate_wrapper .lang span span {
    color: #999
}

.translate_wrapper .lang span.fa {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 3px
}

.translate_wrapper .more_lang {
    max-height: 200px;
    overflow-y: auto;
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -moz-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -o-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    -ms-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
    transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15)
}

.translate_wrapper1.active .more_lang {
    display: block
}

#page-translator {
    display: none !important
}

.translate_wrapper .more_lang.active {
    opacity: 1;
    transform: translateY(-0px)
}

.translate_wrapper .more_lang .lang:hover {
    background: #5766b2;
    color: #fff
}

.translate_wrapper .more_lang .lang:hover span {
    color: #fff
}

.translate_wrapper1:hover,
.translate_wrapper1.active {
    box-shadow: rgba(0, 0, 0, .2) 0 5px 15px;
    -webkit-transition: all .3s cubic-bezier(0, .99, .44, .99);
    -moz-transition: all .3s cubic-bezier(0, .99, .44, .99);
    -o-transition: all .3s cubic-bezier(0, .99, .44, .99);
    -ms-transition: all .3s cubic-bezier(0, .99, .44, .99);
    transition: all .3s cubic-bezier(0, .99, .44, .99)
}

.translate_wrapper.active .lang {
    border-bottom: 1px solid #eaeaea
}

body[dir=rtl] .translate_wrapper {
    right: 20px;
    left: auto
}

body[dir=rtl] .translate_wrapper .more_lang .lang span.fa {
    margin-right: 3px;
    margin-left: 0
}

body[dir=rtl] .translate_wrapper .more_lang .lang .lang-txt {
    margin-right: 5px;
    margin-left: 0
}

body[dir=rtl] .translate_wrapper .more_lang .lang span span {
    float: left;
    margin-right: 5px
}

#ea-translate-test-btn {
    position: absolute;
    bottom: 31px;
    right: 49px
}

#ea-translate-test-btn .translate_wrapper.right {
    position: relative;
    right: auto;
    bottom: auto
}

#ea-translate-test-btn #trans-btn {
    box-shadow: rgba(0, 0, 0, 0.45)0 5px 25px
}

#testujemy-btn {
    position: absolute;
    bottom: 42px;
    right: -35px
}