/*768*/
@media only screen and (max-width: 768px) {
    a.whatsapp-btn {
        opacity: 1;
    }
}
.grecaptcha-badge {
    z-index: 2;
}
#footer{
    margin: unset;
}

/*.social-icons li:hover.social-icons-youtube a {*/
/*    background: #c3191e !important;*/
/*}*/
@media (min-width: 992px){
    #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down {
        display: block !important;
    }
}
.social-icons li:hover.social-icons-maroof a{
    background: #007E99 !important;
}

#mainNav li.dropdown a.dropdown-item i.fa-chevron-down {
    padding: 5px;
}
.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
    padding-left: 45px;
    font-weight: 700;
}
.custom-nav-list-effect-1 > li > a {
    position: relative;
    transition: ease padding 300ms, ease color 300ms;
}
.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
    width: 30px;
    opacity: 1;
    visibility: visible;
}
.custom-nav-list-effect-1 > li > a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid #CCC;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -50%, 0);
    transition: ease opacity 300ms, ease width 300ms;
}
.products .product:hover .quick-view:hover {
    background: #08c;
}
.products .product .quick-view {
    transition: ease transform 300ms,ease background 300ms;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 10px;
    font-size: 1em;
    color: #fff;
    background: rgba(0,0,0,.7);
    z-index: 3;
    opacity: 0;
    transform: translate3d(0,100%,0);
}

.products .product:hover .quick-view {
    opacity: 1;
    transform: translate3d(0,0,0);
}

.products .product .quick-view {
    transition: ease transform 300ms,ease background 300ms;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 10px;
    font-size: 1em;
    color: #fff;
    background: rgba(0,0,0,.7);
    z-index: 3;
    opacity: 0;
    transform: translate3d(0,100%,0);
}

.products .product .quick-view {
    background: rgba(0,136,204,.7);
}
.products .product a {
    text-decoration: none;
}
.product .product-thumb-info a {
    text-decoration: none;
    display: block;
    width: 100%;
}
@media (max-width: 991px){
#header .header-nav-main.header-nav-main-square nav > ul > li .custom-dropdown-item{
    padding: 12px 10px 12px 10px;
    border-radius: 0.25rem!important;
}
}
.shop .summary .price {
    color: #444;
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 30px;
    margin-top: 10px;
    clear: both;
}

/*  Custom style  */
.bio-service{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.masonry .item {
    float: right;
}
.product .product-thumb-info{
    border-radius: 0.25rem;
}
.thumb-gallery-thumbs .owl-stage-outer .owl-item{
    height: 100px;
    border-radius: 0.25rem;
}
.thumb-gallery-thumbs .owl-stage-outer .cur-pointer img{
    height: 100%;
}
.thumb-gallery-thumbs .owl-stage-outer .cur-pointer{
    height: 100%;
}
.gm-style-iw-c button{
    margin: 5px !important;
}

.gm-style-iw-c{
    max-width: 600px !important;
}

.products .product {
    min-height: 360px!important;
    overflow: hidden !important;
}
.custom-href-btn:hover{
    color:white !important;
}
.new-product{
    border-radius: 0.25rem;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
}
.zoomWindowContainer div{
    border-radius: 0.25rem;
}

.custom-line {
    display: inline-block;
    width: 25px !important;
    border-bottom: 3px solid #CCC;
}
.customLineAnimation {
		-webkit-animation-name: customLineAnimation;
						animation-name: customLineAnimation;
}

@-webkit-keyframes customLineAnimation {
		0% {
				width: 0px;
				opacity: 1;
		}
		100% {
				width: 50px;
				opacity: 1;
		}
}

@keyframes customLineAnimation {
		0% {
				width: 0px;
				opacity: 1;
		}
		100% {
				width: 50px;
				opacity: 1;
		}
}
.custom-line {
	border-bottom-color: #00a1cd;
}

/* sticky-header-active */

.sticky-header-active #header .header-body {
    background: var(--primary);
}
.sticky-header-active #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{
    color: #fff;
}
.sticky-header-active #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
	border-bottom-color: #000;
}
.sticky-header-active #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before{
    background : var(--secondary);
}
@media (min-width: 992px) {
.sticky-header-active #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
    color: var(--secondary);
}
.sticky-header-active #header .header-nav.header-nav-line nav > ul li:hover > a {
    color: var(--secondary);
}
.sticky-header-active #header .header-nav.header-nav-line nav > ul li:hover > a:before {
    background: var(--secondary);
}
}
.logo-sticky{
   visibility: hidden;
   display:none;
}
.sticky-header-active .logo-sticky{
   visibility: visible;
      display:block;
}
.sticky-header-active .logo-unsticky{
   visibility: hidden;
   display:none;
}

