/* defaults --------------------------------------------------------- */
img {
    height: auto;
}


/* colors --------------------------------------------------------- */
:root {
    --cyb-primary: #AABEDC;
    --cyb-secondary: #5CCBE7;
}

.third-color {
    color:  var(--cyb-secondary);
}

/* scrollbar webkit --------------------------------------------------------- */
::-webkit-scrollbar {
  background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
    background-color: #0000009e;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

/* header --------------------------------------------------------- */
.bottom-nav, .header-appear .bottom-nav {
    background-color: transparent;
}

    .navbar-top-default.top-nav,
    .bottom-nav.navbar-bottom-top {
        background-color: #ffffffd1;
    }


.navbar-dark:not(.navbar-bottom-top, .top-nav) .sidemenu_btn span {
    background-color: #fff;
}

.side-menu {
    background:  var(--cyb-secondary);
}


/* content --------------------------------------------------------- */
.bg-light {
    background-color: var(--cyb-primary) !important;
}


/* loader --------------------------------------------------------- */
.loader {
    background:  var(--cyb-primary);
}


/* loader --------------------------------------------------------- */
.scroll-top-arrow {
    background: #fff;
}

.scroll-top-arrow .fa{
    color: #000;
}

/* color greenblue */

.bg-blue {background-color: var(--cyb-secondary);}

.third-color{color: var(--cyb-secondary);}

.btn.btn-blue {background: var(--cyb-secondary); border-color: var(--cyb-secondary); }
.btn.btn-blue:hover, .btn.btn-blue:focus {border-color: var(--cyb-secondary); color: var(--cyb-secondary) !important}


.header-appear .nav-box-round .navbar-nav .nav-link.active{
    background-color: var(--cyb-secondary);
}

.header-appear .nav-box-round .navbar-nav .nav-link:hover{
    color: var(--cyb-secondary);
}

.nav-line .navbar-nav .nav-link:before {
    background: var(--cyb-secondary);
}


.navbar.navbar-right .navbar-nav .nav-link.active{
    color:var(--cyb-secondary);
}

.side-right-social a {
    border-color: var(--cyb-secondary);
    background: var(--cyb-secondary);
}

.owl-dots .owl-dot::after {
    background-color: var(--cyb-secondary);
}


.button-play {
    background: var(--cyb-secondary);
}

.button-play:hover i{
    color: var(--cyb-secondary);
}


.price-item .btn.btn-black:hover,.price-item .btn.btn-black:focus {
    background: var(--cyb-secondary) !important;
    border-color: var(--cyb-secondary);
}

.price-two.hvr-blue:hover{
    background-color: var(--cyb-secondary);

}

.side-menu {
    background: var(--cyb-secondary);
}


.parallax-box:hover i{
    color:var(--cyb-secondary);
}

.footer-social li a:hover{
    background-color:var(--cyb-secondary);
}

.error-text h2{
    background: var(--cyb-secondary);
}

.count-down-form .form-control:focus {
    border-bottom-color: var(--cyb-secondary) !important;
}



.blog-pagination li a:hover,.blog-pagination li.active a,.blog-pagination li a:focus{
    background: var(--cyb-secondary);
}

.recent-post .text .date{
    color: var(--cyb-secondary);
}


.blog-tags li a:hover,.blog-tags li a:focus{
    border-color: var(--cyb-secondary);
    background-color: var(--cyb-secondary);
}


.blog-detail-tag .btn.btn-transparent-gray:hover{
    border-color: var(--cyb-secondary);
    background-color: var(--cyb-secondary);
}