/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule {
    font-size: 0;
    height: 0;
    width: 100%;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)
}

    .iziToast-capsule, .iziToast-capsule * {
        box-sizing: border-box
    }

.iziToast-overlay {
    display: block;
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 997
}

.iziToast {
    display: inline-block;
    clear: both;
    position: relative;
    font-family: 'Lato',Tahoma,Arial;
    font-size: 14px;
    padding: 8px 45px 9px 0;
    background: rgba(238,238,238,.9);
    border-color: rgba(238,238,238,.9);
    width: 100%;
    pointer-events: all;
    cursor: default;
    transform: translateX(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 54px
}

    .iziToast > .iziToast-progressbar {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        background: rgba(255,255,255,.2)
    }

        .iziToast > .iziToast-progressbar > div {
            height: 2px;
            width: 100%;
            background: rgba(0,0,0,.3);
            border-radius: 0 0 3px 3px
        }

    .iziToast.iziToast-balloon:before {
        content: '';
        position: absolute;
        right: 8px;
        left: auto;
        width: 0;
        height: 0;
        top: 100%;
        border-right: 0 solid transparent;
        border-left: 15px solid transparent;
        border-top: 10px solid #000;
        border-top-color: inherit;
        border-radius: 0
    }

    .iziToast.iziToast-balloon .iziToast-progressbar {
        top: 0;
        bottom: auto
    }

    .iziToast.iziToast-balloon > div {
        border-radius: 0 0 0 3px
    }

    .iziToast > .iziToast-cover {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        margin: 0;
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: rgba(0,0,0,.1)
    }

    .iziToast > .iziToast-close {
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
        padding: 0;
        opacity: .6;
        width: 42px;
        height: 100%;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
        background-size: 8px;
        cursor: pointer;
        outline: 0
    }

        .iziToast > .iziToast-close:hover {
            opacity: 1
        }

    .iziToast > .iziToast-body {
        position: relative;
        padding: 0 0 0 10px;
        height: auto;
        min-height: 36px;
        margin: 0 0 0 15px;
        text-align: left
    }

        .iziToast > .iziToast-body:after {
            content: "";
            display: table;
            clear: both
        }

        .iziToast > .iziToast-body .iziToast-texts {
            margin: 10px 0 0;
            padding-right: 2px;
            display: inline-block;
            float: left
        }

        .iziToast > .iziToast-body .iziToast-inputs {
            min-height: 19px;
            float: left;
            margin: 3px -2px
        }

            .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]), .iziToast > .iziToast-body .iziToast-inputs > select {
                position: relative;
                display: inline-block;
                margin: 2px;
                border-radius: 2px;
                border: 0;
                padding: 4px 7px;
                font-size: 13px;
                letter-spacing: .02em;
                background: rgba(0,0,0,.1);
                color: #000;
                box-shadow: 0 0 0 1px rgba(0,0,0,.2);
                min-height: 26px
            }

                .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus {
                    box-shadow: 0 0 0 1px rgba(0,0,0,.6)
                }

        .iziToast > .iziToast-body .iziToast-buttons {
            min-height: 17px;
            float: left;
            margin: 4px -2px
        }

            .iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
                position: relative;
                display: inline-block;
                margin: 2px;
                border-radius: 2px;
                border: 0;
                padding: 5px 10px;
                font-size: 12px;
                letter-spacing: .02em;
                cursor: pointer;
                background: rgba(0,0,0,.1);
                color: #000
            }

                .iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
                    background: rgba(0,0,0,.2)
                }

                .iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
                    box-shadow: 0 0 0 1px rgba(0,0,0,.6)
                }

                .iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
                    top: 1px
                }

        .iziToast > .iziToast-body .iziToast-icon {
            position: absolute;
            left: 0;
            top: 50%;
            display: table;
            font-size: 23px;
            line-height: 24px;
            margin-top: -12px;
            color: #000;
            width: 24px;
            height: 24px
        }

            .iziToast > .iziToast-body .iziToast-icon.ico-info {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
                background-size: 85%
            }

            .iziToast > .iziToast-body .iziToast-icon.ico-warning {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
                background-size: 85%
            }

            .iziToast > .iziToast-body .iziToast-icon.ico-error {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;
                background-size: 80%
            }

            .iziToast > .iziToast-body .iziToast-icon.ico-success {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
                background-size: 85%
            }

            .iziToast > .iziToast-body .iziToast-icon.ico-question {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
                background-size: 85%
            }

        .iziToast > .iziToast-body .iziToast-message, .iziToast > .iziToast-body .iziToast-title {
            padding: 0;
            font-size: 14px;
            line-height: 16px;
            text-align: left;
            float: left;
            white-space: normal
        }

        .iziToast > .iziToast-body .iziToast-title {
            color: #000;
            margin: 0
        }

        .iziToast > .iziToast-body .iziToast-message {
            margin: 0 0 10px;
            color: rgba(0,0,0,.6)
        }

    .iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-inputs-child, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-title {
        opacity: 0
    }

.iziToast-target {
    position: relative;
    width: 100%;
    margin: 0 auto
}

    .iziToast-target .iziToast-capsule {
        overflow: hidden
    }

        .iziToast-target .iziToast-capsule:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0
        }

        .iziToast-target .iziToast-capsule .iziToast {
            width: 100%;
            float: left
        }

.iziToast-wrapper {
    z-index: 99999;
    position: fixed;
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-direction: column
}

    .iziToast-wrapper .iziToast.iziToast-balloon:before {
        border-right: 0 solid transparent;
        border-left: 15px solid transparent;
        border-top: 10px solid #000;
        border-top-color: inherit;
        right: 8px;
        left: auto
    }

.iziToast-wrapper-bottomLeft {
    left: 0;
    bottom: 0;
    text-align: left
}

    .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before, .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
        border-right: 15px solid transparent;
        border-left: 0 solid transparent;
        right: auto;
        left: 8px
    }

.iziToast-wrapper-bottomRight {
    right: 0;
    bottom: 0;
    text-align: right
}

.iziToast-wrapper-topLeft {
    left: 0;
    top: 0;
    text-align: left
}

.iziToast-wrapper-topRight {
    top: 0;
    right: 0;
    text-align: right
}

.iziToast-wrapper-topCenter {
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-bottomCenter, .iziToast-wrapper-center {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-center {
    top: 0;
    justify-content: center;
    flex-flow: column;
    align-items: center
}

.iziToast-rtl {
    direction: rtl;
    padding: 8px 0 9px 45px;
    font-family: Tahoma,'Lato',Arial
}

    .iziToast-rtl .iziToast-cover {
        left: auto;
        right: 0
    }

    .iziToast-rtl .iziToast-close {
        right: auto;
        left: 0
    }

    .iziToast-rtl .iziToast-body {
        padding: 0 10px 0 0;
        margin: 0 16px 0 0;
        text-align: right
    }

        .iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-message, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title {
            float: right;
            text-align: right
        }

        .iziToast-rtl .iziToast-body .iziToast-icon {
            left: auto;
            right: 0
        }

@media only screen and (min-width:568px) {
    .iziToast-wrapper {
        padding: 10px 15px
    }

    .iziToast {
        margin: 5px 0;
        border-radius: 3px;
        width: auto
    }

        .iziToast:after {
            content: '';
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 3px;
            box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)
        }

        .iziToast:not(.iziToast-rtl) .iziToast-cover {
            border-radius: 3px 0 0 3px
        }

        .iziToast.iziToast-rtl .iziToast-cover {
            border-radius: 0 3px 3px 0
        }

        .iziToast.iziToast-color-dark:after {
            box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)
        }

        .iziToast.iziToast-balloon .iziToast-progressbar {
            background: 0 0
        }

        .iziToast.iziToast-balloon:after {
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)
        }

    .iziToast-target .iziToast:after {
        box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)
    }
}

