.hidden {
    display: none;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .header-menu {
        margin-top: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.is-sticky .hidden {
    display: block;
}
.mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
    top: 12px !important;
    right: 0 !important;
}
.title-top {
    margin-top: 100px;
}
.about-me img {
    width: 40%;
    float: right;
    padding-left: 15px;
}
.about-me h5 {
    margin-bottom: 0;
}
.about-me hr {
    margin: 0 auto 20px !important;
}
.icon-up-open-big {
    color: #fff;
}
#Footer h1,
#Footer h1 a,
#Footer h1 a:hover,
#Footer h2,
#Footer h2 a,
#Footer h2 a:hover,
#Footer h3,
#Footer h3 a,
#Footer h3 a:hover,
#Footer h4,
#Footer h4 a,
#Footer h4 a:hover,
#Footer h5,
#Footer h5 a,
#Footer h5 a:hover,
#Footer h6,
#Footer h6 a,
#Footer h6 a:hover {
    color: #fff !important;
}
button {
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.09);
}
.button-active {
    background-color: #aec6cf;
    color: #000;
}
.options {
    border: #abccb4 solid 3px;
    border-radius: 25px;
    padding: 14px;
    margin-bottom: 15px;
}
.cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0000005c;
    z-index: 1;
}
.header-cover {
    z-index: 100;
}
.successAlert {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #3c763d;
    color: #fff;
    z-index: 999;
    padding: 15px;
    animation: fade 2s linear;
}
.errorAlert {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #a94442;
    color: #fff;
    z-index: 999;
    padding: 15px;
    animation: fade 2s linear;
}
.menu-button {
    height: 56px;
    flex-wrap: wrap;
    max-width: 179px;
    vertical-align: top;
}
#menu-main-menu span {
    font-size: 12px;
}
.blog-post .image {
    height: 200px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.blog-post .image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.blog-post img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.category {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px #88ad92 solid;
    padding: 0 10px;
    border-radius: 25px;
    background-color: #aecfb7;
    color: #fff;
}
.comment {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
    background-color: #fff;
    padding: 1px 10px;
    border-radius: 50px;
}
.owl-dots {
    display: none;
}
.website-div {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.useful-websites {
    background-color: #aecfb7;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 25px;
    position: relative;
    margin-bottom: 10px;
}
.useful-websites:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.05);
}
.useful-websites:hover {
    text-decoration: none;
    color: #fff;
}
.useful-websites:hover:after {
    width: 100%;
}
.modal-title {
    color: #000 !important;
}
.close {
    height: 35px;
}
@media (min-width: 300px) and (max-width: 767px) {
    .about-mac img {
        float: left;
        width: 50%;
    }
}
@media (min-width: 768px) {
    .about-mac img {
        float: left;
        width: 30%;
    }
}
@media (min-width: 960px) {
    .about-mac img {
        float: left;
        width: 25%;
    }
}
@media (min-width: 1240px) {
    .about-mac img {
        float: left;
        width: 20%;
    }
}
a:hover {
    text-decoration: none !important;
}
.table tbody > tr:last-child > td {
    padding-bottom: 0 !important;
}