.ui-autocomplete {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.input-group-addon {
    background-color: #FAFAFA;
}

.input-group .input-group-btn>.btn,
.input-group .input-group-addon {
    background-color: #FAFAFA;
}

.modal {
    text-align: center;
}

@media  screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
        margin-top: 245px;
    }
}

@media  screen and (max-width: 767px) {
    .modal-dialog:before {
        margin-top: 75px;
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .modal-dialog {
        width: 100%;
    }

    .modal-content {
        margin-right: 20px;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
}

.mfp-wrap {
    z-index: 20000 !important;
}

.c-content-overlay .c-overlay-wrapper {
    z-index: 6;
}

.z7 {
    z-index: 7 !important;
}

.nickdaquay {
    position: fixed;
    z-index: 9999;
    bottom: 170px;
    right: 0px;
    max-width: 15%;
    min-width: 120px;
    min-height: 120px;
}

.anhbymanh {
    position: fixed;
    z-index: 9999;
    bottom: 80px;
    left: 0px;
    max-width: 29%;
    min-height: 20px;
}

.napthebymanh {
    position: fixed;
    z-index: 9999;
    bottom: 100px;
    right: 0px;
    max-width: 15%;
    min-height: 40px;
    min-width: 100px;
}

.flex-list .item {
    width: 50%;
    padding: 0 30px;
}

.rotation {
    text-align: center;
}

.rotation .play-spin {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.rotation .play-spin .ani-zoom {
    position: absolute;
    display: block;
    width: 110px;
    z-index: 5;
    top: calc(50% - 70px);
    left: calc(50% - 55px);
}

.ani-zoom {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

img {
    max-width: 100%;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}

.text-center {
    text-align: center;
}

li {
    list-style: none;
}

.form-notication-bottom {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 330px;
    height: auto;
    background-color: #fff;
    border-radius: 40px;
    z-index: 1;
    box-shadow: 2px 2px 10px 2px hsla(0, 0%, 60%, .2);
    animation: example 8s infinite;
    max-width: calc(90% - 10px);
    overflow: hidden;
}

@keyframes  example {
    0% {
        bottom: -100px;
    }

    25% {
        bottom: 20px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: -100px;
    }
}

li {
    list-style-type: none
}

.history {
    width: 40% !important;
}

@media  only screen and (max-width: 800px) {
    #rotate-play {
        width: 100% !important;
        max-width: 100% !important;
    }

    .rotation .play-spin .ani-zoom img {
        width: 85% !important;
    }

    .history {
        width: 100% !important;
    }
}

.c-content-box.c-size-md {
    padding: 0
}

.pd50 {
    padding-top: 50px;
}

.list-roll {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media  screen and (min-width: 800px) {
    .list-roll-inner {
        /* width: 85%;*/
        margin-top: 30px;
        max-height: 400px;
        /* overflow-y: scroll;*/
        margin: 0 auto;
    }
}

@media  screen and (min-width: 1600px) {
    .list-roll-inner {
        /* width: 85%;*/
        margin-top: 30px;
        max-height: 600px;
        /* overflow-y: scroll;*/
        margin: 0 auto;
    }
}

.list-roll-inner {
    margin-top: 30px;
    max-height: 500px;
    overflow-y: scroll;
    margin: 0 auto;
}

.btn-top {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.btn-top .btn {
    margin-left: 15px;
    margin-right: 15px;
    padding: 6px 20px;
}

.btn-top span {
    font-size: 25px;
}

@media  screen and (max-width: 640px) {
    .btn-top span {
        font-size: 17px;
    }
}

.flipimg img {
    opacity: 1;
}

.c-content-client-logos-slider-1 .item img {
    opacity: 1;
}

.modal-body {
    color: #333
}

.flipimg:hover {
    animation-name: spaceboots;
    animation-duration: .8s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    cursor: pointer;
}

@keyframes  spaceboots {
    0% {
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px) rotate(1deg);
    }

    30% {
        transform: translateY(2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.btn+.btn {
    margin-left: 0 !important;
}

.btn-right .btn {
    float: left;
    width: 100%;
    background: #fb236a;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #fb236a;
    padding: 11px 0;
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
}

.btn-right .btn:hover {
    background-color: #ff8db2;
    border: 2px solid #ff8db2;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box-inner-flip {
    transform: rotateY(180deg);
}

.flip-box-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

.transparent {
    opacity: 0 !important;
}