@font-face {
    font-family: lato;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: latoBold;
    src: url(../fonts/Lato-Bold.ttf);
}

body {
    font-family: lato;
    font-size: 14px;
}

.bg-primary {
    background-color: #81021F !important;
}

.text-primary {
    color: #81021F !important;
}

.bg-grey {
    background-color: #F1F1F1 !important;
}

.control-top {
    position: relative;
    float: right;
    margin-bottom: 0;
    z-index: 100;
}

.control-top:after {
    content: '';
    clear: bottom;
    display: block;
}

.control-top li {
    color: #FFFFFF;
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding-left: 7px;
    padding-right: 7px;
}

.control-top li:last-child {
    padding-right: 15px;

}
@media (max-width: 767px) {
    .control-top li:last-child {
        float: right;
    }
}
.control-top li:last-child span {
    border-left: solid 1px #FFFFFF;
    display: inline;
    padding-left: 14px;
    cursor: pointer;
}

.control-top li.language a {
    color: rgba(207, 207, 207, 0.78);
}

.control-top li.language.active a {
    display: inline;
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    padding-right: 2px;
    padding-left: 2px;
    font-weight: 700 !important;
    font-family: latoBold;
}

.control-top li .search-form {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 99;
    min-width: 250px;
    right: 0;
    background-color: #fff;
    padding: 5px 5px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}

