@font-face {
  font-family: 'Rigelstar';
  src: url('../fonts/Rigelstar.ttf') format('truetype');
}

img {
    max-width: 100%;
}

.logo-img {
    width: 200px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Rigelstar';
    color: #01998e;
}
h1, .h1 {
  font-size: 24px;
}
h2, .h2 {
  font-size: 20px;
}
h3, .h3 {
  font-size: 16px;
}
h4, .h4 {
  font-size: 12px;
}
h5, .h5 {
  font-size: 9px;
}
h6, .h6 {
  font-size: 8px;
}

a, a:hover, a:focus {
    color: #01998e;
}

.page-header {
    border-bottom: 1px solid #01998e;
}

.btn-primary {
    color: #ffffff;
    background-color: #01998e;
    border-color: #01998e;
}
.btn-primary:hover {
    color: #fefe67;
    background-color: #01998e;
    border-color: #01998e;
}

@media (min-width:1200px) {
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px) {
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px) {
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px) {
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}


/****************************************************************
** Header **
****************************************************************/

@media (min-width: 768px) {
    .head-search {
        margin-top: 0;
    }
}

.t3-mainnav {
    margin-top: 20px;
    background-color: transparent;
    border: none;
}


/****************************************************************
** Menu **
****************************************************************/
.t3-navbar {
    background-color: #01998e;
}
@media (min-width: 768px) {
    .t3-mainnav .t3-navbar .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .t3-mainnav .t3-navbar .navbar-nav {
        justify-content: space-between;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 7px;
    }
}
.off-canvas-toggle {
    float: right;
}

.navbar-default .navbar-nav > li > a,
.nav > li > .separator {
    color: #ffffff;
    text-transform: uppercase;
}
.navbar-default .navbar-nav .separator {
    cursor: default;
}
.navbar-default .navbar-nav > .dropdown > a .caret,
.nav .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fefe67;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > .separator,
.navbar-default .navbar-nav > .open > .separator:hover,
.navbar-default .navbar-nav > .open > .separator:focus {
    background: transparent;
    color: #000000;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,
.navbar-default .navbar-nav > .open > .separator .caret,
.navbar-default .navbar-nav > .open > .separator:hover .caret,
.navbar-default .navbar-nav > .open > .separator:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: #fefe67;
    color: #01998e;
}

.t3-megamenu .mega-nav > li.current a,
.t3-megamenu .dropdown-menu .mega-nav > li.current a,
.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    background: transparent;
    color: #000000;
}
.nav .dropdown-menu .open > a,
.nav .dropdown-menu .open > a:hover,
.nav .dropdown-menu .open > a:focus {
    background-color: transparent;
}
.t3-off-canvas .t3-off-canvas-header {
    background: #01998e;
}
.t3-off-canvas .t3-off-canvas-header-title {
    color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body a {
    color: #01998e;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fefe67;
    background-color: #01998e;
}



/****************************************************************
** Logos **
****************************************************************/
.t3-module.logos .logo {
    margin-bottom: 20px;
}



/****************************************************************
** Gallery **
****************************************************************/
.pg-categories-items-box,
.pg-msnr-container.pg-category-items-box {
    display: grid;
    align-items: start;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
    .pg-categories-items-box,
    .pg-msnr-container.pg-category-items-box {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .pg-categories-items-box,
    .pg-msnr-container.pg-category-items-box {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
}

.pg-category-items-box .ph-si-category-medium,
.pg-category-items-box .ph-si-back-medium {
    background: none;
}

.pg-categories-items-box .pg-category-box,
.pg-category-items-box .pg-item-box {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
}

.j40 .pg-category-items-box .pg-item-box figure,
.j40 .pg-category-items-box .pg-category-box figure {
    margin-bottom: 0;
}

.pg-category-items-box .pg-item-box-info,
.pg-category-items-box .pg-category-box-info {
    padding: 0;
}

.pg-categories-items-box .pg-category-box-image img,
.pg-category-items-box .pg-category-box-image svg,
.pg-category-items-box .pg-detail-item-image-box img,
.pg-category-items-box .pg-item-box-image img,
.pg-category-items-box .pg-item-box-image svg,
.pg-category-items-box .pg-category-box-image img {
    border-radius: 0;
    box-shadow: none;
}

.pg-category-items-box .pg-item-box-title {
    position: static;
    background: none;
    justify-content: center;
}

.pg-categories-items-box .pg-category-box-title svg,
.pg-categories-items-box .pg-category-box-count,
.pg-category-items-box .pg-item-box-title svg,
.pg-category-items-box .pg-item-box-title.image {
    display: none;
}

.pg-category-items-box .pg-item-box-title a {
    font-size: 24px;
    font-weight: normal;
    color: #01998e;
}

.pg-category-items-box .ph-si-back-medium {
    color: #01998e;
}


/****************************************************************
** Contact **
****************************************************************/

.contact-form legend {
    display: none;
}