/* Hex */

.bg-primary,
.meet-ask-row:after,
.separator.style-skew[class*="style-"]:after,
.separator.style-skew[class*="style-"]:before,
.tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.widget-title:after,
.site-button,
.comments-area .comment-form p input[type="submit"],
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active>[class*="site-button"],
.list-num-count>li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date,
#myNavbar li.active a,
.skew-angle:after,
.header-style-4.style-1 .header-nav .nav>li.active a:before,
.header-style-4.style-1 .header-nav .nav>li:hover>a:before,
.project-left:after,
.service-carousel .owl-prev,
.service-carousel .owl-next,
.about-us .tabs .nav-tabs li.active a,
.testimonial-text.bg-primary,
.sidenav ul li a:hover,
.pricingtable-title,
.trans-footer .footer-social .bg-primary:hover,
.trans-footer .footer-social .bg-primary:focus {
    background-color: #1bbce8;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #1bbce8 !important;
}

@media screen and (max-width:991px) {
    .side-nav .nav.navbar-nav li a i.fa-chevron-down,
    .nav.navbar-nav li a i.fa-chevron-down,
    .nav.navbar-nav li a i.fa-angle-right {
        background-color: #1bbce8 !important;
    }
}

/*Hex color :hover */

.site-button:active,
.site-button:hover,
.site-button:focus,
.active>.site-button,
.bg-primary-dark,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus {
    background-color: #0FB0DC;
}

.about-us .tabs .nav-tabs li.active {
    border-right: 4px solid #0FB0DC;
}

/* Rgba color */

.info-has.bg-primary,
.info-has.bg-secondry:hover,
.tp-bannertimer.tp-bottom {
    background-color: rgba(27, 188, 232, 0.9);
}

/*===================== 
	Premery text color 
=====================*/

a,
.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,
.header-nav .nav>li:hover>a,
.header-nav .nav>li .mega-menu>li ul a:hover,
.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,
blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.testimonial-3 .quote-left:before,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.tabs .nav-tabs>li>a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #1bbce8;
}

@media only screen and (max-width: 991px) {
    [class*="bg-"] .nav-dark.header-nav .nav>li.active>a,
    [class*="bg-"] .nav-dark.header-nav .nav>li:hover>a {
        color: #1bbce8;
    }
}

/*===================== 
	Premery border color 
=====================*/

.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
blockquote,
.awesome-services .icon-bx-wraper:hover {
    border-color: #1bbce8;
}

.tabs.border-tp .nav-tabs li a.active {
    border-top-color: #1bbce8 !important;
}

/*===================== 
	Secondery bg color
 =====================*/

.bg-secondry {
    background-color: #2d3239;
}

/*===================== 
	Secondery text color
 =====================*/

.text-secondry {
    color: #2d3239;
}

.bg-primary {
    background-color: #1bbce8 !important;
}

.text-primary {
    color: #1bbce8 !important;
}

::selection {
    background: #1bbce8;
    color: #fff;
}