/**
 * Theme Name:     Vyinger
 * Author:         Codenatives
 * Template:       zix
 * Text Domain:	   Codenatives
 * Description:    Vyinger services and details
 */
 @import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Bilbo&display=swap');

.navbar .menu > .nav-item.submenu .dropdown-menu > .nav-item {
    padding: 0 30px;
}

 .navbar .menu > .nav-item > .nav-link {
    color: #2c2c2c !important;
}

 #preloader {
    background: white none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
    height: 100vh;
    width: 100vw;overflow: visible;
}


#status {
    background-image: url(images/preloder.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 64px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    width: 64px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}



#preloader.load_coplate:before, #preloader.load_coplate:after, #preloader:before, #preloader:after { content: none; }


/* logo */

.navbar .navbar-brand .site_affi {
    font-size: 14px;
   color: #FC8235;
    font-weight: 600;
    float: left;
    width: 53%;
    line-height: 12px;
    text-align: right;
    padding-bottom: 8px;
}

/*  breadcrumb */

.breadcrumb_content .breadcrumb li a:after {
    color: #000;
}

/* */


/* Team */

/* Home */

.service_content img {
    height: 79px !important;
}

.portfolio_filter .work_portfolio_item .f_item {
    display: none !important; 
}

#portfolio_filter.portfolio_filter {
    margin-bottom: 5px;
}

.service_item p {
    font-size: 15px !important;
}

.elementor-alert button.elementor-alert-dismiss {
    top: 0;
}

.breadcrumb_content p {
    color: #000;
}

/* End Home */


.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}
section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #007b5e !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #007b5e !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

/* End of Team */

/* Blog Page */

.blog_container .recent_news_item .recent_news_content h4 {
    color: #fc7c2c;
}

.blog_container .recent_news_item .recent_news_content h4:hover {
    color: #2a2273;
}

.blog_container .recent_news_content .reade_btn {
    font: 13px/20px "Montserrat", sans-serif;
    color: #fff;
    display: inline-block;
    position: relative;
    transition: color 0.2s linear;
    background-color: #2a2273;
    padding: 6px 8px;
    font-weight: 300;
}

.blog_container .recent_news_content .reade_btn:hover {
    color: #fff;
    background-color: #fc7c2c;
}

#breadcrumbs {
    display: none;
}

/* End Blog */


/* Search Buttom - Sidebar */

.widget_search .search-form button {
	background-image:none;
	background-color:#2a2273;
    border: 0px;
    color: #fff;
    padding: 0px 20px;
    font-size: 22px;
    cursor: pointer;
}

.widget.sidebar_widget.widget_recent_entries {
    background: #f5f4f3;
    padding: 20px 20px;
}

.widget.widget_recent_entries .widget-title {
    margin-bottom: 15px;
    color: #fc7c2c;
}

.widget.widget_recent_entries .widget-title {
    margin-bottom: 15px;
}
.widget_recent_entries ul li .date {
    font: 400 12px "Muli", sans-serif;
    color: #9b9b9b;
    padding-bottom: 2px;
}

.widget_recent_entries ul li {
    border-top: 1px solid #eeeeee;
    padding: 10px 0px 10px 0px;
}


/* Single Blog */

.blog .breadcrumbs_area{
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 250px;
    background: none;
}

.blog .breadcrumbs{
	display:none;
}

.single-post .breadcrumbs_area_three{
    height: 250px;
    position: relative;
    background: none;
    overflow: hidden;
}

.breadcrumb_content h2{
    color: #000;
}

.breadcrumb_content .post_meta a{
    color: #000;
}

.blog_details_area.sec_pad, .blog .blog_area.sec_pad{
    padding: 25px 0px;
}
/* End */

/* Services */
.single-services .breadcrumbs_area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 250px;
    background: none;
}

.single-services .breadcrumb{
	display:none;
}

.single-services .breadcrumb li{
	color:#000;
}

.single-services .breadcrumb li a {
    color: #fc7c2c;
}

.single-services .breadcrumb li a:hover {
    color: #2a2273;
}

.single-services .breadcrumb_content h2 {
    color: #000;
}

.single-services .post_meta a {
    color: #000;
}
.single-services .service_details_area{
	padding-top: 0px;
}
/* End */


/* Portfolio Detail Page */

.single-portfolio .breadcrumbs_area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 120px;
    background: none;
}

.single-portfolio .breadcrumb_content{
	padding-top: 0px;
    display: none;
}

