.col-md-4{
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
}
/*.col-md-4:first-of-type{*/
    /*margin-left: 0;*/
/*}*/
/*.col-md-4:last-of-type{*/
    /*margin-right: 0;*/
/*}*/
/*.dictionary-card-container{*/
    /*position: relative;*/
    /*perspective: 10000px;*/
    /*min-height: 300px;*/
    /*height: auto;*/
/*}*/
/*.dictionary-card{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*transform-style: preserve-3d;*/
    /*transition: transform 2s cubic-bezier(0, 0, 0.32, 1);*/
    /*border-radius: 6px;*/
    /*box-shadow: 0 6px 16px rgba(0,0,0,0.15);*/
    /*cursor: pointer;*/
    /*left: 0;*/
/*}*/
/*.front, .back{*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*backface-visibility: hidden;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
/*}*/
/*.back{*/
    /*transform: rotateX(-180deg);*/
/*}*/
/*.dictionary-card.flipped {*/
    /*transform: rotateX(-180deg);*/
/*}*/

/*.dictionary-container .col-md-4{*/
    /*width: 25%;*/
    /*float: left;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
/*}*/
/*.dictionary-container{*/
    /*display: inline-block;*/
/*}*/

/*.dictionary-content {*/
    /*display: none;*/
/*}*/

.dictionary-container .vc_col-md-4{
    padding-top: 50px;
}
.dictionary-container{
    display: inline-block;
}


/*text-based popup styling*/
.popup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
}

/*
====== 3d unfold ======
*/
.mfp-3d-unfold {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-close-btn-in .mfp-close{
    color: #fff !important;
}
.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
/*
====== "Hinge" close effect ======
*/
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    animation-duration: 1s;
    animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.mfp-with-fade.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-with-fade.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0;
}
.dictionary-container{
    display: inline-block;
}
.dictionary-container .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.dictionary-title{
    /*background: rgb(232,175,186); !* Old browsers *!*/
    /*background: -moz-linear-gradient(top, rgba(232,175,186,1) 0%, rgba(173,67,110,1) 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, rgba(232,175,186,1) 0%,rgba(173,67,110,1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, rgba(232,175,186,1) 0%,rgba(173,67,110,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8afba', endColorstr='#ad436e',GradientType=0 ); !* IE6-9 *!*/
    background: transparent;
    padding: 20px;
    border: 1px solid #ef6757;
    border-radius: 20px;
    transition: box-shadow 0.2s ease 0s, transform 400ms;
    transform: translateX(0px) translateY(0px);
    box-shadow: 0 0 8px 0 rgba(31, 28, 59, .12), 0 8px 8px 0 rgba(31, 28, 59, .24);
}
.dictionary-title a{
    display: block;
    height: 100%;
    width: 100%;
}
.dictionary-title h1{
    color: #ef6757 !important;
    text-align: center;
    transition: all 0.3s ease-in-out;
    margin-top: 17px;
    font-weight: 500;
    font-size: 40px;
}
.dictionary-title:hover{
    background: #ef6757;
    transition: box-shadow 0.2s ease 0s, transform 400ms;
    transform: translateX(0px) translateY(-15px);
}
.dictionary-title:hover  h1{
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}
.popup{
    /*background: rgb(150,95,163); !* Old browsers *!*/
    /*background: -moz-linear-gradient(top, rgba(150,95,163,1) 0%, rgba(169,71,115,1) 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, rgba(150,95,163,1) 0%,rgba(169,71,115,1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, rgba(150,95,163,1) 0%,rgba(169,71,115,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#965fa3', endColorstr='#a94773',GradientType=0 ); !* IE6-9 *!*/
    background-color: #1f1c3b;
    border: 1px solid #1f1c3b;
    border-radius: 10px;
}
.dictionary-content{
    /*background-color: blue;*/
    height: auto;
}
.dictionary-content h5{
    color: #fff;
    text-align: center;
    padding-bottom: 25px;
}
.dictionary-content p{
    color: #fff;
}
.hide:first-of-type{
    display: block !important;
}
.hide{
    display: none !important;
}

.live-search-box {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 300px;
    display: block;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EDECF0;
    background-color: #EDECF0;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}
.row-eq-height > [class^=col] {
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 993px) {
    .dictionary-container .vc_col-md-4{
        width: 33%;
        float: left;
    }

    .dictionary-container .vc_row{
        margin-left: -5px;
        margin-right: 15px;
    }
}


@media only screen and (max-width: 768px) {
    .dictionary-container .vc_col-md-4{
        width: 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .dictionary-container .row{
        flex-direction: column;
    }
    .dictionary-container .vc_col-md-4{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 25px;
        padding-top: 50px;
    }
    /*.dictionary-container .vc_col-md-4:first-of-type{*/
        /*padding-top: 0;*/
    /*}*/
    .dictionary-container .vc_col-md-4:last-of-type{
        padding-bottom: 0;
    }
}