.iziToast.iziToast-theme-dark {
    background: #565c70;
    border-color: #565c70
}

    .iziToast.iziToast-theme-dark .iziToast-title {
        color: #fff
    }

    .iziToast.iziToast-theme-dark .iziToast-message {
        color: rgba(255,255,255,.7);
        font-weight: 300
    }

    .iziToast.iziToast-theme-dark .iziToast-close {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
        background-size: 8px
    }

    .iziToast.iziToast-theme-dark .iziToast-icon {
        color: #fff
    }

        .iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
            background-size: 85%
        }

        .iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
            background-size: 85%
        }

        .iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;
            background-size: 80%
        }

        .iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
            background-size: 85%
        }

        .iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
            background-size: 85%
        }

    .iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input {
        color: #fff;
        background: rgba(255,255,255,.1)
    }

        .iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
            background: rgba(255,255,255,.2)
        }

        .iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
            box-shadow: 0 0 0 1px rgba(255,255,255,.6)
        }

.iziToast.iziToast-color-red {
    background: rgba(255,175,180,.9);
    border-color: rgba(255,175,180,.9)
}

.iziToast.iziToast-color-orange {
    background: rgba(255,207,165,.9);
    border-color: rgba(255,207,165,.9)
}

.iziToast.iziToast-color-yellow {
    background: rgba(255,249,178,.9);
    border-color: rgba(255,249,178,.9)
}

.iziToast.iziToast-color-blue {
    background: rgba(157,222,255,.9);
    border-color: rgba(157,222,255,.9)
}

.iziToast.iziToast-color-green {
    background: rgba(166,239,184,.9);
    border-color: rgba(166,239,184,.9)
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-message, .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts {
    width: 100%
}

.iziToast.iziToast-layout3 {
    border-radius: 2px
}

    .iziToast.iziToast-layout3::after {
        display: none
    }

.iziToast .revealIn, .iziToast.revealIn {
    -webkit-animation: iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;
    -moz-animation: iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;
    animation: iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both
}

.iziToast .slideIn, .iziToast.slideIn {
    -webkit-animation: iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
    -moz-animation: iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
    animation: iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both
}

.iziToast.bounceInLeft {
    -webkit-animation: iziT-bounceInLeft .7s ease-in-out both;
    animation: iziT-bounceInLeft .7s ease-in-out both
}

.iziToast.bounceInRight {
    -webkit-animation: iziT-bounceInRight .85s ease-in-out both;
    animation: iziT-bounceInRight .85s ease-in-out both
}

.iziToast.bounceInDown {
    -webkit-animation: iziT-bounceInDown .7s ease-in-out both;
    animation: iziT-bounceInDown .7s ease-in-out both
}

.iziToast.bounceInUp {
    -webkit-animation: iziT-bounceInUp .7s ease-in-out both;
    animation: iziT-bounceInUp .7s ease-in-out both
}

.iziToast .fadeIn, .iziToast.fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast.fadeInUp {
    -webkit-animation: iziT-fadeInUp .7s ease both;
    animation: iziT-fadeInUp .7s ease both
}

.iziToast.fadeInDown {
    -webkit-animation: iziT-fadeInDown .7s ease both;
    animation: iziT-fadeInDown .7s ease both
}

.iziToast.fadeInLeft {
    -webkit-animation: iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;
    animation: iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both
}

.iziToast.fadeInRight {
    -webkit-animation: iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;
    animation: iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both
}

.iziToast.flipInX {
    -webkit-animation: iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;
    animation: iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both
}

.iziToast.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

.iziToast.fadeOutDown {
    -webkit-animation: iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;
    animation: iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both
}

.iziToast.fadeOutUp {
    -webkit-animation: iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;
    animation: iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both
}

.iziToast.fadeOutLeft {
    -webkit-animation: iziT-fadeOutLeft .5s ease both;
    animation: iziT-fadeOutLeft .5s ease both
}

.iziToast.fadeOutRight {
    -webkit-animation: iziT-fadeOutRight .5s ease both;
    animation: iziT-fadeOutRight .5s ease both
}

.iziToast.flipOutX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;
    animation: iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both
}

.iziToast-overlay.fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast-overlay.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

@-webkit-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    70% {
        -webkit-transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    70% {
        -webkit-transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(10px)
    }

    70% {
        -webkit-transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px)
    }

    70% {
        -webkit-transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg)
    }

    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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
        transform: translate3d(-200px,0,0)
    }
}

@-webkit-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0)
    }
}

@-webkit-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@-moz-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@-o-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@keyframes iziT-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,1)
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-o-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes iziT-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-moz-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        transform: translateX(-20px)
    }

    70% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        transform: translateX(-20px)
    }

    70% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

@-o-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        transform: translateX(-20px)
    }

    70% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        transform: translateX(-20px)
    }

    70% {
        transform: translateX(10px)
    }

    to {
        transform: translateX(0)
    }
}

@-moz-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        transform: translateX(20px)
    }

    70% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        transform: translateX(20px)
    }

    70% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

@-o-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        transform: translateX(20px)
    }

    70% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        transform: translateX(20px)
    }

    70% {
        transform: translateX(-10px)
    }

    to {
        transform: translateX(0)
    }
}

@-moz-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        transform: translateY(10px)
    }

    70% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        transform: translateY(10px)
    }

    70% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@-o-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        transform: translateY(10px)
    }

    70% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        transform: translateY(10px)
    }

    70% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@-moz-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        transform: translateY(-10px)
    }

    70% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        transform: translateY(-10px)
    }

    70% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@-o-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        transform: translateY(-10px)
    }

    70% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        transform: translateY(-10px)
    }

    70% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@-moz-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg)
    }

    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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg)
    }

    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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg)
    }

    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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg)
    }

    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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-o-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-moz-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-o-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-moz-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
        transform: translate3d(-200px,0,0)
    }
}

@-webkit-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
        transform: translate3d(-200px,0,0)
    }
}

@-o-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
        transform: translate3d(-200px,0,0)
    }
}

@keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px,0,0);
        transform: translate3d(-200px,0,0)
    }
}

@-moz-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0)
    }
}

@-webkit-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0)
    }
}

@-o-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0)
    }
}

@keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0)
    }
}

@-moz-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@-o-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.error-box {
    padding: 110px 0;
    text-align: center
}

    .error-box .icon-404 {
        display: inline-block;
        font-size: 179px;
        color: #384145;
        vertical-align: middle
    }

    .error-box .error-content {
        display: inline-block;
        margin-left: 25px;
        text-align: left;
        vertical-align: middle
    }

        .error-box .error-content h2 span {
            font-family: GothamNarrow-Light
        }

        .error-box .error-content h3 {
            color: #384145;
            font-size: 2rem;
            margin-top: 25px;
            margin-bottom: 0
        }

        .error-box .error-content p {
            color: #333;
            font: 1.6rem/24px "GothamNarrow-Book";
            margin-top: 25px
        }

        .error-box .error-content ul {
            margin-top: 18px
        }

            .error-box .error-content ul li a {
                color: var(--primary)
            }

