/* ATD PARA NO MIDIFICAR EL STYLE.CSS LAS MODIFICACIONES DE COLOR SE HACER AQUI
SI SE TRATA DE HACER UNA MODIFICACION ESPECIFICA A UN ELEMENTO, LO PONEMOS EN SU CLASE POR SEPARADO
SI QUEREMOS AGREGAR ALGO QUE SE APLIQUE EN TODOS LOS TEMAS Y LO APLIQUE DE MANERA HOMOGENEA DE ACUERDO
AL TEMA, LO APLICAMOS EN LA LISTA DE CLASES QUE ESTA ABAJO
*/

/* fondo de la parte superior



27. Featured Section Three Start */

/* 13. Footer Style One Start */
.footer-style-one .footer-p-1 {
    background-color: #ECF0F6;
}

.footer-style-one .footer-p-2,
.footer-style-one .footer-p-3 {
    background-color: #124062;
}

.project-completed .prj-slider-nav button i {
    color: white;
}

.heading-style-2 .data h2 {
    
    color: #124062; /*ATD estaba en #111*/
}

.heading.heading-style-3 h2 span {
    
    color: #124062; /*ATD estaba en #111*/
}

h2 {
    
    color: #124062; /*ATD estaba en #111*/
}


.featured-section-three {
    background: #ffffff;/*ATD FONDO SLIDER SUP estaba en black luego en #B3CAE6*/
}

.theme-btn {
    color: #ffffff;/*ATD ESTABA EN black*/
}

.header-style-one .nav-bar ul li a {
    font-size: 16px;
    color: #545454;/* estaba en white*/
    font-family: 'Poppins';
}

.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu {
    border-left: 5px #829DC0 solid;
}

.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before,
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before {
	background: #B3CAE6;
}