.single-portfolio .breadcrumb{
	display:none;
}

.single-portfolio .breadcrumb li{
	color:#000;
}

.single-portfolio .breadcrumb li a {
    color: #fc7c2c;
}

.single-portfolio .breadcrumb li a:hover {
    color: #2a2273;
}

.single-portfolio .breadcrumb_content h2 {
    color: #000;
}

.single-portfolio .post_meta a {
    color: #000;
}
.single-portfolio .service_details_area{
	padding-top: 0px;
}

/* End of Portfolio Detail Page*/

/* Contact Page */

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f00;
}

/* End Contact Page */


/* Footer */
a.elementor-button-link.elementor-button.elementor-size-sm.elementor-animation-bounce-in.footer-button {
    background: #FC7C2C;
    display: inline-block;
    line-height: 1;
    background-color: #FC7C2C;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/*Btn-colot*/

a.hyper-color{color:#FC7C2C !important;}

/* End Footer */



#customers-testimonials {
    float: left;
    width: 100%;
    background-color: #F0E4D8;
    position: relative;
    padding: 40px 0 35px 0;
}

#customers-testimonials .owl-stage-outer {
    float: left;
    width: 100%;
}

#customers-testimonials .owl-stage-outer .owl-item .testi_content p {
    color: #000000;
    font-family: "Georgia", Sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 2em;
    margin-bottom: 50px;
}

#customers-testimonials .owl-stage-outer .owl-item .testi_cli_name {
    float: right;
    color: #666666;
    letter-spacing: -0.16px;
    text-align: right;
    width: 100%;
    font-size: 16px;
    padding: 0 10px 10px;
}

#customers-testimonials .owl-stage-outer .owl-item .testi_cli_comp_name {
    font-family: "Allura", Sans-serif;
    font-size: 30px;
    text-align: right;
    color: #333333;
    font-weight: 600;
    padding: 10px 10px 0;
}

#customers-testimonials .owl-stage-outer .owl-stage {
    float: left;
    width: 100%;
    background-color: #F0E4D8;
    position: relative;
}

#customers-testimonials::before {
    top: 0;
    content: '';
    left: -780px;
    width: 100%;
    height: 100%;
    background: #F0E4D8;
    position: absolute;
    z-index: -1;
}

#customers-testimonials::after {
    top: 0;
    content: '';
    right: -780px;
    width: 100%;
    height: 100%;
    background: #F0E4D8;
    position: absolute;
    z-index: -1;
}

#customers-testimonials .owl-nav .owl-prev {
width: 20px;
height: 20px;
background: url(images/left.png);
background-size: 100%;
background-repeat: no-repeat;
float: left;
}

#customers-testimonials .owl-nav .owl-next {
width: 20px;
height: 20px;
background: url(images/arrow.png);
background-size: 100%;
background-repeat: no-repeat;
float: right;
}

#customers-testimonials .owl-nav {
    width: 100px;
    float: left;
    margin-top: -40px;
    z-index: 99999;
    position: relative;
}

#customers-testimonials .owl-nav .owl-prev i.fa,
#customers-testimonials .owl-nav .owl-next i.fa {
    display: none;
}

#customers-testimonials .owl-stage-outer .owl-item h2 {
    color: #ACB494;
    font-family: 'Bilbo', cursive;
    font-size: 116px;
    float: left;
    position: absolute;
    top: -16px;
}


/* responsive */



@media (max-width:991px) {

 .navbar .navbar-brand .site_affi {
        font-size: 11px;
        float: right;
        width: auto; }

        #customers-testimonials {
            padding: 19px 20px;
        }

 }

 @media (max-width:767px) {
    .elementor-element.vy_alert {
        margin-top: 100px;
    }

    .vy_alert .elementor-alert button.elementor-alert-dismiss {
        top: 0;
    }
}

 @media (max-width:640px){

    .elementor-532.elementor .elementor-element.elementor-element-04d6514 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .vy_alert .elementor-alert button.elementor-alert-dismiss {
        top: 0;
    }

    .blog .breadcrumbs_area {
        height: 150px;
    }

    .blog_area.sec_pad {
        padding: 25px 0px;
    }

}

.purechat-launcher-message {
    display: none;
}

.footer_social_icons_outer .footer_social_icons {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 7px;
}
.footer_social_icons_outer .footer_social_icons a img {
    max-width: 22px;
}
.footer_social_icons_outer .footer_social_icons:nth-child(2n) {
    margin-top: 3px;
}
.footer_social_icons_outer {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}