.page-not-found .global-container.zb-w {
    max-width: 1302px;
    margin: 140px auto
}

.page-not-found .footer-container {
    padding: 18px 32px;
    background-color: #4c565b;
    position: absolute;
    bottom: 0;
    width: 100%
}

.page-not-found .sub-page-container {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px
}

.page-not-found .global-container {
    height: 100%
}

@media screen and (max-width: 990px)and (min-width: 768px) {
    .page-not-found .global-container.zb-w {
        margin-bottom: 0;
        margin-top: 50px
    }
}

@media screen and (max-width: 1366px) {
    .page-not-found .global-container.zb-w {
        margin: 140px 32px 140px 32px
    }
}

@media screen and (max-width: 767px) {
    .page-not-found body.sub-page .body-bg {
        background-size: cover
    }

    .page-not-found .global-container.zb-w {
        margin: 0;
        margin-bottom: 145px;
        height: calc(100% - 240px)
    }

        .page-not-found .global-container.zb-w .sub-page-container {
            border-radius: 0
        }
}

@media screen and (max-width: 1050px) {
    .error-box .icon-404 {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 990px) {
    .error-box {
        padding: 50px 0
    }

        .error-box .icon-404 {
            margin-bottom: 20px;
            font-size: 110px
        }

        .error-box .error-content {
            margin-left: 0
        }
}

.main-banner .slick-list, .main-banner .slick-track, .main-banner .slick-slide, .main-banner .slick-slide > div, .main-banner .item {
    height: 100%
}

.main-banner .slide-text {
    position: absolute;
    left: 0;
    top: 20%;
    z-index: 2;
    line-height: normal;
    font-size: 6rem;
    font-family: "GothamNarrow-Bold";
    line-height: normal
}

    .main-banner .slide-text p {
        line-height: 30px;
        margin-top: 15px
    }

    .main-banner .slide-text a {
        padding: 6px 30px 8px 30px;
        background-color: #fff;
        border-radius: 50px;
        font-size: 2rem;
        font-family: "GothamNarrow-Medium";
        line-height: normal;
        color: #1d1d1b;
        display: inline-block;
        margin-top: 23px;
        margin-left: 5px;
        letter-spacing: .2px;
        line-height: 38px;
        max-height: 49px;
        transition: all .3s ease;
        box-shadow: 0 0 0 5px rgba(0,0,0,.2);
        outline: none !important
    }

.main-banner .mobile-text {
    display: block;
    text-align: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px
}

    .main-banner .mobile-text h2 {
        font-size: 2.2rem !important;
        text-align: center
    }

.main-banner .mobile-img {
    width: 80%;
    margin: 15px auto
}

.main-banner .item {
    position: relative
}

    .main-banner .item .banner-bg {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: -1;
        background-size: cover;
        background-position: right calc(50% + 2px);
        background-repeat: no-repeat
    }

.main-banner .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 20px;
    right: 0;
    display: flex;
    align-items: center
}

    .main-banner .slick-dots li {
        display: block;
        background-color: #fff;
        width: 12px;
        height: 12px;
        opacity: .5;
        margin: 3px;
        border-radius: 100%;
        cursor: pointer
    }

        .main-banner .slick-dots li.slick-active {
            background-color: #fff;
            border: 4px solid rgba(0,0,0,.88);
            width: 20px;
            height: 20px;
            opacity: 1
        }

        .main-banner .slick-dots li button {
            display: none
        }

@media screen and (max-width: 767px) {
    .main-banner .slide-text {
        height: calc(100% - 70px)
    }
}

@media screen and (max-width: 990px) {
    .main-banner .slide-text {
        width: 100%;
        height: calc(100% - 100px);
        text-align: center;
        padding-top: 0;
        top: 5%
    }

        .main-banner .slide-text h2 {
            text-align: center;
            font-size: 4rem !important
        }

        .main-banner .slide-text .global-container {
            height: 100%;
            margin: 0;
            position: relative
        }
}

@media screen and (max-width: 1600px)and (min-width: 990px) {
    .main-banner .slide-text h2 {
        font-size: 3.6rem
    }

    .main-banner .slide-text p {
        font-size: 2.5rem
    }

    .main-banner .slide-text a {
        font-size: 1.6rem;
        line-height: 31px;
        padding: 4px 30px;
        height: 38px
    }
}

.content-slider .item {
    position: relative
}

    .content-slider .item:before {
        content: "";
        height: 4px;
        width: 0;
        background-color: var(--primary);
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 8s linear
    }

.content-slider .slick-active .item:before {
    width: 100%
}

.content-slider.-cs {
    float: none !important;
    margin: 0 !important
}

    .content-slider.-cs .prev, .content-slider.-cs .next {
        background-color: hsla(0,0%,100%,.9) !important
    }

.icon-accident:before {
    content: ""
}

.icon-education-support:before {
    content: ""
}

.icon-save-price:before {
    content: ""
}

.icon-shield-check:before {
    content: ""
}

.icon-bond-paper:before {
    content: ""
}

.icon-deferred-operation:before {
    content: ""
}

.icon-exchange-investment:before {
    content: ""
}

.icon-stock-paper:before {
    content: ""
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -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)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide {
    display: none
}

    .slick-slide.dragging img {
        pointer-events: none
    }

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0,0,0,0)
}

.slick-arrow.slick-hidden {
    display: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

.wd-100 {
    width: 100% !important
}

.mobile-navigation {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 500ms linear;
    top: -100%;
    position: fixed
}

.tar {
    text-align: center
}

html.-bigger {
    font-size: 72.5% !important
}

@media screen and (max-width: 990px) {
    .mobile_nav_btn_active .header {
        opacity: 0
    }

    .mobile_nav_btn_active body {
        overflow: hidden !important
    }

    .mobile_nav_btn_active .mobile-navigation {
        opacity: 1;
        visibility: visible;
        z-index: 100;
        top: 0
    }

        .mobile_nav_btn_active .mobile-navigation .mobile-nav-content {
            top: 0;
            opacity: 1;
            -webkit-transition: all 1s ease-out;
            transition: all 1s ease-out
        }
}

@media screen and (max-width: 767px) {
    .landing-item-box {
        margin: 0 15px 25px 15px
    }
}

body.list-page .body-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-size: cover
}

#announcements span {
    float: right
}

    #announcements span i {
        cursor: pointer
    }

.map-form-box .map-form-item {
    margin-top: 15px
}

    .map-form-box .map-form-item:first-child {
        margin-top: 0
    }

.tbl-list h3 {
    margin: 0 !important
}

.content-slider {
    max-height: 333px;
    overflow: hidden
}

.owl-nav div:before {
    font-family: "ziraat" !important
}

.select-box.black:after {
    display: none
}

.select-box.icon-arrow-down select {
    outline: none;
    -webkit-appearance: none
}

.tabs-wrapper .tab-content {
    display: none !important
}

    .tabs-wrapper .tab-content.active {
        display: block !important
    }

.institute .tabs-box {
    height: calc(100% - 60px) !important
}

.institute .tabs-content {
    display: none !important
}

    .institute .tabs-content.active {
        display: block !important
    }

.checkbox-group .checkbox-item input:checked + span {
    font-size: 10px
}

    .checkbox-group .checkbox-item input:checked + span:before {
        content: "";
        position: absolute;
        left: -1px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 9px;
        height: 11px;
        color: #e52532;
        font-family: Ziraat !important;
        margin: auto
    }