.control-top li.active .search-form {
    display: block;
    animation-name: showSearchForm;
    animation-duration: 700ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.category-box {
    position: relative;
    min-height: 64px;
}

@media (max-width: 767px) {
    .category-box {
        min-height: 51px;
    }
}

.category-box .fixOnScroll {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.category-box .fixOnScroll.fixed {
    position: fixed;
    width: 100%;
    z-index: 999;
    opacity: 0;
    animation-name: showMenu;
    animation-duration: 700ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.navbar {
    font-family: 'Lato', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar a {
    color: #000000;
}

.navbar .navbar-toggler {
    font-size: 30px;
    color: #81021F;
}

.navbar .navbar-toggler i:before {
    content: '\e646';
}

.navbar .navbar-toggler.collapsed i:before {
    content: '\e68e';
}

.navbar .nav-item {
    position: relative;
    line-height: 41px;
    border-bottom: solid 7px transparent;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.navbar .nav-item a.nav-link {
    font-size: 14px;
    text-transform: uppercase;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.navbar .nav-item.active a.nav-link, .navbar .nav-item:hover a.nav-link {
    color: #81021F;
}

.navbar .nav-item.active {
    border-bottom: solid 7px #81021F;
}

.navbar .nav-item:hover .child {
    display: block;
}

.navbar .nav-item.active a.nav-link {
    font-weight: 700 !important;
    font-family: latoBold;
}

.navbar .nav-item .child {
    display: none;
    padding-top: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
}

.navbar .nav-item .child a {
    width: 100%;
    display: block;
    padding: 7px 15px;
    background-color: #fff;
    white-space: nowrap;
    text-decoration: none;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.navbar .nav-item .child a:hover {
    color: #81021F;
}

#slider {
    width: 100%;
}

#slider li {
    width: 100%;
    height: 90vh;
}

#slider li img {
    width: 100%;
}

@media (max-width: 767px) {
    #slider li img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .control-top li {
        font-size: 10px;
        line-height: 20px;
    }
}

.lSSlideOuter .lSPrev, .lSSlideOuter .lSNext {
    background-image: none !important;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.lSSlideOuter .lSPrev:before, .lSSlideOuter .lSNext:before {
    font-family: 'themify';
    content: '\e64a';
}

.lSSlideOuter .lSNext:before {
    font-family: 'themify';
    content: '\e649';
}

.lSPager.lSpg {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    padding: 30px 0 !important;
}

.lSPager.lSpg a {
    background-color: #ccced7 !important;
    width: 15px !important;
    height: 15px !important;
}

.lSPager.lSpg a:hover {
    background-color: #81021F !important;
}

.lSPager.lSpg li.active a {
    background-color: #81021F !important;
}

.bg-about {
    position: relative;
    /* The image used */
    background-image: url("../images/bg.jpg");
    /* Set a specific height */
    min-height: 378px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    color: #FFFFFF;
}

.bg-about:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}

.bg-about h3 {
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: latoBold;
}

.bg-about p {
    margin-bottom: 0;
    text-align: justify;
    font-size: 15px;
    line-height: 26px;
}

.bg-about a {
    margin-top: 30px;
    background: #81021F;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.bg-about img {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}

.bg-about .container {
    height: 100%;
}

@media (max-width: 767px) {
    .bg-about a {
        margin-bottom: 15px;
    }
}

.skills, .album, .news {
    padding-bottom: 50px;
}

.skills h2, .album h2, .news h2 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 700;
    font-family: latoBold;
}

.skills .item, .album .item, .news .item {
    background: #ffffff;
    height: 370px;
    margin-bottom: 30px;
}

.skills .item a.thumb, .album .item a.thumb, .news .item a.thumb {
    width: 100%;
    height: 218px;
    position: relative;
    display: block;
}

.skills .item a.thumb img, .album .item a.thumb img, .news .item a.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.skills .item a.title, .album .item a.title, .news .item a.title {
    color: #81021F;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
    font-weight: 600;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    font-family: latoBold;
}

.skills .item p, .album .item p, .news .item p {
    padding-right: 15px;
    padding-left: 15px;
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

.album .item, .news .item {
    position: relative;
    height: 267px;
    overflow: hidden;
}

.album .item a.thumb, .news .item a.thumb {
    width: 100%;
    height: 100%;
}

.album .item div.info, .news .item div.info {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.album .item div.info .content, .news .item div.info .content {
    position: absolute;
    width: 100%;
}

.album .item div.info p, .news .item div.info p {
    display: block;
    width: 100%;
    min-height: 30px;
}

.album .item a.title, .news .item a.title {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    line-height: 52px;
    text-transform: none;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.album .item a.btn-link, .news .item a.btn-link {
    position: absolute;
    left: 50%;
    display: inline-block;
    padding: 7px 15px;
    background-color: #81021F;
    color: #ffffff;
    text-decoration: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-transform: translateX(-50%);
    /* Safari 4+ */
    -moz-transform: translateX(-50%);
    /* Fx 5+ */
    -o-transform: translateX(-50%);
    /* Opera 12+ */
    transform: translateX(-50%);
    /* IE 10+, Fx 29+ */
}

.album .item:hover .info, .news .item:hover .info {
    top: 0px;
}

.news h2 {
    color: #81021F !important;
}

.bg-order {
    background-image: url("../images/bg-order.png");
    /* Set a specific height */
    min-height: 378px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding-top: 50px;*/
    color: #FFFFFF;
    position: relative;
}

.bg-order.bg-opacity:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: i;
}

.bg-order.bg-opacity .container {
    z-index: 2;
}

.bg-order.admissions {
    background-image: url("../images/banner-admissions.png");
    min-height: 215px;
}

.bg-order.admissions .page-title {
    margin-top: 50px;
}

.bg-order.relative {
    position: relative;
}

.bg-order.relative:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.bg-order .container {
    position: relative;
    height: 100%;
}

.bg-order .child {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}

.bg-order .child.left {
    right: 0;
    left: auto;
    top: 0;
}

@media (max-width: 767px) {
    .bg-order .child {
        display: none;
    }
}

.bg-order .page-title {
    position: relative;
    font-size: 40px;
    line-height: 48px;
    z-index: 99;
    margin-top: 100px;
}

.bg-order .info {
    margin-top: 40px;
}

.bg-order .info div {
    padding: 15px 20px;
    text-align: center;
}

.bg-order h2 {
    font-size: 48px;
    line-height: 58px;
    text-transform: uppercase;
}

.bg-order p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 19px;
}

.admissions .step {
    width: 20%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    height: 290px;
}

@media (max-width: 767px) {
    .admissions .step {
        width: 100%;
    }
}

.admissions .step .content {
    perspective: 1000px;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.admissions .step .content .flipper {
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.admissions .step .content .flipper .front, .admissions .step .content .flipper .back {
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.admissions .step .content .flipper .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    /* Safari 4+ */
    -moz-transform: rotateY(0deg);
    /* Fx 5+ */
    -o-transform: rotateY(0deg);
    /* Opera 12+ */
    transform: rotateY(0deg);
    /* IE 10+, Fx 29+ */
}

.admissions .step .content .flipper .front .thumb {
    width: 100%;
    height: 220px;
    position: relative;
}

.admissions .step .content .flipper .front .thumb img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.admissions .step .content .flipper .front h5 {
    background-color: #81021F;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.admissions .step .content .flipper .back {
    transform: rotateY(180deg);
    background-color: #E8E8E8;
    padding-top: 15px;
}

.admissions .step .content .flipper .back h5 {
    color: #81021F;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.admissions .step .content .flipper .back p {
    padding: 15px;
    text-align: justify;
}

.admissions .step .content:hover .flipper {
    transform: rotateY(180deg);
}

footer {
    font-family: 'Lato', sans-serif;
}

footer .title {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    font-family: latoBold;
}

footer ul a {
    color: #333333;
    font-size: 16px;
    line-height: 19px;
}

footer ul a:hover {
    color: #81021F;
    text-decoration: none;
}

@media (max-width: 767px) {
    footer .bg-primary {
        text-align: center;
    }
}

footer .bg-primary img {
    margin-top: 35px;
    margin-bottom: 30px;
    width: 205px;
    float: left;
}

@media (max-width: 767px) {
    footer .bg-primary img {
        float: none;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

footer .bg-primary .info {
    margin-top: 35px;
    float: left;
    color: #ffffff;
    margin-left: 15px;
}

@media (max-width: 767px) {
    footer .bg-primary .info {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0;
    }
}

footer .bg-primary .info h4 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 29px;
}

footer .bg-primary .info hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #ffffff;
}

footer .bg-primary .info span {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    line-height: 19px;
}

.detail .text-primary {
    font-size: 36px;
    font-weight: 700;
    font-family: latoBold;
    line-height: 45px;
    color: #333333 !important;
}

.detail .thumb {
    position: relative;
    width: 90%;
    margin: auto;
}

.detail .thumb img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
}

.detail .content {
    text-align: justify;
    margin-bottom: 30px;
}

.detail .post-news h2 {
    font-size: 24px;
    font-weight: 700;
    font-family: latoBold;
    line-height: 29px;
    text-align: center;
}

.detail .post-news ul {
    margin-top: 15px;
    width: 100%;
}

.detail .post-news ul li {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.detail .post-news ul li:after {
    content: '';
    clear: both;
    display: block;
}

.detail .post-news ul li a.thumb {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
}

.detail .post-news ul li a.thumb img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    background-color: #333333;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.detail .post-news ul li a.title {
    position: relative;
    display: block;
    float: left;
    margin-left: 15px;
    width: calc(100% - 65px);
    color: #000;
    padding-bottom: 5px;
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
}

.detail .post-news ul li a.title:hover {
    color: #81021F;
}

.detail .post-news ul li a.title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    border-bottom: solid 3px #81021F;
}

.special-skill {
    text-align: center;
    margin-bottom: 50px;
}

.special-skill .icon {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
}

.special-skill .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.special-skill .info {
    position: relative;
    padding: 15px;
    height: 585px;
    border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
}

.special-skill .info h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}

.special-skill .info p {
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
}

.special-skill .info img {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
}

@media (max-width: 767px) {
    .special-skill .info img {
        position: relative;
        margin-top: 10px;
    }
}

.special-skill:nth-child(1) .info {
    background-color: #49BEED;
    color: #ffffff;
}

.special-skill:nth-child(2) .info {
    background-color: #19BCBD;
    color: #ffffff;
}

.special-skill:nth-child(3) .info {
    background-color: #E34242;
    color: #ffffff;
}

.special-skill:nth-child(4) .info {
    background-color: #FFD25B;
    color: #000000;
}

.mt-30 {
    margin-top: 40px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gallery {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}

.gallery .gallery-box {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
}

.gallery .gallery-box .content {
    position: relative;
    width: 700px;
    min-height: 600px;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    /* Safari 4+ */
    -moz-transform: translateX(-50%);
    /* Fx 5+ */
    -o-transform: translateX(-50%);
    /* Opera 12+ */
    transform: translateX(-50%);
    /* IE 10+, Fx 29+ */
}

.gallery .gallery-box .content .close {
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 99999;
    background-color: #fff;
    line-height: 30px;
    font-size: 20px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.gallery .gallery-box .content ul li {
    float: left;
    width: 100%;
}

.gallery .gallery-box .content ul li img {
    width: 100%;
}

.gallery .gallery-box .content ul li a {
    display: block;
    border: solid 3px transparent;
}

.gallery .gallery-box .content ul li.active a {
    display: block;
    border: solid 3px yellow;
}

.gift:after {
    content: '';
    clear: both;
    display: block;
}

@media (max-width: 767px) {
    .gift {
        margin-bottom: 15px;
    }
}

.gift img {
    width: 130px;
    float: left;
}

@media (max-width: 767px) {
    .gift img {
        width: 110px;
    }
}

.gift .content {
    width: calc(100% - 130px);
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .gift .content {
        width: calc(100% - 110px);
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.gift .content p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 35px;
}

.gift .content p.text-primary {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    font-family: latoBold;
}

.gift .content p.text-bold {
    font-size: 20px;
    font-weight: 700;
    font-family: latoBold;
}

.text-bold {
    font-weight: 700;
    font-family: latoBold;
}

.content-view {
    text-align: justify;
}

.content-view img {
    width: 80% !important;
    margin: auto !important;
}

.rt-90 {
    -webkit-transform: rotate(90deg);
    /* Safari 4+ */
    -moz-transform: rotate(90deg);
    /* Fx 5+ */
    -o-transform: rotate(90deg);
    /* Opera 12+ */
    transform: rotate(90deg);
    /* IE 10+, Fx 29+ */
}

.btn-primary {
    background-color: #81021F;
    border-color: #81021F;
}

.btn-primary:hover {
    background-color: #4f0113 !important;
    border-color: #4f0113 !important;
    box-shadow: none !important;
}

.policy {
    margin-bottom: 15px;
}

.policy .item {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 15px;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.policy .item .sale-off {
    position: absolute;
    right: 15px;
    top: 0;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.policy .item h4 {
    background-color: #CCCCCC;
    padding: 7px 15px;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}

.policy .item .type:last-child {
    border-top: solid 1px #444;
    padding-top: 15px;
}

.policy .item .type h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: latoBold;
    text-transform: uppercase;
}

.policy .item .type p {
    color: #9D9D9D;
    font-size: 28px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    font-weight: 700;
    font-family: latoBold;
}

.policy .item:hover {
    -webkit-transform: translateY(-20px);
    /* Safari 4+ */
    -moz-transform: translateY(-20px);
    /* Fx 5+ */
    -o-transform: translateY(-20px);
    /* Opera 12+ */
    transform: translateY(-20px);
    /* IE 10+, Fx 29+ */
    cursor: pointer;
}

.policy .item:hover .sale-off {
    color: #81021F;
}

.policy .item:hover h4 {
    background-color: #81021F;
}

.policy .item:hover .type p {
    color: #81021F;
}

.list-default {
    margin-left: 15px;
    padding-left: 15px;
    list-style: circle;
}

.list-default li {
    text-align: justify;
}

.fw-700 {
    font-weight: 700 !important;
    font-family: latoBold;
}

.mh-500 {
    min-height: 500px;
}

@-o-keyframes showMenu {
    0% {
        top: -1000px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes showMenu {
    0% {
        top: -1000px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes showMenu {
    0% {
        top: -1000px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes showMenu {
    0% {
        top: -1000px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-o-keyframes showSearchForm {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 1;
    }
}

@-webkit-keyframes showSearchForm {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 1;
    }
}

@-moz-keyframes showSearchForm {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 1;
    }
}

@keyframes showSearchForm {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 100%;
        opacity: 1;
    }
}