/*

[Theme Color Stylesheet]

Project: QuickFix - Multipurpose Servicing and Repairing HTML Template
Version: 1.3
Author : themelooks.com

*/

/*------------------------------------*\
    COLOR
\*------------------------------------*/
a:hover, .btn-link:hover,
a:focus, .btn-link:focus,
.text--primary,
.pager li em,
.pager li a[aria-describedby],
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover,
.nav-links--widget .nav > li.active > a,
.search--widget .input-group-addon button,
.categories--widget ul li:hover,
.header--navbar-top-info .icon,
.header--nav-links .megamenu > .dropdown-menu .nav > li.active > a,
.header--nav-search .dropdown-toggle,
.page--breadcrumb .breadcrumb > li > span,
.banner--content h1 strong,
.banner--form .h4,
.about--content .h2 span,
.service--item:hover .h3 a,
.service--item.active .h3 a,
.extra-service--item:hover .extra-service--info .title .h4 a,
.gallery--filter-nav .nav > li:hover,
.gallery--filter-nav .nav > li.active,
.gallery--info .btn-groups .btn:hover,
.gallery--nav a[aria-describedby],
.expert--members-nav button:hover,
.expert--members-nav a[aria-describedby],
.product--item-img-info .btn-groups .btn:hover,
.product--item-img-info .btn-groups .btn:focus,
.product--item-img-info .btn-groups .tooltip-inner,
.product--item-info .price,
.product--single-summery .title .btn-group a[aria-describedby],
.product--single-summery .in-stock,
.product--single-summery .actions .quantity .ui-spinner-button:active:before,
.product--details-tab-nav .nav > li.active > a,
.review--form .rating .br-widget a.br-selected:after,
.cart--items .table tbody tr td .quantity .ui-spinner-button:active:before,
.cart--total .table tr:last-child td,
.checkout--info > p a,
.contact--content ul li:before,
.contact--content ul li p span,
.f0f--section .footer > a,
.footer--copyright a,
[class*="list-"].style2.list-box > li:after {
    color: #00BCD4;
}

/*------------------------------------*\
    BACKGROUND COLOR
\*------------------------------------*/
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.bg--color-theme,
.bg--overlay:before,
.pager li .tooltip-inner,
.countdown--timer ul li strong,
.nav-links--widget .h4:before,
.cart--widget ul li .remove:hover,
.header--navbar .navbar-toggle,
.header--nav-links > li > a:hover,
.header--nav-links > li.active > a,
.header--nav-links > li.open > a,
.header--nav-links > li.open > a:hover,
.header--nav-links > li.open > a:focus,
.header--nav-links .dropdown-menu > li > a:hover,
.header--nav-links .dropdown-menu > li > a:focus,
.header--nav-links .dropdown-menu > li.active > a,
.banner--slider .owl-dot.active,
.service--item:hover .dot:before,
.service--item.active .dot:before,
.service-single--content .title:before,
.gallery--section .title:before,
.gallery--nav .tooltip-inner,
.gallery-single--content .title:before,
.pricing--item:hover .pricing--footer .btn,
.pricing--item.active .pricing--footer .btn,
.pricing-single--item .title:before,
.expert--members-nav .tooltip-inner,
.post--item.sticky .post--footer .btn-default,
.comment--title:before,
.product--single-summery .title .btn-group .tooltip-inner,
.product--details-tab-nav .nav > li.active > a:before,
.product--details-item .title:before,
.related-products-title:before,
.cart--items .table tbody tr td .remove:hover,
.cart--title:before,
.checkout--form-title:before,
.contact--title:before,
.footer--widget .widget--title .h4:before,
.pagination-bx.primary .pagination > li > a,
.pagination-bx.primary .pagination > li > span,
.pagination-bx.primary-hover .pagination > li > a:hover,
.pagination-bx.primary-hover .pagination > li > span:hover,
.pagination-bx.primary-hover .pagination > li.active > span,
.pagination-bx.primary-hover .pagination > li.active > a,
.about-timeline::after {
    background-color: #00BCD4;
}

.time-line:after,
.line-right:after,
.line-left:after {
    background: #00BCD4 none repeat scroll 0 0;
}

::-moz-selection {
    background-color: #00BCD4;
}


::selection {
    background-color: #00BCD4;
}