article.post-medium{
    min-height: 450px !important;
    max-height: 450px !important;
}
/* demo-business-consulting-3.css */
/*
* Custom Link Effects
*/
@-webkit-keyframes crookedLineAnim {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-48%, 0, 0);
    }
}
@keyframes crookedLineAnim {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-48%, 0, 0);
    }
}
.custom-crooked-line {
    display: inline-block;
    width: 77px;
    overflow: hidden;
}
.custom-link-hover-effects .custom-view-more svg {
    transition: ease transform 300ms;
}

.custom-link-hover-effects:hover .custom-crooked-line svg {
    -webkit-animation-name: crookedLineAnim;
            animation-name: crookedLineAnim;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}


.custom-link-hover-effects:hover .custom-view-more svg {
    transform: translate3d(-7px, 0, 0);
}
.animated-icon{
    transform: rotate(180deg);
}

.custom-link-hover-effects:hover .custom-date-style-1 {
    transform: translate3d(2.5px, 2.5px, 0);
}

.custom-link-hover-effects:hover .custom-date-style-1:before {
    transform: translate3d(0, 0, 0);
}
/*
* Carousel
*/
.custom-carousel-box-shadow-1 {
    position: relative;
}

.custom-carousel-box-shadow-1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65%;
    height: 0px;
    box-shadow: 0 40px 40px 120px rgba(0, 0, 0, 0.03);
    transform: translate3d(-50%, -50%, 0);
    z-index: 0;
}

.custom-dots-style-1 .owl-dots,
.custom-dots-style-2 .owl-dots {
    margin-top: 30px !important;
}

.custom-dots-style-1 .owl-dots .owl-dot > span,
.custom-dots-style-2 .owl-dots .owl-dot > span {
    background: #9e9e9e !important;
    transition: ease all 300ms;
}

.custom-dots-style-1 .owl-dots .owl-dot.active > span,
.custom-dots-style-2 .owl-dots .owl-dot.active > span {
    background: #3e3e3e !important;
    width: 18px;
}

@media (max-width: 991px) {
    .custom-dots-style-2 .owl-dots {
        transform: translate3d(0, -50px, 0);
    }
}

.custom-carousel-vertical-center-items .owl-stage {
    display: flex;
    align-items: center;
}

.custom-nav-style-1 .owl-nav {
    left: 50%;
    width: 105%;
    transform: translate3d(-50%, -50%, 0);
}

.owl-carousel.carousel-center-active-item .owl-item {
    opacity: 0.4;
}

@media (min-width: 992px){
    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: var(--secondary);
    }
}

a:hover{
    color: var(--secondary);
}

.social-icons li:hover.social-icons-tiktok a{
    background: #F02A53 !important;
}


.fixed-btn-whatsapp:hover, .fixed-btn-whatsapp:focus, .fixed-btn-call:hover, .fixed-btn-call:focus{
    color: #ffffff;
}



html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title{
    background-color: var(--secondary);
    border-color: var(--secondary);
}

html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title{
    border-left-color: var(--secondary);
    border-right-color: var(--secondary);
}