.form-box div.form-item {
    margin-bottom: 17px
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.p-0 {
    padding: 0 !important
}

.pl {
    position: relative
}

.loading-player.visible {
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.loading-player {
    transition: all 250ms linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 22;
    border-radius: inherit
}

    .loading-player i, .loading-player i:after {
        border-radius: 50%;
        width: 10em;
        height: 10em
    }

    .loading-player i {
        display: block;
        margin: 60px auto;
        font-size: 8px;
        position: relative;
        text-indent: -9999em;
        border-top: 1.1em solid hsla(0,0%,100%,.6);
        border-right: 1.1em solid hsla(0,0%,100%,.6);
        border-bottom: 1.1em solid hsla(0,0%,100%,.6);
        border-left: 1.1em solid rgba(225,5,20,.6);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear
    }

.list-box.news-box.v2 .list-box-item {
    padding: 0;
    border: 0
}

#loan {
    padding: 0 30px 30px 30px
}

    #loan .money {
        text-align: right
    }

    #loan .input-box {
        color: #333;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        box-sizing: border-box;
        margin: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        border: 2px solid #a8acad;
        padding: 0 43px 0 20px;
        height: 44px;
        border-radius: 50px;
        position: relative;
        background-color: #e8e8e8;
        border-color: #858584
    }

        #loan .input-box .form-sub-item {
            height: 100%;
            position: static;
            padding: 0
        }

            #loan .input-box .form-sub-item label {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                border: 0;
                font: inherit;
                vertical-align: baseline;
                font-family: "GothamNarrow-Medium";
                line-height: 41px;
                display: block;
                color: #828281;
                font-size: 1.5rem;
                white-space: nowrap
            }

            #loan .input-box .form-sub-item input[type=tel] {
                box-sizing: border-box;
                font: inherit;
                margin: 0;
                -webkit-appearance: none;
                width: 88%;
                background-color: rgba(0,0,0,0);
                border: 0;
                outline: none;
                font-family: "GothamNarrow-Bold";
                line-height: 41px;
                padding: 0;
                height: 100%;
                color: #1d1d1b;
                font-size: 1.6rem;
                text-align: right
            }

            #loan .input-box .form-sub-item i {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                border: 0;
                font: inherit;
                vertical-align: baseline;
                font-family: "GothamNarrow-Book";
                line-height: 41px;
                position: absolute;
                right: 20px;
                top: 0;
                height: 100%;
                font-size: 1.6rem;
                color: #1d1d1b
            }

        #loan .input-box .-input-list {
            text-align: right;
            white-space: nowrap
        }

            #loan .input-box .-input-list label {
                display: inline-block;
                margin-left: 1%
            }

    #loan .slider-calculation {
        color: #333;
        box-sizing: border-box;
        margin: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        background-color: #e8e8e8;
        border: 2px solid #858584;
        height: 44px;
        border-radius: 50px;
        position: relative;
        padding: 0 30px 0 20px
    }

        #loan .slider-calculation .slider-calculate {
            -webkit-font-smoothing: antialiased;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            box-sizing: border-box;
            padding: 0;
            font: inherit;
            vertical-align: baseline;
            position: relative;
            text-align: left;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 1em;
            background: #fff;
            color: #333;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
            top: 19px;
            height: 3px;
            -webkit-border-radius: 3px;
            border: 0;
            background-color: #bababa
        }

            #loan .slider-calculation .slider-calculate .ui-slider-range {
                text-align: left;
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                font: inherit;
                vertical-align: baseline;
                background: #e9e9e9;
                color: #333;
                font-weight: bold;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                position: absolute;
                z-index: 1;
                font-size: .7em;
                display: block;
                border: 0;
                background-position: 0 0;
                top: 0;
                height: 100%;
                left: 0;
                background-color: var(--primary);
                width: 100%
            }

            #loan .slider-calculation .slider-calculate .ui-slider-handle {
                -webkit-font-smoothing: antialiased;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                text-align: left;
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline;
                position: absolute;
                z-index: 2;
                touch-action: none;
                margin-left: -0.6em;
                background: #f6f6f6;
                font-weight: normal;
                color: #454545;
                -webkit-border-radius: 100%;
                width: 25px;
                height: 25px;
                background-color: var(--primary);
                border: 3px solid var(--primary);
                cursor: pointer;
                outline: none;
                top: -11px;
                left: 66.1017%
            }

    #loan .input.slider-month i {
        font-style: normal
    }

    #loan .input.slider-month input {
        padding-right: 78px
    }

    #loan .input, #loan .select2-selection {
        border-color: #858584
    }

.sub-page-content #loan .input-box, .sub-page-content #loan .slider-calculation {
    background-color: #fff
}

.radio-btn-group.red-box > div {
    padding: 0 15px
}

.main-box-wrapper .market-data-box .tabs-box .tabs-content .vertical-align-middle > span {
    bottom: 44px
}

.home-page .map-form .radio-box {
    white-space: nowrap
}

.o-in {
    overflow: inherit !important
}

html.ru *:not([class*=icon-]) {
    font-family: Arial,sans-serif !important
}

html.ru h1, html.ru h2, html.ru h3, html.ru h4, html.ru h5, html.ru h6, html.ru bold, html.ru strong {
    font-weight: bold
}

html.ru .header-right .navigation > ul > li > a {
    font-weight: bold !important
}

html.ru .main-box-wrapper .market-data-box .tabs-box .tabs-title a.active {
    font-weight: bold !important
}

.internet-branch .ib-link {
    padding: 11.5px 10px
}

    .internet-branch .ib-link a {
        font-size: 1.4rem
    }

        .internet-branch .ib-link a + a {
            padding-left: 8px;
            margin-left: 8px
        }

.box-inner-wrapper p {
    font-size: 16px;
    line-height: 1.6
}

#kredi-tutari, #kredi-sonuc {
    padding-right: 12px !important
}

.applications-box a {
    height: 150px
}

.customer-communication {
    font-size: 11px;
    position: relative;
    top: -2px
}

    .customer-communication .cc-right b {
        font-size: 1.2em
    }

    .customer-communication .cc-right a {
        font-size: 1em
    }

.main-box-wrapper > [class^=col-], .main-box-wrapper > [class*=" col-"] {
    min-height: 640px
}

#ZiraatVerileri {
    height: calc(100% - 60px)
}

    #ZiraatVerileri .vertical-align {
        display: block !important
    }

        #ZiraatVerileri .vertical-align .vertical-align-middle {
            display: block !important;
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

#cl-nav {
    padding-top: 20px;
    text-align: right;
    color: #555;
    font-size: 1.2em
}

    #cl-nav i {
        display: inline-block;
        margin-left: 5px;
        cursor: pointer
    }

.customer-communication {
    font-size: 11px
}

.fl-free {
    width: auto !important;
    float: none !important;
    color: #fff
}

    .fl-free li {
        width: 100% !important
    }

.mrg-b {
    margin-bottom: 20px
}

.fl-f-format .row {
    padding-top: 15px
}

    .fl-f-format .row > div {
        display: flex
    }

.fl-f-format i[class^=icon] {
    font-size: 3rem;
    margin-right: 15px
}

.fl-f-format a {
    color: #fff
}

.-video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sub-page-title .breadcrumb a.dd-box:after, .sub-page-title .breadcrumb span.dd-box:after {
    float: right;
    top: -2px;
    position: relative
}

.sub-page-title .breadcrumb a.dd-box, .sub-page-title .breadcrumb span.dd-box {
    display: inline-block !important
}

