/* =======================================================
*
*   COGIA - Navbar
*
* ======================================================= */
#cogia-navbar-custom {
    background-color: #01213C;
    border-bottom: 4px solid #BF9751;
    color: #FFFFFF;
    font-weight: 900;
    font-family: 'century-gothic', sans-serif;
    box-shadow: 0 .4rem 2rem rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
#cogia-navbar-custom .navbar-brand {
    background-color: transparent;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
#cogia-nav-link-custom {
    background-color: transparent;
    color: #FFFFFF;
    padding: 20px;
}
#cogia-nav-link-custom:hover {
    background-color: #FFFFFF;
    color: #01213C;
}
#cogia-nav-link-custom:focus,
#cogia-nav-link-custom:active,
a#cogia-nav-link-custom.nav-link.active {
    background-color: #BF9751;
    color: #01213C;
}
/* =======================================================
*
* 	COGIA Navbar Toggler
*
* ======================================================= */
.cogia-nav-toggle-css {
    display: block;
    top: 3px;
    right: 0px;
    z-index: 21;
    padding: 7px 0 0 0;
    margin: 0 auto;
    height: 45px;
    width: 25px;
    border-bottom: none !important;
    cursor: pointer;
    text-decoration: none;
}
.cogia-nav-toggle-css:hover,
.cogia-nav-toggle-css:active,
.cogia-nav-toggle-css:focus {
    outline: none;
    border-bottom: none !important;
}
.cogia-nav-toggle-css a {
    color: #BF9751;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-color: #BF9751;
    height: 50px;
    width: 50px;
}
.cogia-nav-toggle-css i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    width: 25px;
    height: 3px;
    color: #BF9751;
    background-color: #BF9751;
    font: bold 14px/.4 Arial;
    text-transform: uppercase;
    transition: all .2s ease-out;
}
.cogia-nav-toggle-css i::before,
.cogia-nav-toggle-css i::after {
    content: '';
    width: 25px;
    height: 3px;
    background-color: #BF9751;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.cogia-nav-toggle-css i::before {
    top: -7px;
}

.cogia-nav-toggle-css i::after {
    bottom: -7px;
}
.cogia-nav-toggle-css:hover i::before {
    top: -10px;
}

.cogia-nav-toggle-css:hover i::after {
    bottom: -10px;
}
a.cogia-nav-toggle-js[aria-expanded=true] > i {
    color: transparent;
    background-color: transparent;
}
a.cogia-nav-toggle-js[aria-expanded=true] > i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
a.cogia-nav-toggle-js[aria-expanded=true] > i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
a.cogia-nav-toggle-js[aria-expanded=true] > i::before,
a.cogia-nav-toggle-js[aria-expanded=true] > i::after {
    color: #BF9751;
    background-color: #BF9751;
}
/* =======================================================
*
* 	COGIA Carousel
*
* ======================================================= */
.carousel-inner {
    height: 100%;
    width: 100%;
    opacity: 1 !important;
    background: #000000;
}
.carousel-item {
    padding-top: 1vh;
    height: 100vh;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    -webkit-transition-property: transform, transform;
    -moz-transition-property: transform, transform;
    -o-transition-property: transform, transform;
    transition-property: transform, transform;
    background: #000000;
}

.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-item-fill {
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: cover;
    margin-top: 1vh;
}
#carousel-img-001 {
    background-image: url("/rsc/img/carousel/carousel-img-001.jpg");
}
#carousel-img-002 {
    background-image: url("/rsc/img/carousel/carousel-img-002.jpg");
}
#carousel-img-003 {
    background-image: url("/rsc/img/carousel/carousel-img-003.jpg");
}
#carousel-img-004 {
    background-image: url("/rsc/img/carousel/carousel-img-004.jpg");
}
#carousel-img-005 {
    background-image: url("/rsc/img/carousel/carousel-img-005.jpg");
}
#carousel-img-006 {
    background-image: url("/rsc/img/carousel/carousel-img-006.jpg");
}
#carousel-img-007 {
    background-image: url("/rsc/img/carousel/carousel-img-007.jpg");
}

/* =======================================================
*
* 	COGIA Introduction
*
* ======================================================= */
#cogia-intro {
    position: relative;
    opacity: 1 !important;
    background: #000000;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#cogia-intro {
    background: #000000;
    min-height: 100vh;
}
#cogia-tagline {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #0000000;
    z-index: 21;
}
#cogia-tagline span.border {
    background-color: #111;
    color: #FFFFFF;
    padding: 18px;
}
#cogia-tagline h1 {
    color: #F7F7F7;
    font-weight: 900;
}
#cogia-tagline h2 {
    color: #FFFFFF;
    font-weight: 400;
}

/* =======================================================
*
* 	COGIA Screen Resolution
*
* ======================================================= */
@media (min-width: 359px) and (max-height: 741px) {
      #cogia-tagline {
        top: 25%;
    }
    #cogia-tagline h2 {
        font-size: calc(1.6rem + 1.6vw);
    }
    #cogia-tagline h1 {
        font-size: calc(1.9rem + 1.6vw);
    }
}
@media (min-width: 374px) and (max-height: 668px) {
      #cogia-tagline {
        top: 30%;
    }
    #cogia-tagline h2 {
        font-size: calc(1.6rem + 1.6vw);
    }
    #cogia-tagline h1 {
        font-size: calc(1.9rem + 1.6vw);
    }
}
@media (min-width: 374px) and (max-height: 813px) {
      #cogia-tagline {
        top: 30%;
    }
    #cogia-tagline h2 {
        font-size: calc(1.6rem + 1.6vw);
    }
    #cogia-tagline h1 {
        font-size: calc(1.9rem + 1.6vw);
    }
}
@media (min-width: 767px) and (max-height: 1025px) {
      #cogia-tagline {
        top: 40%;
    }
    #cogia-tagline h2 {
        font-size: calc(1.6rem + 1.6vw);
    }
    #cogia-tagline h1 {
        font-size: calc(1.9rem + 1.6vw);
    }
}

@media (max-width: 1200px) and (max-height: 812px) {
    #cogia-about-body-details,
    #cogia-testimonials-body-details {
        width: 100%;
    }
    #cogia-testimonials-body-container {
        width: 100%;
    }
    #cogia-testimonials-body-details {
        height: 740px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 820px) and (orientation: landscape) {
    #cogia-testimonials-body-container {
        width: 100%;
    }
    #cogia-about-body-details {
        width: 100%;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 820px) and (orientation: portrait) {
    #cogia-testimonials-body-container {
        width: 100%;
    }
    #cogia-testimonials-body-details {
        height: 740px;
    }
    #cogia-about-body-details {
        width: 100%;
    }
}