.desktop-nav ul.sub-menu {
    width: 210px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li a {
    padding: 15px 21px;
    display: flex;
    align-items: center;
    color: #545454;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    justify-content: space-between;
}

/*
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a svg {
    width: 8px;
    height: 8px;
    fill: #a9a9a9;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a:hover svg {
    fill: #fdfdfd;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li:nth-child(even) a:hover{
    background-color: transparent;
}



.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:before {
    content: "";
    background-image: url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -15px;
    width: 10px;
    height: 10px;
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:hover:before{
    background-image: url('../images/down-arrow-clr.svg');
}




.desktop-nav .nav-bar .extras .menu-start svg {
    fill: white;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-right: 30px;
}



.desktop-nav .nav-bar .extras a.pr-cart:before {
    content: "2";
    color: #000;
    width: 15px;
    height: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-47%);
    z-index: 1;
    font-size: 10px;
    font-family: 'Poppins';
}

.cart-popup img {
    width: 75px;
    background: #f6f6f6;
}

.cart-popup .p-data h3 {
    font-size: 16px;
    color: #191919;
    margin-bottom: 5px;
}


.cart-popup ul li:not(:last-child) {
    border-bottom: 1px solid #c1c1c1;
}


.cart-popup .cart-btns a:not(:last-child){
    margin-right: 8px;
}
.desktop-nav .nav-bar .extras .menu-start.open #ham-menu,
.desktop-nav .nav-bar .extras .menu-start #cross-menu {
    display: none;
}
.desktop-nav .nav-bar .extras .menu-start #ham-menu,
.desktop-nav .nav-bar .extras .menu-start.open #cross-menu {
    display: block;
}*/


.desktop-nav .nav-bar .extras .theme-btn:after {
    width: 31px;
    top: -2px;
    right: -32px;
    border-right: 28px solid transparent;
    border-top: 60px solid #ffee02;
}
.desktop-nav .nav-bar .extras .theme-btn svg {
    width: 25px;
    height: 20px;
    margin: 0;
    fill: white;
}
.desktop-nav .nav-bar .extras .theme-btn:hover svg {
    fill: black;
}
.mobile-nav {
    background: #ccc;/*ATD estaba en #000 pero al cambiar este no cambia el fondo de la version en mobile que sigue en negro*/
}

.mobile-nav.desktop-menu .social-medias a,
.mobile-nav.desktop-menu p,
.mobile-nav.desktop-menu .des {
    color: #ccc;/*ATD estaba en #000 pero al cambiar este no cambia el fondo de la version en mobile que sigue en negro*/
}


.mobile-nav.desktop-menu .social-medias a:before {
    border-bottom: 1px solid #6a6a6a;
    width: 100%;
}



.mobile-nav ul > li.menu-item-has-children:before {
    content: "";
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}


.mobile-nav > ul > li.menu-item-has-children.active:before {
    background-image: url(../images/down-arrow-clr.svg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.mobile-nav > ul > li {
    position: relative;
    border-bottom: 1px solid #5b5b5b;
    padding: 10px 0;
}
.mobile-nav > ul li > a {
    font-size: 17px;
    color: #808080; /* textos menu mobil ATD estaba en fff*/
    line-height: 26px;
    position: relative;
}
.mobile-nav > ul > li > a {
    font-size: 18px;
    line-height: 30px;
    color: #545454;/* ATD estaba en fff*/
}
.mobile-nav > ul  li.menu-item-has-children  ul.sub-menu {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 5px;
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    border-top: 1px solid #5b5b5b;
    margin-top: 8px;
}













/************
ATD aqui empieza lo que viene en el paquete original 
***********/

/*Color for svg*/
.footer-style-one .footer-p-2 .footer-col ul li svg,
.contact-form-2 .info ul li svg,
.team-detail .team-data .t-tel .data svg,
.video-play-btn svg {
    fill: #ccc; 
}

/*Color*/
.video-play-btn i,
.footer-style-one .footer-p-3 .footer-col p i,
.estimated-price .est-form .est-main .est-price span,
.what-we-build .wwb-ul li.active:before,
.w-counter ul li h2,
.first .nav-tabs li button.active {
    color: #FACD2A;
}

/*Light bg color*/
.light-bg-yellow,
.service-style-one .service-data:hover:before,
button.scrollTopStick.active,
.loading-text .letter:nth-child(1)::before,
.loading-text .letter:nth-child(5)::before
 {
    background-color: #fff;  /*ATD estaba en #*/
}


/*Dark bg color*/
.header-style-one, 
.header-style-one .desktop-nav.slideDown,
.header-style-one .desktop-nav.slideUp,
.mobile-nav
{
    background-color: #EFEFEF; /*ATD estaba en #ffee02*/
}


.dark-bg,
.service-style-one .service-data:hover .svg-icon:before,
.about-style-one .about-data-left:before,
.counter-style-one .counter-data:before,
.project-style-one .project-post .project-data:hover .project-icon,
.project-style-one:before,
.team-style-one .open .team-data .team-image:before,
.theme-btn,
.theme-btn:hover i:after,
.featured-slider-one .owl-item.active:before,
.featured-slider-one .owl-item.active:after,
.team-style-one .team-slider-nav button:hover:before,
.core-features .accordion-button:not(.collapsed),
.core-features .video:before,
.core-features .shape:before,
.renovation:before,
.renovation:after,
.renovation .reno-data:before,
.client-review-slider .slider-data .bio .icon,
.blog-style-one .blog-data .blog-date,
.blog-style-one .blog-data .blog-date:before,
.blog-style-one .blog-post .blog-image a:before,
.blog-style-one .blog-post .blog-image:before,
.footer-style-one .footer-p-2 .footer-col form button:before,
/*
.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before,
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before,
*/
.our-goal .data figure:before,
.pricing-plans .price-box:hover .theme-btn,
.pricing-plans .features,
.service-style-two .service-two-box:hover:before,
.service-style-two .service-two-box.last span,
.certificates .data figure:before,
.certificates .c-slider .c-main .c-first figure:before,
.blog-style-two .blog-item .blog-date:before,
.blog-style-two .blog-item:before,
.blog-slider .owl-stage .owl-item.active:nth-child(2) .blog-item:before,
.estimated-price .est-form .checkk input:checked+label,
.estimated-price:before,
.estimated-price:after,
.contact-us .c-data ul li a i:before,
.contact-us .c-cards .card .address,
.heading.heading-style-3 h2 span:before,
.history-style-one .history-data a,
.cta-section .cta-data figure:before,
.ratings,
.team-style-two .team-social-medias > a,
.team-style-two .team-data:before,
.project-completed .prj-slider-nav button,
.project-completed .proj-image figure:before,
.project-completed .proj-image figure:after,
.contact-form-one .accordion-button:not(.collapsed),
.contact-form-one:before,
.blog-style-three .blog-posts .date:before,
.featured-section-three .image:before,
.featured-section-three .image:after,
.about-how-it-works .y-box,
.contact-form-2 .bio,
.video-popup:before,
.innovation ul li:hover,
.builty-pagination ul.pagination li a:hover,
.sidebar .box h3:before,
.sidebar .box.recent-posts ul li:hover a,
.what-we-build .wwb-ul li.active figure:before,
.mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li a:before,
.project-d-detail .icon,
.next-prev-projects li a:hover,
.comment .c-data .c-r-btn,
.team-detail .image figure:before,
.desktop-nav .nav-bar .extras .slideDown,
.pd-details .nav-pills .nav-link.active,
.rev-tab .total-reviews,
.cart .update-cart form button,
.cart-t-payment-m .payment-method button,
.history .h-box figure:before,
#timeline .fill,
.popups.modal:before,
.desktop-nav .nav-bar .extras a.pr-cart:before,
.cart-popup .cart-btns a.checkout,
.preloader,
.cart-popup .cart-btns a:hover,
.mobile-nav.desktop-menu,
.gallery-style-one a:before,
.cart .cart-table .c-c .c-data .cr-svg:hover,
.first .tab-data .map-pin,
.first .tab-data .map-pin .location {
    background-color: #124062; /*ATD estaba en #ffee02*/
}

/*Border color*/
.service-style-one .service-data .icon,
.service-style-one .service-data .svg-icon:before,
.project-style-one .project-post .project-data:hover,
.theme-btn,
.featured-slider-one .owl-nav button,
.team-style-one .team-slider-nav button:hover,
.video-play-btn,
.footer-style-one .footer-p-2 .footer-col form button:before,
.footer-style-one .footer-p-3 .footer-col a:hover:after,
.footer-style-one .footer-p-3 .footer-col a:after,
.mobile-nav.desktop-menu .social-medias a:hover:after,
.mobile-nav.desktop-menu .social-medias a:after,
.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu,
.pricing-plans .price-box:hover .theme-btn,
.certificates .data .extras:before,
.certificates .c-slider .c-main .c-first,
.estimated-price .est-form .checkk label,
.form-control:focus,
.contact-us .c-data ul li a.active img,
.contact-us .c-data ul li a.active:before,
.project-completed .prj-slider-nav button,
.contact-form-one .accordion-button:focus,
textarea:focus,
textarea:focus-visible,
.construction-services .services-nav ul li button.nav-link.active,
.builty-pagination ul.pagination li:first-child a:hover,
.builty-pagination ul.pagination li:last-child a:hover,
.builty-pagination ul.pagination li a:hover,
.blog-style-one.blog-style-three .blog-data .blog-date,
.next-prev-projects li a:hover,
.category.social-medias ul li a:after,
.category.shape.form form input:focus,
.pd-quality input:focus,
.cart .c-c .c-quality input:focus,
.cart .cart-table,
.checkout .billing form input:focus,
.cart-t-payment-m .payment-method button,
.cart-popup .cart-btns a.checkout,
.cart-popup .cart-btns a:hover,
.box form input:focus,
.featured-slider-one .owl-nav button.owl-prev:before, 
.featured-slider-one .owl-nav button.owl-next:before,
.cart .cart-table .c-c .c-data .cr-svg:hover,
.first .tab-data .map-pin .location {
    border-color: #FACD2A; /*ATD estaba en #ffee02*/
}