.nav-logo {
    max-width: 100%;
    width: 360px;
}

.navbar {
    border-bottom-color: #33a5b9;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.contact-icon-m {
    height: 2.5em;
}

.contact-icon, .contact-icon-m {
    transform: matrix(1,0,0,1,0,0);
    float: right;
    max-height: 45px;
    max-width: 45px;
    margin-left: 10px;
}

.contact {
    float: right;
    width: 270px;
    max-width: 33%;
    padding-right: 15px;
}

.footer {
    color: #fff;
    background-color: #33a5b9;
    padding: 5px 10px;
}

.achieve-table {
    background-color: #fff;
}

.slick-slider {
    margin: 30px auto 50px;
}

.slick-slide {
    opacity: 0.6;
    transition: all 300ms ease;
}

.slick-slide.slick-current {
    opacity: 1;
    transform: scale(1.08);
}

.slick-img {
    max-width: 100%;
    height: auto;
    padding: 10px 20px;
}

.background {
    background-image: url('/images/Background_1.png');
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-link:hover, .dropdown-item:hover {
    color: #33a5b9 !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}