.tac {
    text-align: center
}

.mrgt-0 {
    margin-top: 0 !important
}

@media only screen and (max-width: 600px) {
    .main-banner {
        height: calc(100% - 93px) !important
    }
}

@media screen and (max-width: 767px) {
    .header nav.top-navigation > a {
        line-height: 25px !important
    }

    .main-banner .slick-dots {
        justify-content: center;
        bottom: 10px
    }

        .main-banner .slick-dots li {
            width: 8px;
            height: 8px
        }

            .main-banner .slick-dots li.slick-active {
                border-width: 2px;
                box-sizing: content-box;
                width: 8px;
                height: 8px
            }
}

@media only screen and (max-width: 768px) {
    .main-box-wrapper > [class^=col-], .main-box-wrapper > [class*=" col-"] {
        min-height: 0 !important
    }

    #ZiraatVerileri .vertical-align .vertical-align-middle {
        top: 0;
        transform: none
    }

    .customer-communication {
        float: none !important;
        display: inline-block;
        margin: 0;
        margin-top: 25px
    }
}

.mobile-nav-bottom .row {
    display: flex
}

    .mobile-nav-bottom .row [class^=col-] {
        width: 100%;
        padding: 0 5px;
        float: none
    }

        .mobile-nav-bottom .row [class^=col-] a {
            text-align: center
        }

.mobile-header .language {
    display: flex;
    justify-content: space-around
}

    .mobile-header .language a {
        padding-left: 5px
    }

.form-box .form-item .row + #yourFirstCaptchaUserInput-error {
    display: none !important
}

.header-config .search-box-wrapper {
    left: auto;
    right: 0
}

.header-right .navigation > ul > li .sub-navigation-container {
    right: 0;
    min-width: 460px
}

.main-box-wrapper .applications a .small:before {
    font-size: 5rem
}

.main-box-wrapper .applications a .medium:before {
    font-size: 7.4rem
}

.main-box-wrapper .applications a .big:before {
    font-size: 9rem
}

.main-box-wrapper .applications a .doviz:before {
    font-size: 9rem
}

.content-slider.cs-new {
    max-width: 100% !important;
    margin: 0 !important;
    max-height: 100% !important
}

    .content-slider.cs-new img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.-project-list .-iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 0
}

.-project-list .-pj-img {
    border-radius: 5px;
    width: 100%;
    height: 330px;
    object-fit: cover;
    display: block
}

@media screen and (min-width: 990px) {
    html.ar .link-list-container {
        padding-right: 30px !important
    }
}

html.ar *:not([class*=icon-]) {
    font-family: Arial,Helvetica,sans-serif !important
}

html.ar {
    direction: rtl
}

    html.ar .contact-left {
        direction: ltr
    }

    html.ar .top-navigation {
        text-align: left;
        padding: 0 20px
    }

        html.ar .top-navigation a + a {
            margin-right: 20px;
            margin-left: 0
        }

        html.ar .top-navigation > a.langUrl {
            border-left: none;
            border-right: 1px solid #fff;
            margin-top: -2px;
            padding: 2px 20px 1px 0
        }

    html.ar .header-box {
        padding-right: 22px
    }

        html.ar .header-box .logo {
            float: right
        }

        html.ar .header-box .header-right {
            float: left
        }

    html.ar .header-config {
        float: left;
        padding-right: 0
    }

        html.ar .header-config .search-wrapper {
            float: right
        }

        html.ar .header-config .internet-branch {
            float: right;
            margin-left: 0;
            margin-right: 12px
        }

        html.ar .header-config .search-box-wrapper {
            left: 100px
        }

    html.ar .header-right .navigation {
        float: right;
        padding-left: 0
    }

        html.ar .header-right .navigation > ul > li {
            float: right;
            position: relative;
            padding-left: 20px
        }

            html.ar .header-right .navigation > ul > li:last-child {
                padding-left: 0
            }

            html.ar .header-right .navigation > ul > li + li > a {
                border-left: none;
                border-right: 1px solid #b3b3b3
            }

            html.ar .header-right .navigation > ul > li .sub-navigation-container {
                min-width: 565px;
                max-width: none;
                left: 50%;
                margin-left: -290px
            }

                html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation .row .col-md-6 {
                    float: right
                }

                html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a {
                    padding-left: 20px;
                    padding-right: 0
                }

                    html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:after {
                        content: "";
                        right: auto !important;
                        left: 6px !important
                    }

                    html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:before {
                        left: auto !important;
                        right: 0 !important
                    }

                    html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:hover {
                        padding-right: 26px
                    }

            html.ar .header-right .navigation > ul > li:first-child .sub-navigation-container {
                right: -35px;
                left: auto;
                margin: 0
            }

            html.ar .header-right .navigation > ul > li:last-child .sub-navigation-container {
                left: auto;
                right: -35px;
                margin: 0
            }

    html.ar .main-banner .slide-text {
        left: auto;
        right: 0
    }

    html.ar .main-box-wrapper > div.box-height {
        float: right
    }

    html.ar .currency-list li .row > .col-lg-6 {
        float: right
    }

    html.ar .box-inner-wrapper .list-group li a {
        padding-right: 0;
        padding-left: 25px
    }

    html.ar .box-inner-wrapper .list-group.with-icon i {
        right: auto;
        left: 0px
    }

        html.ar .box-inner-wrapper .list-group.with-icon i:before {
            content: ""
        }

    html.ar .calculation-form .form-item .input-box {
        padding: 0 20px 0 43px !important
    }

    html.ar .calculation-form .form-item .form-sub-item {
        float: right
    }

        html.ar .calculation-form .form-item .form-sub-item i {
            right: auto !important;
            left: 20px
        }

    html.ar .calculation-form .form-item.sc-box .col-md-6 {
        float: right
    }

    html.ar .calculation-form .form-item .input.slider-month input {
        padding-right: 0 !important;
        padding-left: 16px !important;
        text-align: left !important
    }

    html.ar .footer-container .footer-top .footer-links > ul {
        float: right
    }

        html.ar .footer-container .footer-top .footer-links > ul > li {
            float: right !important
        }

            html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 {
                padding-left: 0;
                padding-right: 77px
            }

                html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2:after {
                    right: auto;
                    left: 0
                }

                html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span {
                    left: auto;
                    right: 0
                }

                    html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span:before, html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span:after {
                        left: auto;
                        right: 1px
                    }

            html.ar .footer-container .footer-top .footer-links > ul > li .link-list-container {
                text-align: right
            }

        html.ar .footer-container .footer-top .footer-links > ul:last-child {
            float: left
        }

    html.ar .footer-container .footer-bottom .footer-right {
        float: left
    }

        html.ar .footer-container .footer-bottom .footer-right .customer-communication {
            direction: ltr;
            margin-left: 0;
            margin-right: 30px
        }

    html.ar .footer-container .footer-bottom > span {
        float: right
    }

    html.ar .sub-page-title a.back-btn {
        left: auto;
        right: 0
    }

        html.ar .sub-page-title a.back-btn:before, html.ar .sub-page-title a.back-btn:after {
            content: ""
        }

    html.ar .sub-page-title .share-wrap {
        left: 0;
        right: auto
    }

        html.ar .sub-page-title .share-wrap .animate {
            right: auto;
            left: 0
        }

            html.ar .sub-page-title .share-wrap .animate div {
                right: auto;
                left: 0
            }

        html.ar .sub-page-title .share-wrap .share-box {
            left: -1px;
            right: auto;
            padding: 0 20px 0 6px
        }

            html.ar .sub-page-title .share-wrap .share-box > span {
                float: right
            }

            html.ar .sub-page-title .share-wrap .share-box .pull-right {
                float: left !important
            }

    html.ar .sub-page-title .breadcrumb .dd-content {
        left: auto;
        right: -8px
    }

        html.ar .sub-page-title .breadcrumb .dd-content a {
            padding: 14px 0 14px 25px;
            text-align: right;
            background-position: left center
        }

    html.ar .site-map-box .site-map-navigation ul li {
        float: right
    }

    html.ar .site-map-box .site-map-list .site-map-item ul li ul {
        margin-left: 0;
        margin-right: 22px
    }

    html.ar .site-map-box .site-map-list .site-map-item ul li a {
        padding-left: 0;
        padding-right: 19px
    }

        html.ar .site-map-box .site-map-list .site-map-item ul li a:before {
            left: auto;
            right: 0
        }

    html.ar #loan .input-box .form-sub-item input {
        width: 88%
    }

    html.ar #loan .input-box .form-sub-item input {
        padding: 0 25px 0 0
    }

    html.ar #loan .input-box .form-sub-item label {
        text-align: left
    }

    html.ar #loan .input-box .form-sub-item {
        padding-right: 20px
    }

    html.ar .checkbox.kvkk-checkbox {
        float: none
    }

        html.ar .checkbox.kvkk-checkbox label {
            padding-left: 0;
            padding-right: 33px
        }

    html.ar .form-page-wrapper .form-item > label.error {
        left: 15px;
        right: auto
    }

    html.ar .sub-page-title .breadcrumb span > span a {
        background: url(wwwroot/lib/ziraat-tmp/assets/images/arrow-rlt.png) no-repeat right center
    }

    html.ar .form-box .input input {
        text-align: right !important
    }

    html.ar .header .header-box .logo img {
        width: 160px;
        height: auto
    }

    html.ar .mobile-navigation header .mobile-nav-btn.active {
        float: left
    }

    html.ar #announcements span {
        float: left
    }

    html.ar *:not([class*=icon-]) {
        font-family: Arial,Helvetica,sans-serif !important
    }

    html.ar h1, html.ar h2, html.ar h3, html.ar h4, html.ar h5, html.ar h6 {
        font-weight: bold !important
    }

    html.ar .header-right .navigation > ul > li > a {
        font-weight: bold !important
    }

    html.ar .header-config .search-box-wrapper {
        left: 0;
        right: auto
    }

    html.ar .contact-left {
        direction: rtl
    }

    html.ar .sub-page-container .sub-page-content ul li {
        padding-right: 21px;
        padding-left: 0
    }

        html.ar .sub-page-container .sub-page-content ul li:before {
            left: auto;
            right: 0
        }

    html.ar .gsm-no {
        direction: ltr !important
    }

    html.ar .header-right .navigation > ul > li:last-child .sub-navigation-container {
        right: -235px !important
    }