/*------------------------------------*\
    BORDER COLOR
\*------------------------------------*/
.form-control:focus,
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.nav-links--widget .nav > li > a:hover,
.nav-links--widget .nav > li > a:focus,
.nav-links--widget .nav > li.active > a,
.subscribe--widget .form-control,
.cart--widget ul li .remove:hover,
.header--navbar .navbar-toggle,
.header--nav-links > li > a:hover,
.header--nav-links > li.active > a,
.header--nav-links > li.open > a,
.header--nav-links > li.open > a:hover,
.header--nav-links > li.open > a:focus,
.header--nav-links .dropdown-menu > li > a:hover,
.header--nav-links .dropdown-menu > li > a:focus,
.header--nav-links .dropdown-menu > li.active > a,
.megamenu-img:before,
.banner--slider .owl-dot.active,
.banner--form .form-control:focus,
.appointment--form .form-control:focus,
.service--item:hover .dot,
.service--item.active .dot,
.extra-service--item:hover,
.pricing--item:hover,
.pricing--item.active,
.post--item.sticky,
.product--single-gallery .thumbnails .owl-item a.active:before,
.product--single-summery .actions .buttons .btn:not(.active):hover,
.product--single-summery .actions .buttons .btn:not(.active):focus,
.cart--items .table tbody tr:hover td img,
.cart--items .table tbody tr td .remove:hover,
.cart--coupon .input-group .form-control,
.contact--map,
.cta--content {
    border-color: #00BCD4;
}

.pager li .tooltip .tooltip-arrow,
.gallery--nav .tooltip .tooltip-arrow,
.expert--members-nav .tooltip .tooltip-arrow,
.product--single-summery .title .btn-group .tooltip .tooltip-arrow,
.checkout--info > p {
    border-top-color: #00BCD4;
}

.about--content .h2 {
    border-bottom-color: #00BCD4;
}

/*=====================
	Premery bg color
=====================*/

/* Hex */
.bg-primary,
.meet-ask-row:after,
.dlab-separator.style-skew[class*="style-"]:after,
.dlab-separator.style-skew[class*="style-"]:before,
.dlab-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,
.dlab-project-left:after,
.service-carousel .owl-prev,
.service-carousel .owl-next,
.about-us .dlab-tabs .nav-tabs li.active a,
.testimonial-text.bg-primary,
.sidenav ul li a:hover,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,
.product-item-size .btn.active,
.ui-widget-header,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,
.owl-item.active.center .testimonial-text,
.icon-bx-wraper.hover:hover,
.portfolio-sep,
.portfolio-ic .dlab-img-overlay1:before,
.dlab-box-bg.active .icon-box-btn .site-button,
.dlab-accordion.primary .acod-head a,
.side-bar .widget_tag_cloud a:hover {
    background-color: #00BCD4;
}

/*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,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover{
    background-color: #00BCD4;
}
.about-us .dlab-tabs .nav-tabs li.active{
    border-right: 4px solid #00BCD4;
}


/* Rgba color */
.dlab-info-has.bg-primary,
.dlab-info-has.bg-secondry:hover,
.tp-bannertimer.tp-bottom {
    background-color: #00BCD4;
}

/* Box Shadow */
.side-bar .widget_tag_cloud a:hover{
    box-shadow:5px 5px 10px 0 #00BCD4;
}

/*=====================
	Premery text color
=====================*/
.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,
.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,
.dlab-tabs .nav-tabs > li > a i,
.site-button.outline,
.site-button-link:hover,
.item-info-in ul li a:hover,
.dlab-post-meta.text-primary i,
.dlab-post-meta.text-primary ul li,
.dlab-post-meta.text-primary ul li a,
.dlab-post-meta i,
.comments-area p:before,
.about-8-service .icon-bx-wraper:hover a{
    color: #00BCD4;
}
@media only screen and (max-width: 991px) {
    .nav-dark.header-nav .nav > li > a:hover,
    .nav-dark.header-nav .nav > li > a:active,
    .nav-dark.header-nav .nav > li > a:focus{
        color: #00BCD4;
    }
}

.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
.widget_gallery li:hover,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,
.side-bar .widget_tag_cloud a:hover{
    border-color: #00BCD4;
}
.owl-item.active.center .testimonial-8 .testimonial-text:after{
    border-top:15px solid #00BCD4;
}
.dlab-tabs.border-top .nav-tabs > li.active > a{
    border-top-color: #00BCD4;
}

.bg-secondry {
    background-color: #00BCD4;
}
.text-secondry {
    color: #00BCD4;
}

[class*="list-"].list-box > li:before {
    background: #00BCD4 none repeat scroll 0 0;
}

.rounded[class*="list-"] li:before:hover {
    background: #00BCD4 none repeat scroll 0 0 !important;
}