@media screen and (min-width: 990px) {
    html.ar .link-list-container {
        padding-right: 30px !important
    }
}

html.ar *:not([class*=icon-]) {
    font-family: Arial,Helvetica,sans-serif !important
}

html.ar .contact-left {
    direction: ltr
}

html.ar .top-navigation {
    text-align: left;
    padding: 0 20px
}

    html.ar .top-navigation a + a {
        margin-right: 20px;
        margin-left: 0
    }

    html.ar .top-navigation > a.langUrl {
        border-left: none;
        border-right: 1px solid #fff;
        margin-top: -2px;
        padding: 2px 20px 1px 0
    }

html.ar .header-box {
    padding-right: 22px
}

    html.ar .header-box .logo {
        float: right
    }

    html.ar .header-box .header-right {
        float: left
    }

html.ar .header-config {
    float: left;
    padding-right: 0
}

    html.ar .header-config .search-wrapper {
        float: right
    }

    html.ar .header-config .internet-branch {
        float: right;
        margin-left: 0;
        margin-right: 12px
    }

    html.ar .header-config .search-box-wrapper {
        left: 100px
    }

html.ar .header-right .navigation {
    float: right;
    padding-left: 0
}

    html.ar .header-right .navigation > ul > li {
        float: right;
        position: relative;
        padding-left: 20px
    }

        html.ar .header-right .navigation > ul > li:last-child {
            padding-left: 0
        }

        html.ar .header-right .navigation > ul > li + li > a {
            border-left: none;
            border-right: 1px solid #b3b3b3
        }

        html.ar .header-right .navigation > ul > li .sub-navigation-container {
            min-width: 565px;
            max-width: none;
            left: 50%;
            margin-left: -290px
        }

            html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation .row .col-md-6 {
                float: right
            }

            html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a {
                padding-left: 20px;
                padding-right: 0
            }

                html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:after {
                    content: "";
                    right: auto !important;
                    left: 6px !important
                }

                html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:before {
                    left: auto !important;
                    right: 0 !important
                }

                html.ar .header-right .navigation > ul > li .sub-navigation-container .sub-navigation ul li a:hover {
                    padding-right: 26px
                }

        html.ar .header-right .navigation > ul > li:first-child .sub-navigation-container {
            right: -35px;
            left: auto;
            margin: 0
        }

        html.ar .header-right .navigation > ul > li:last-child .sub-navigation-container {
            left: auto;
            right: -35px;
            margin: 0
        }

html.ar .main-banner .slide-text {
    left: auto;
    right: 0
}

html.ar .main-box-wrapper > div.box-height {
    float: right
}

html.ar .currency-list li .row > .col-lg-6 {
    float: right
}

html.ar .box-inner-wrapper .list-group li a {
    padding-right: 0;
    padding-left: 25px
}

html.ar .box-inner-wrapper .list-group.with-icon i {
    right: auto;
    left: 0px
}

    html.ar .box-inner-wrapper .list-group.with-icon i:before {
        content: ""
    }

html.ar .calculation-form .form-item .input-box {
    padding: 0 20px 0 43px !important
}

html.ar .calculation-form .form-item .form-sub-item {
    float: right
}

    html.ar .calculation-form .form-item .form-sub-item i {
        right: auto !important;
        left: 20px
    }

html.ar .calculation-form .form-item.sc-box .col-md-6 {
    float: right
}

html.ar .calculation-form .form-item .input.slider-month input {
    padding-right: 0 !important;
    padding-left: 16px !important;
    text-align: left !important
}

html.ar .footer-container .footer-top .footer-links > ul {
    float: right
}

    html.ar .footer-container .footer-top .footer-links > ul > li {
        float: right !important
    }

        html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 {
            padding-left: 0;
            padding-right: 77px
        }

            html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2:after {
                right: auto;
                left: 0
            }

            html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span {
                left: auto;
                right: 0
            }

                html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span:before, html.ar .footer-container .footer-top .footer-links > ul > li.zfg-link h2 span:after {
                    left: auto;
                    right: 1px
                }

        html.ar .footer-container .footer-top .footer-links > ul > li .link-list-container {
            text-align: right
        }

    html.ar .footer-container .footer-top .footer-links > ul:last-child {
        float: left
    }

html.ar .footer-container .footer-bottom .footer-right {
    float: left
}

    html.ar .footer-container .footer-bottom .footer-right .customer-communication {
        direction: ltr;
        margin-left: 0;
        margin-right: 30px
    }

html.ar .footer-container .footer-bottom > span {
    float: right
}

html.ar .sub-page-title a.back-btn {
    left: auto;
    right: 0
}

    html.ar .sub-page-title a.back-btn:before, html.ar .sub-page-title a.back-btn:after {
        content: ""
    }

html.ar .sub-page-title .share-wrap {
    left: 0;
    right: auto
}

    html.ar .sub-page-title .share-wrap .animate {
        right: auto;
        left: 0
    }

        html.ar .sub-page-title .share-wrap .animate div {
            right: auto;
            left: 0
        }

    html.ar .sub-page-title .share-wrap .share-box {
        left: -1px;
        right: auto;
        padding: 0 20px 0 6px
    }

        html.ar .sub-page-title .share-wrap .share-box > span {
            float: right
        }

        html.ar .sub-page-title .share-wrap .share-box .pull-right {
            float: left !important
        }

html.ar .sub-page-title .breadcrumb .dd-content {
    left: auto;
    right: -8px
}

    html.ar .sub-page-title .breadcrumb .dd-content a {
        padding: 14px 0 14px 25px;
        text-align: right;
        background-position: left center
    }

html.ar .site-map-box .site-map-navigation ul li {
    float: right
}

html.ar .site-map-box .site-map-list .site-map-item ul li ul {
    margin-left: 0;
    margin-right: 22px
}

html.ar .site-map-box .site-map-list .site-map-item ul li a {
    padding-left: 0;
    padding-right: 19px
}

    html.ar .site-map-box .site-map-list .site-map-item ul li a:before {
        left: auto;
        right: 0
    }

html.ar #loan .input-box .form-sub-item input {
    padding: 0 25px 0 0
}

html.ar .checkbox.kvkk-checkbox {
    float: none
}

    html.ar .checkbox.kvkk-checkbox label {
        padding-left: 0;
        padding-right: 33px
    }

html.ar .form-page-wrapper .form-item > label.error {
    left: 15px;
    right: auto
}

html.ar .sub-page-title .breadcrumb span > span a {
    background: url("/lib/ziraat-tmp/assets/images/arrow-rlt.png") no-repeat right center
}

html.ar .form-box .input input {
    text-align: right !important
}

html.ar .header .header-box .logo img {
    width: 160px;
    height: auto
}

html.ar .mobile-navigation header .mobile-nav-btn.active {
    float: left
}

html.ar #announcements span {
    float: left
}

.form-box .form-item .row + #userCaptchaInput-error {
    display: none !important
}

.header-config .search-box-wrapper {
    left: auto;
    right: 0
}

html.ar *:not([class*=icon-]) {
    font-family: Arial,Helvetica,sans-serif !important
}

html.ar h1, html.ar h2, html.ar h3, html.ar h4, html.ar h5, html.ar h6 {
    font-weight: bold !important
}

html.ar .header-right .navigation > ul > li > a {
    font-weight: bold !important
}

html.ar .header-config .search-box-wrapper {
    left: 0;
    right: auto
}

html.ar .contact-left {
    direction: rtl
}

html.ar .sub-page-container .sub-page-content ul li {
    padding-right: 21px;
    padding-left: 0
}

    html.ar .sub-page-container .sub-page-content ul li:before {
        left: auto;
        right: 0
    }

html.ar .gsm-no {
    direction: ltr !important
}

.sub-page-container .sub-page-content:nth-child(2) {
    margin-bottom: 20px
}

.sub-page-container .ms-rtestate-field .acc-box {
    margin-left: 15px;
    margin-right: 15px
}

.sub-page-container .ms-rtestate-field .acc-content p {
    color: #424b50;
    font-size: 1.6rem;
    font-family: "GothamNarrow-Book";
    line-height: normal;
    margin-top: 12px;
    line-height: 28px;
    margin-bottom: 0
}

    .sub-page-container .ms-rtestate-field .acc-content p:not(first-child) {
        margin-top: 12px
    }

.sub-page-container .ms-rtestate-field ul {
    margin-top: 18px
}

    .sub-page-container .ms-rtestate-field ul li + li {
        margin-top: 10px
    }

    .sub-page-container .ms-rtestate-field ul li {
        color: #424b50;
        font-size: 1.6rem;
        font-family: "GothamNarrow-Book";
        line-height: normal;
        padding-left: 21px;
        position: relative;
        line-height: 24px;
        letter-spacing: .2px;
        padding-bottom: 2px
    }

        .sub-page-container .ms-rtestate-field ul li a {
            color: #424b50;
            text-decoration: underline
        }

            .sub-page-container .ms-rtestate-field ul li a:hover {
                text-decoration: none
            }

        .sub-page-container .ms-rtestate-field ul li:before {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            width: 10px;
            height: 2px;
            background-color: var(--primary)
        }

        .sub-page-container .ms-rtestate-field ul li ul {
            margin-top: 10px
        }

            .sub-page-container .ms-rtestate-field ul li ul li {
                padding-left: 18px
            }

                .sub-page-container .ms-rtestate-field ul li ul li:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 8px;
                    width: 6px;
                    height: 6px;
                    background-color: #ed1c24;
                    border-radius: 100%
                }

                .sub-page-container .ms-rtestate-field ul li ul li ul {
                    margin-top: 10px
                }

                    .sub-page-container .ms-rtestate-field ul li ul li ul li {
                        padding-left: 18px
                    }

                        .sub-page-container .ms-rtestate-field ul li ul li ul li:before {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 8px;
                            width: 6px;
                            height: 6px;
                            background-color: rgba(0,0,0,0);
                            border: 1px solid #ed1c24
                        }

.new-link-list h2 {
    color: #fff;
    font-size: 1.6rem;
    line-height: normal;
    border-bottom: 1px solid #6a7378;
    padding-bottom: 10px;
    position: relative
}

.new-link-list ul {
    margin-top: 14px;
    display: inline-block;
    margin-bottom: 14px
}

    .new-link-list ul li a {
        display: inline-block;
        color: #ececec;
        font-size: 1.6rem;
        font-family: "GothamNarrow-Book";
        line-height: normal
    }

.footer-right .img-link {
    display: block;
    float: left;
    margin-left: 30px
}

    .footer-right .img-link img {
        height: 52px
    }

@media only screen and (max-width: 768px) {
    .header .internet-branch > a {
        padding: 0 14px !important
    }

    .main-box-wrapper > [class^=col-], .main-box-wrapper > [class*=" col-"] {
        min-height: 0 !important
    }

    #ZiraatVerileri .vertical-align .vertical-align-middle {
        top: 0;
        transform: none
    }

    .customer-communication {
        float: none !important;
        display: inline-block;
        margin: 0;
        margin-top: 25px
    }

    .footer-right .img-link {
        display: inline-block;
        float: none;
        margin: 0 15px
    }
}

.faq-box {
    position: fixed;
    bottom: 26px;
    right: 91px;
    width: 50px;
    height: 50px;
    background: #e10514;
    z-index: 100;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "GothamNarrow-Bold";
    box-shadow: 0 0 20px -10px #000
}

.home-content {
    height: calc(100% - 104px - 8%)
}

    .home-content > div[class^=col] {
        padding: 0
    }

    .home-content .home-height, .home-content .funds-list, .home-content .main-banner {
        height: 100%
    }

    .home-content .funds-content {
        height: 50%
    }

.funds-list .funds-content.-gray {
    background-color: #f1f1f1
}

.funds-list .funds-content h2 {
    color: #1d1d1b;
    font-family: "GothamNarrow-Bold";
    font-size: 1.8rem;
    border-bottom: 2px solid #1d1d1b;
    padding: 23px 0 9px 0;
    margin: 0 30px
}

.funds-list .funds-content .funds-wrp {
    margin: 15px 30px 0 30px;
    height: calc(100% - 60px)
}

    .funds-list .funds-content .funds-wrp .funds-header {
        margin-bottom: 8px;
        line-height: 1
    }

        .funds-list .funds-content .funds-wrp .funds-header span {
            color: #1d1d1b;
            font-size: 14px;
            font-family: "GothamNarrow-Medium";
            letter-spacing: 1px
        }

    .funds-list .funds-content .funds-wrp .funds-ctn {
        height: calc(100% - 50px);
        overflow: hidden;
        overflow-y: auto;
        margin-right: -16px;
        padding-right: 16px
    }

        .funds-list .funds-content .funds-wrp .funds-ctn .fund-items li {
            padding-top: 8px;
            padding-bottom: 8px;
            line-height: 1;
            background: url(/lib/ziraat-tmp/assets/images/border-bg.png) repeat-x left bottom
        }

        .funds-list .funds-content .funds-wrp .funds-ctn .fund-items b {
            font-size: 14px
        }

        .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

            .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value i {
                font-size: 10px
            }

                .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value i.icon-up {
                    color: #00b640
                }

                .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value i.icon-down {
                    color: #c40025
                }

                .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value i.icon-fixed {
                    color: #ffc000
                }

            .funds-list .funds-content .funds-wrp .funds-ctn .fund-items .-value b {
                width: 60px
            }

.acc-wrapper {
    margin-top: 20px;
    clear: both;
    margin-bottom: 20px
}

    .acc-wrapper#accWrap, .acc-wrapper.acc-mTNone {
        margin-top: 0
    }

    .acc-wrapper.map-branch {
        margin-top: 0;
        margin-bottom: 0
    }

        .acc-wrapper.map-branch .acc-box.border-none {
            border: 0
        }

            .acc-wrapper.map-branch .acc-box.border-none .acc-content {
                padding-bottom: 0
            }

        .acc-wrapper.map-branch .acc-box .acc-content .map-branch-box {
            width: 100%;
            height: 212px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px
        }

@media screen and (max-width: 990px)and (min-width: 768px) {
    .acc-wrapper.map-branch .acc-box .acc-content .map-branch-box {
        margin-top: 20px
    }
}

.acc-wrapper.map-branch .acc-box .acc-content .acc-content-box {
    padding-bottom: 21px;
    border: 1px solid #dadbdc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    padding: 30px 15px;
    display: inline-block;
    width: 100%
}

    .acc-wrapper.map-branch .acc-box .acc-content .acc-content-box + .acc-content-box {
        margin-top: 18px
    }

.acc-wrapper.map-branch .acc-box:first-child h2 {
    margin-top: 0;
    padding-top: 0
}

.acc-wrapper .acc-box {
    border-bottom: 1px solid #dadbdc
}

    .acc-wrapper .acc-box > h2 {
        color: #445056;
        font-size: 1.8rem;
        font-family: "GothamNarrow-Medium" !important;
        cursor: pointer;
        position: relative;
        padding: 0;
        margin: 16px 0;
        padding-right: 30px
    }

@media screen and (max-width: 990px) {
    .acc-wrapper .acc-box > h2 {
        padding: 0 30px 0 0;
        margin: 16px 0 !important
    }
}

@media screen and (max-width: 767px) {
    .acc-wrapper .acc-box > h2 {
        font-size: 1.6rem
    }
}

.acc-wrapper .acc-box > h2 button {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: left;
    background-color: rgba(0,0,0,0) !important
}

.acc-wrapper .acc-box > h2:before {
    font-family: "Ziraat" !important;
    position: absolute;
    right: 0;
    font-size: .8rem;
    top: 0;
    bottom: 0;
    height: 8px;
    margin: auto
}

.acc-wrapper .acc-box > h2.icon-arrow-up {
    color: #e10514
}

.acc-wrapper .acc-box .acc-content {
    display: none;
    padding-bottom: 21px
}

    .acc-wrapper .acc-box .acc-content.active {
        display: block !important
    }

    .acc-wrapper .acc-box .acc-content > :first-child {
        margin-top: 0
    }

        .acc-wrapper .acc-box .acc-content > :first-child > :first-child {
            margin-top: 0
        }

    .acc-wrapper .acc-box .acc-content > ul:first-child {
        margin-top: 0
    }

    .acc-wrapper .acc-box .acc-content h3 {
        font-size: 1.6rem;
        color: #445056
    }

    .acc-wrapper .acc-box .acc-content .table:last-child {
        margin-bottom: 0
    }

    .acc-wrapper .acc-box .acc-content p {
        color: #424b50
    }

        .acc-wrapper .acc-box .acc-content p a {
            text-decoration: underline;
            color: #424b50;
            display: inline-block
        }

            .acc-wrapper .acc-box .acc-content p a:hover {
                text-decoration: none
            }

    .acc-wrapper .acc-box .acc-content .map-branch-item .vertical-align-middle > p {
        color: #e10514;
        margin-top: 0
    }

    .acc-wrapper .acc-box .acc-content .map-branch-item h2 {
        color: #445056;
        font-size: 1.4rem;
        font-family: "GothamNarrow-Medium";
        line-height: normal
    }

    .acc-wrapper .acc-box .acc-content .map-branch-item .phone-box {
        margin-top: 20px
    }

        .acc-wrapper .acc-box .acc-content .map-branch-item .phone-box p {
            margin-top: 0
        }

            .acc-wrapper .acc-box .acc-content .map-branch-item .phone-box p span {
                display: inline-block;
                font-size: 1.4rem;
                font-family: "GothamNarrow-Medium";
                line-height: normal
            }

                .acc-wrapper .acc-box .acc-content .map-branch-item .phone-box p span + span {
                    font-family: "GothamNarrow-Book"
                }

    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box {
        overflow: hidden;
        border-top: 1px solid #dadbdc;
        padding-top: 8px;
        margin-top: 12px
    }

@media screen and (max-width: 990px) {
    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box {
        margin-bottom: 20px
    }
}

.acc-wrapper .acc-box .acc-content .map-branch-item .links-box p {
    float: left;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box p {
        width: 100%
    }
}

.acc-wrapper .acc-box .acc-content .map-branch-item .links-box p a {
    color: #445056;
    text-decoration: underline !important;
    font-size: 1.4rem;
    font-family: "GothamNarrow-Book";
    line-height: normal;
    position: relative;
    padding-left: 25px
}

    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box p a:hover {
        color: #e10514
    }

    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box p a span {
        position: absolute;
        left: 0;
        top: 3px
    }

.acc-wrapper .acc-box .acc-content .map-branch-item .links-box p:first-child a {
    padding-left: 29px
}

.acc-wrapper .acc-box .acc-content .map-branch-item .links-box p + p {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #dadbdc
}

@media screen and (max-width: 767px) {
    .acc-wrapper .acc-box .acc-content .map-branch-item .links-box p + p {
        padding-left: 0;
        margin-left: 0;
        border-left: 0
    }
}

.acc-wrapper .acc-box:first-child {
    margin-top: 0;
    padding-top: 0
}

    .acc-wrapper .acc-box:first-child h2 {
        margin-top: 0
    }

.site-map-box .site-map-navigation > ul li a {
    width: auto;
    padding: 14px 12px
}