/*------------------------------------------------------------------
[Master Stylesheet]

Project:        Picbooth
Version:        1.0
Last change:    01/04/2019
Primary use:    Photography
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1.  Prefix Styles
2.  Header
3.  Services
4.  About us
5.  Gallery 1
6.  Blog 1
7.  Testimonial
8.  Search
9.  Footer
10. inner page
11. Gallery2
12. Blog 2
13. Packages
14. Contact
15. Our Booths
16. 404
17. Landing
18. Extra
19. Responsive
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Fonts]

Base Fonts(Headings) 1 : Monoton 
Base Fonts(Sub Headings) 2 : Montserrat 
Base Fonts(Content)  3 : Questrial 

-------------------------------------------------------------------*/

/*--------------------------------------------------*/
/*1 Prefix Styles*/
/*--------------------------------------------------*/
html,
body {
    position: relative;
    overflow-x: hidden;
}
.p-transtion,
h1,
h2,
h3,
h4,
h5,
h6,
a,
i,
.p-nav_icon span,
.p-gallery_list > div .p-gallery_info,
.p-blog_list_single .p-blog_detail,
.p-landing_single_outer {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
.p-transtion_fast {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
ul {
    list-style: disc;
}
p {
    line-height: 22px;
    margin: 0px 0 20px 0;
    font-size: 13px;
    color: #616161;
}
.fa-twitter {
    color: #55acee;
}
.fa-google-plus {
    color: #dc4e41;
}


/* CAMBIAR COLOR DEL ICONO DE FACEBOOK EN EL FOOTER */
.fa-facebook {
    color: #000000;
}



.fa-pinterest {
    color: #e58076;
}
.fa-instagram {
    color: #4b7699;
}
.p-section_title h3 {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.p-button {
    background: #ef0160;
    color: #ffffff;
    display: inline-block;
    padding: 12px 15px;
    font-family: "Montserrat", "sans-serif";
    text-transform: uppercase;
}
/* .p-section_head h2 {
    background: rgba(0, 0, 0, 0) url("../images/camera_bg.png");
    color: #000000;
    font-size: 35px;
    height: 85px;
    letter-spacing: 1px;
    line-height: 57px;
    margin-bottom: 40px;
    padding-top: 14px;
    text-align: center;
    text-transform: uppercase;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
} */
/*--------------------------------------------------*/
/*1 Prefix Styles End*/
/*--------------------------------------------------*/




/*--------------------------------------------------*/
/*2 Header*/
/*--------------------------------------------------*/
.p-header_top {
    border-bottom: 1px solid #eeeeee;
    padding: 18px 0;
}
.p-header_top .p-header_info span,
.p-header_top .p-header_info a {
    font-family: "Montserrat", "sans-serif";
    color: #1a1a1a;
}
.p-header_top .p-header_info a:hover {
    color: #ef0160;
}
.p-header_top .p-header_social {
    padding-left: 0;
    text-align: right;
}
.p-header_top .p-header_social > li {
    display: inline-block;
    margin-left: 15px;
}
.p-header_nav {
    padding: 30px 0;
}
.p-header_nav nav {
    padding-top: 15px;
}
.p-header_nav nav > ul {
    padding-left: 0;
    float: right;
}
.p-header_nav nav > ul > li {
    display: inline-block;
    margin-left: 30px;
    padding-bottom: 8px;
}
.p-header_nav nav > ul > li > a {
    font-family: "Montserrat", "sans-serif";
    display: inline-block;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.p-header_nav nav > ul > li > a:hover {
    color: #ef0160;
}
.p-header_nav nav > ul > li ul {
    display: none;
    padding-left: 0;
    background: #000000 none repeat scroll 0 0;
    max-width: 150px;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 99999;
}
.p-header_nav nav > ul > li ul li {
    padding: 10px 15px;
    list-style: none;
    border-bottom: 1px solid #ccc;
}
.p-header_nav nav > ul > li ul li a {
    display: block;
}
.p-header_nav nav > ul > li ul li a {
    color: #ef0160;
}
.p-header_nav nav > ul > li ul li:hover {
    background: #ef0160;
}
.p-header_nav nav > ul > li ul li:hover a {
    color: #000;
}
.p-header_nav nav > ul > li ul li:last-child {
    border-bottom: none;
}
.p-header_nav nav > ul > li:hover ul {
    display: block;
}
.p-header_nav nav > ul li.p-active a {
    color: #ef0160;
}
.p-header_nav nav:after {
    clear: both;
    display: block;
    content: "";
}
.p-slider_content {
    position: absolute;
    bottom: 95px;
    width: 100%;
    left: 0;
}
.p-slider_content .p-slider_text {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px;
    border-bottom: 4px solid #ef0160;
}
.p-slider_content .p-slider_text h2 {
    font-size: 27px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin: auto;
    line-height: 30px;
}
.p-slider_content .p-slider_text span {
    color: #ef0160;
    display: block;
}
.bx-controls.bx-has-pager {
    margin: auto;
    max-width: 1170px;
    position: relative;
}
.bx-controls.bx-has-pager .bx-pager {
    text-align: left;
}
.bx-controls.bx-has-pager .bx-pager.bx-default-pager a {
    background: #000000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 7px;
    width: 40px;
}
.bx-controls.bx-has-pager .bx-pager.bx-default-pager a:hover,
.bx-controls.bx-has-pager .bx-pager.bx-default-pager a.active,
.bx-controls.bx-has-pager .bx-pager.bx-default-pager a:focus {
    background: #ef0160;
}
.p-nav_icon {
    display: none;
}
/*--------------------------------------------------*/
/*2 Header End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*3 Services*/
/*--------------------------------------------------*/
.p-services {
    margin-top: 50px;
    margin-bottom: 50px;
}
.p-services > div {
    border: 1px solid #f5f5f5;
    float: left;
    height: 290px;
    padding: 50px;
    width: 33%;
}
.p-services > div .p-service_img {
    line-height: 150px;
    min-height: 150px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.p-services > div .p-service_img img {
    display: inline-block;
}
.p-services > div .p-service_text {
    color: #1a1a1a;
    line-height: 22px;
    margin: auto;
    max-width: 205px;
    text-align: center;
}
.p-services > div:nth-child(2n+1) {
    background: #fafafa none repeat scroll 0 0;
}
/*--------------------------------------------------*/
/*3 Services End*/
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*4 About us*/
/*--------------------------------------------------*/
.p-about_points > span {
    font-size: 15px;
    font-family: "Montserrat", "sans-serif";
    color: #000;
    margin-bottom: 15px;
    display: inline-block;
}
.p-about_points ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 30px;
}
.p-about_points ul li {
    position: relative;
    color: #000;
    margin-bottom: 10px;
    padding-left: 18px;
}
.p-about_points ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    margin-right: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #ef0160;
}
.p-about_intro {
    margin-bottom: 120px;
}
.p-about_intro > div:first-child {
    padding-top: 60px;
}
.p-box_fun,
.p-why_choose {
    margin-bottom: 90px;
}
.p-box_fun {
    position: relative;
}
.p-box_fun .p-fun_text {
    max-width: 750px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 170px;
    margin: auto;
    background: rgba(239, 1, 147, 0.5);
    padding: 20px 0;
}
.p-box_fun .p-fun_text span {
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat", "sans-serif";
    text-shadow: 0 0px 5px #171717;
    -webkit-text-shadow: 0 0px 5px #171717;
}
.p-our_booth {
    position: relative;
    padding-top: 75px;
    margin-bottom: 85px;
}
.p-our_booth > .container {
    position: relative;
    z-index: 999;
}
.p-our_booth > .container p {
    color: #fff;
}
.p-our_booth > .container .p-why_choose > div:first-child h3 {
    color: #fff;
}
.p-our_booth > .container .p-why_choose .p-about_img {
    padding-left: 80px;
}
.p-our_booth > .container .p-pera_text {
    padding-right: 80px;
}
.p-our_booth:after {
    background: url("../images/booth_bg.jpg");
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    width: 50%;
    height: 100%;
    content: "";
}
.p-our_booth::before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 999;
}
/*--------------------------------------------------*/
/*4 About Us End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*5 Gallery 1*/
/*--------------------------------------------------*/
.p-gallery_list {
    margin-bottom: 105px;
}
.p-gallery_list > div {
    width: 25%;
    float: left;
    position: relative;
}
.p-gallery_list > div .p-gallery_info {
    text-align: center;
    line-height: 250px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(19, 187, 147, 0.77);
    opacity: 0;
}
.p-gallery_list > div .p-gallery_info > a {
    color: #fff;
    font-size: 20px;
    display: inline-block;
}
.p-gallery_list > div .p-gallery_info > a.p-gallery_heading {
    font-family: "Montserrat", "sans-serif";
}
.p-gallery_list > div .p-gallery_info > a.p-gallery_heading:before {
    content: "/";
    margin: 0 10px;
}
.p-gallery_list > div:hover .p-gallery_info {
    opacity: 1;
}
/*--------------------------------------------------*/
/*5 Gallery 1 End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*6 Blog 1*/
/*--------------------------------------------------*/
.p-blog_list_single .p-blog_list_in {
    position: relative;
}
.p-blog_list_single .p-blog_list_in .p-blog_info {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    padding: 18px;
}
.p-blog_list_single .p-blog_list_in .p-blog_info a {
    font-size: 17px;
    color: #fff;
    font-family: "Montserrat", "sans-serif";
    text-transform: uppercase;
}
.p-blog_list_single .p-blog_list_in .p-blog_info a:hover {
    color: #ef0160;
}
.p-blog_list_single .p-blog_list_in .p-blog_info a:before {
    content: "";
    width: 7px;
    height: 15px;
    background: #ef0160;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.p-blog_list_single .p-blog_list_in .p-blog_info p {
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 5px;
}
.p-blog_list_single .p-blog_detail {
    background: #000;
    padding: 8px 15px;
}
.p-blog_list_single .p-blog_detail span {
    font-size: 11px;
    color: #fff;
}
.p-blog_list_single .p-blog_detail i.fa {
    color: #ef0160;
    font-size: 13px;
    margin-right: 3px;
}
.p-blog_list_single .p-blog_detail .p-date_blog {
    float: right;
}
.p-blog_list {
    margin-bottom: 110px;
}
.p-blog_list_single:hover .p-blog_detail {
    background: #ef0160;
}
.p-blog_list_single:hover i.fa {
    color: #000;
}
.p-blog_list_single::before {
    background: #e5e5e5;
    bottom: -10px;
    content: "";
    height: 10px;
    position: absolute;
    right: 5px;
    width: calc(100% - 45px);
}
.p-blog_list_single::after {
    background: #e5e5e5;
    bottom: -10px;
    content: "";
    height: calc(100% - 15px);
    position: absolute;
    right: 5px;
    width: 10px;
}
/*--------------------------------------------------*/
/*6 Blog 1 End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*7 Testimonial*/
/*--------------------------------------------------*/
.p-testimonial_list {
    padding: 50px 50px 50px 80px;
    box-shadow: 0 0 5px #cecece;
    -webkit-box-shadow: 0 0 5px #cecece;
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
}
.p-testimonial_list .owl-dot {
    background: #cccccc none repeat scroll 0 0;
    display: inline-block;
    height: 5px;
    margin: 0 5px;
    position: relative;
    top: 25px;
    width: 33px;
}
.p-testimonial_list .owl-dot:hover,
.p-testimonial_list .owl-dot.active {
    background: #ef0160;
}
.p-testimonial_single .p-testimonial_text {
    padding-left: 150px;
    position: relative;
}
.p-testimonial_single .p-testimonial_text img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    max-width: 103px;
}
.p-testimonial_single .p-testimonial_text p {
    max-width: 665px;
    color: #000;
}
.p-testimonial_single .p-testimonial_text h5 {
    font-size: 15px;
    display: inline-block;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ef0160;
    padding-right: 50px;
}
.p-testimonial_single .p-testimonial_text span {
    display: block;
    color: #989898;
}
.p-testimonial {
    background: #ffffff none repeat scroll 0 0;
    position: relative;
    z-index: 9999;
}
/*--------------------------------------------------*/
/*7 Testimonial End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*8 Search*/
/*--------------------------------------------------*/
.p-search {
    background: url("../images/search_bg.jpg") no-repeat;
    margin-top: -135px;
    padding-top: 200px;
    padding-bottom: 40px;
    position: relative;
}
.p-search form {
    position: relative;
    z-index: 99;
    box-shadow: 0 0 5px #5a5a5a;
    -webkit-box-shadow: 0 0 5px #5a5a5a;
}
.p-search form input[type="text"] {
    width: calc(100% - 115px);
    display: block;
    float: left;
    background: #fff;
    height: 40px;
    padding: 10px 15px;
    border: none;
}
.p-search form input[type="submit"] {
    background: #ef0160;
    height: 40px;
    padding: 10px 15px;
    border: none;
    color: #fff;
    width: 115px;
    font-family: "Montserrat", "sans-serif";
    font-size: 12px;
    letter-spacing: 0.5px;
}
.p-search:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(19, 187, 147, 0.77);
    background-size: cover;
}
.p-search input::-moz-placeholder {
    opacity: 1;
}
.p-search input::-webkit-placeholder {
    opacity: 1;
}
/*--------------------------------------------------*/
/*8 Search End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*9 Footer*/
/*--------------------------------------------------*/
.p-footer {
    background: #030303;
    padding-top: 50px;
}
.p-footer h4 {
    color: #d0d0d0;
    font-size: 19px;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
}
.p-footer h4:after {
    content: "";
    display: block;
    position: absolute;
    background: #1f1f1f;
    width: 38px;
    height: 1px;
    bottom: 0;
    left: 0;
}
.p-footer ul {
    padding-left: 0;
    list-style: none;
}
.p-footer ul a {
    color: #6a6969;
}
.p-footer ul a:hover {
    color: #ef0160;
}
.p-footer ul.p-footer_info li {
    line-height: 22px;
}
.p-footer ul.p-footer_info li a {
    display: inline-block;
    position: relative;
    padding-left: 20px;
}
.p-footer ul.p-footer_info li a:before {
    content: ":";
}
.p-footer ul.p-footer_info li i {
    position: absolute;
    left: 0;
    top: 4px;
}
.p-footer .p-footer_social li {
    margin-bottom: 8px;
}
.p-footer .p-footer_social li a {
    display: inline-block;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #141414;
    line-height: 30px;
}
.p-footer .p-footer_social li a:hover {
    color: #ef0160;
    border-color: #ef0160;
}
.p-footer .p-links li {
    line-height: 24px;
    display: inline-block;
    width: 45%;
}
.p-footer .p-insta li {
    display: inline-block;
    margin-bottom: 6px;
}
.p-footer .p-copyright {
    background: #000000;
    margin-top: 20px;
    padding: 10px 0;
}
.p-footer .p-copyright p {
    margin-bottom: 0;
}
/*--------------------------------------------------*/
/*9 Footer End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*10 inner page*/
/*--------------------------------------------------*/

.p-inner_contact {
    /* background-image: url("../images/contact_bg.jpg"); */
}









.p-inner_head {
    background-size: cover;
    padding-top: 100px;
    position: relative;
}

/* QUITANDO TAMAÑO DE DE DEGRADADO QUE APARECE EN TODO EL MENU */
/* Estilo aplicado solo en pantallas de escritorio */
@media (min-width: 993px) {
    .p-inner_head .p-page_title {
        padding: 16px 0;
        position: relative;
        z-index: 9;
    }
}






.p-page_title .container::after {
    clear: both;
    content: "";
    display: block;
}
.p-inner_head .p-page_title h1 {
    font-size: 33px;
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    margin: auto;
    float: left;
    display: none;
}
.p-inner_head:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0;
}
.p-breadcrumb {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
}
.p-breadcrumb li {
    display: inline-block;
    font-size: 12px;
}
.p-breadcrumb li a,
.p-breadcrumb li span {
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", "sans-serif";
    font-weight: 300;
}
.p-breadcrumb li span:before {
    content: "/";
    margin: 0 10px 0 8px;
}
.p-breadcrumb li a {
    color: #ef0160;
    letter-spacing: 1px;
}
/* .p-page_inner {
    padding-top: 85px;
} */
/* .p-page_inner .p-section_head h2 {
    margin-bottom: 40px;
} */
/*--------------------------------------------------*/
/*10 Inner Page End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*11 Gallery 2*/
/*--------------------------------------------------*/
.p-portfolio_typs {
    padding: 0;
    text-align: center;
    margin-bottom: 85px;
}
.p-portfolio_typs li {
    display: inline-block;
    list-style: none;
}
.p-portfolio_typs li span {
    font-family: "Montserrat", "sans-serif";
    color: #2b2b2b;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 10px;
    position: relative;
}
.p-portfolio_typs li span:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -15px;
    background: #ef0160;
    opacity: 0;
}
.p-portfolio_typs li.p-selected span,
.p-portfolio_typs li:hover span {
    color: #ef0160;
}
.p-portfolio_typs li.p-selected span:after,
.p-portfolio_typs li:hover span:after {
    opacity: 1;
}
.p-masonry_outer {
    margin-bottom: 90px;
}
.p-masonry_outer > div {
    width: calc(25% - 15px);
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
}
.p-masonry_outer .p-on_hover {
    background: rgba(19, 187, 147, 0.84) none repeat scroll 0 0;
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.p-masonry_outer .p-on_hover:hover {
    opacity: 1;
}
.p-masonry_outer .p-hover_in > a {
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    top: 50%;
}
/*--------------------------------------------------*/
/*11 Gallery 2 End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*12 Blog 1*/
/*--------------------------------------------------*/
.p-content_section {
    padding-bottom: 70px;
}
.p-blogpage_list_single {
    margin-bottom: 60px;
}
.p-blog_list_img {
    border-radius: 4px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
}
.p-blog_list_detail h4 {
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 10px;
}
.p-blog_list_detail h4 a {
    color: #000;
    font-family: "Montserrat", "sans-serif";
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.p-blog_list_detail h4 a:hover {
    color: #ef0160;
}
.p-blog_list_detail > span {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #505d80;
}
.p-blog_list_detail > span i {
    color: #ef0160;
    font-size: 16px;
    margin-right: 2px;
    position: relative;
    top: 2px;
}
.p-blog_list_detail p {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.p-blog_list_foot {
    border-top: 1px solid #c1c1c1;
    padding-top: 8px;
}
.p-blog_list_foot > span {
    border-right: 1px solid #949494;
    margin-right: 8px;
    padding-right: 8px;
    color: #a2a2a2;
}
.p-blog_list_foot > span i {
    color: #ef0160;
    margin-right: 3px;
}
.p-blog_list_foot > span:last-child {
    border-right: none;
}
.p-side_single {
    border: 3px dashed #ef0160;
    margin-bottom: -3px;
    margin-left: auto;
    max-width: 283px;
    padding: 22px 15px;
    position: relative;
}
.p-side_single > h5 {
    color: #ef0160;
    font-family: "Montserrat", "sans-serif";
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.p-side_single > h5::after {
    background: #ef0160;
    content: "";
    display: block;
    height: 2px;
    margin: auto;
    position: relative;
    top: 12px;
    width: 30px;
}
.p-side_single .p-side_text > p {
    color: #616161;
    font-size: 14px;
    text-align: center;
}
.p-side_single .p-side_text > p:last-child {
    margin-bottom: 0;
}
.p-side_single .p-side_links ul {
    padding-left: 0;
    text-align: center;
}
.p-side_single .p-side_links ul li {
    list-style: none;
    line-height: 20px;
}
.p-side_single .p-side_links ul li a {
    color: #808080;
}
.p-side_single .p-side_links ul li a:hover {
    color: #ef0160;
}
.p-side_single .p-side_links ul li span {
    margin-left: 15px;
}
.p-side_single .p-side_posts {
    padding-top: 10px;
}
.p-side_single .p-side_posts > .p-side_single_post:last-child {
    margin-bottom: 0;
}
.p-side_single .p-side_single_post {
    position: relative;
    padding-left: 95px;
    min-height: 82px;
    margin-bottom: 30px;
}
.p-side_single .p-side_single_post img {
    position: absolute;
    left: 0;
    top: 0;
}
.p-side_single .p-side_blog_text {
    padding: 15px 0;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    min-height: 82px;
}
.p-side_single .p-side_blog_text > a {
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 2px;
}
.p-side_single .p-side_blog_text > a:hover {
    color: #ef0160;
}
.p-side_single .p-side_blog_text > span {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}
/*--------------------------------------------------*/
/*12 Blog 2 End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*13 Packages*/
/*--------------------------------------------------*/
.p-packages .p-single_package {
    border-radius: 6px;
    box-shadow: -15px 15px 0 0 rgba(0, 0, 0, 0.05);
    margin-left: auto;
    margin-right: auto;
    max-width: 495px;
    position: relative;
}
.p-packages .p-package_head {
    position: relative;
}
.p-packages .p-package_head .p-pack_head_text {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.p-packages .p-package_head .p-pack_head_text > img {
    height: 75px;
    left: -10px;
    position: absolute;
    top: -24px;
}
.p-packages .p-package_head .p-pack_head_text .p-title_strip {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 10px;
    color: #ffffff;
    font-size: 14px;
    left: 0;
    margin: auto;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    width: 95%;
}
.p-packages .p-package_head .p-pack_head_text .p-package_money {
    float: right;
    color: #ef0160;
}
.p-packages .p-package_content {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #ef0160;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    min-height: 360px;
    padding: 24px 16px 55px;
    position: relative;
}
.p-packages .p-package_content ul {
    list-style: decimal;
    padding-left: 15px;
}
.p-packages .p-package_content ul li {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
}
.p-packages .p-package_content .p-scrapbook {
    display: block;
    font-size: 15px;
    margin-top: 15px;
    position: relative;
    left: -5px;
    color: #ef0160;
    font-family: "Montserrat", "sans-serif";
}
.p-packages .p-package_title {
    padding: 50px 15px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.p-packages .p-package_title span {
    color: #fff;
    font-family: "Montserrat", "sans-serif";
    font-size: 28px;
    font-weight: 300;
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.4);
}
/*--------------------------------------------------*/
/*13 Packages End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*14 Contact*/
/*--------------------------------------------------*/
.p-contact_form > form {
    max-width: 450px;
}
.p-contact_form > form input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #7d7d7d;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.p-contact_form > form::-moz-placeholder {
    color: #000;
    opacity: 1;
}
.p-contact_form > form::-webkit-placeholder {
    color: #000;
    opacity: 1;
}
.p-contact_form > form input.p-button {
    border: medium none;
    display: block;
    font-size: 14px;
    margin: 10px auto auto;
    max-width: 130px;
    text-transform: capitalize;
}
.p-info_single h5 {
    font-size: 15.46px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}
.p-info_single h5 i {
    color: #ef0160;
    margin-right: 5px;
}
.p-info_single h5:after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: #ef0160;
    position: absolute;
    bottom: 0;
    left: 0;
}
.p-info_single p {
    margin: 0;
    color: #000;
}
.p-info_single a {
    color: #000;
}
.p-contact_info {
    padding-top: 5px;
}
.p-contact_info > div {
    margin-bottom: 25px;
}
.p-contact_info > div > div {
    float: left;
    margin-right: 40px;
}
.p-contact_text p {
    color: #000;
}
.p-contact_text p span {
    color: #ef0160;
}
/*--------------------------------------------------*/
/*14 Contact End*/
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*15 Our Booths*/
/*--------------------------------------------------*/
.p-our_booth_text p {
    color: #000;
}
.p-booth_carousel {
    background: url("../images/our_booth_bg.jpg") no-repeat;
    background-size: cover;
    position: relative;
    padding: 70px 0 105px;
}
.p-why_choose .img-responsive {
    margin: auto;
    padding: 45px;
}
.p-booth_carousel:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(239, 1, 96, 0.8);
}
.p-booth_list .p-single_booth {
    position: relative;
    z-index: 999;
    padding: 0;
    margin-right: 15px;
}
.p-booth_list .p-single_booth i {
    font-size: 90px;
    color: #000;
    display: block;
    text-align: center;
}
.p-booth_list .p-single_booth span {
    color: #fff;
    display: block;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 27px;
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
    text-align: center;
}
.p-booth_list .p-single_booth span::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto 22px;
    width: 50px;
}
/*--------------------------------------------------*/
/*15 Our Booths End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*16 404*/
/*--------------------------------------------------*/
.p-no_result {
    background: url("../images/404_bg.jpg");
    min-height: 100vh;
    position: relative;
    border-bottom: 5px solid #ef0160;
}
.p-no_result::after {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.p-no_result_content {
    position: relative;
    z-index: 99;
}
.p-no_result_content .p-page_inner {
    padding-top: 250px;
    padding-bottom: 200px;
}
.p-no_result_content img {
    margin: auto;
    display: block;
}
/* .p-no_result_content .p-section_head {
    padding: 35px 0;
}
.p-no_result_content .p-section_head h2 {
    color: #fff;
    text-align: center;
    margin: auto;
} */
.p-no_result_content p {
    color: #fff;
    text-align: center;
    margin: auto;
}
/*--------------------------------------------------*/
/*16 404 End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*17 Landing*/
/*--------------------------------------------------*/
.p-landing_head {
    background-image: url("../images/banner_01.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    min-height: 300px;
}
.p-landing_head a {
    position: relative;
    z-index: 9999;
    max-width: 127px;
    margin: auto;
    display: block;
    position: relative;
    top: 120px;
}
.p-landing_outer {
    margin-top: 100px;
    text-align: center;
}
.p-landing_outer .row > div {
    display: inline-block;
    float: none;
    width: 45%;
}
.p-landing_single_outer:hover {
    background: #ef0160;
}
.p-landing_single_outer:hover h3 a {
    color: #000;
}
.p-landing_single_outer {
    background: #000 none repeat scroll 0 0;
    height: auto;
    margin: auto auto 50px;
    max-width: 530px;
    overflow: hidden;
    padding: 20px;
}
.p-landing_single_outer h3 {
    margin-bottom: 0;
    text-align: center;
    margin-top: 10px;
}
.p-landing_single_outer h3 a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
}
.p-landing_head::after {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*--------------------------------------------------*/
/*17 Landing End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*18 Extra*/
/*--------------------------------------------------*/
* {
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
    outline: unset;
}
body {
    font-size: 16px;
    color: #000;
    font-family: 'Questrial', sans-serif;
    overflow-x: hidden;
}
.container {
    max-width: 1170px!important
}
h1,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}


/* LETRA DE SLIDER FUENTE */
/* h2 {
    font-family: "Monoton", cursive;
    letter-spacing: 3.1px;
} */

h2 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
}


/* CAMBIA EL TIPO DE LETRA SOLO EN BANNER */
.banner_item h2, 
.banner_item h3 {
    font-family: 'Jellee', sans-serif;                                             
    font-weight: 900; /* O 700 si prefieres un peso menor */
    text-align: center;
    /* .banner_item h3 TIENE EL UPPERCASE */
    margin-top: -20px;
}

.banner_item h2 {
    font-size: 130px; /* Aumentado desde 2.5rem */
    letter-spacing: 3.1px;
    color: #ffaa00;
    /* text-transform: uppercase; */
}

.banner_item h3 {
    /* color: #fff; */
    color: #ffaa00;
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 4px;
    /* text-transform: uppercase; */
}







a {
    color: #000;
    text-decoration: unset;
}
a:hover {
    color: #ef0160;
    text-decoration: unset;
}
p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 23px;
    font-family: 'Questrial', sans-serif;
}
nav.navbar:after {
    content: "";
    display: block;
    clear: both;
}
ul {
    padding: 0;
}
.header_cover {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.banner_cover {
    position: relative;
}


/* ESTILOS DEL BANNER */
.banner_item::after {
    /* background-color: rgba(0, 0, 0, 0.7); */  /*  Aumenta la opacidad para más oscuridad */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media (max-width: 766px) {
    .banner_item::after {
        background-color: transparent; /* Elimina la oscuridad en pantallas móviles */
    }
}



.header_cover .main_header li a {
    /* color: #fff; */
    color: #444444;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-decoration: unset;
    font-weight: bold;
}

.header_cover .main_header li a:hover {
    color: white!important;
    text-decoration: unset;
    background-color: #FF0000;
    padding: 4px 8px;
    border-radius: 5px;

}

/* PUSE 1000PX PORQUE AL PONER EL CEL EN HORIZONTAL TOMA EL MAS PX */
@media (max-width: 992px) {
    .header_cover .main_header li a {
        /* color: #fff; */
        color: #FFAA00;
        font-size: 14px;
        letter-spacing: 0.5px;
        text-decoration: unset;
        font-weight: bold;
    }
}

/* CAMBIAR EL COLOR DEL TEXTO DEL MENU CUANDO SE BAJA  */
.header_cover.fixed-menu .main_header li a {
    color: #FFAA00; /* Cambia el color del texto aquí */
    font-weight: bold;
}



.header_cover .main_header li {
    margin-left: 20px;
    text-transform: uppercase;
}


/* Estilo base para escritorio (Desktop) */
.header_cover .main_header .whatsapp-item .whatsapp-link {
    background-color: #25D366 !important; /* Fondo verde de WhatsApp */
    color: #000000 !important; /* Color del texto negro */
    margin-left: 3px;
    margin-top: 1px; /* Ajusta el margen superior para bajar el enlace */
    text-decoration: none !important; /* Elimina el subrayado */
    align-items: center !important; /* Centra verticalmente el contenido */
    line-height: 1.6; /* Ajusta la altura de línea si es necesario */
    border-radius: 2px;
    /* padding: 5px 10px;  Agrega padding para ampliar el fondo a los lados */
}




/* Estilo para dispositivos móviles */
@media (max-width: 992px) {
    .header_cover .main_header .whatsapp-item .whatsapp-link {
        background-color: transparent !important; /* Elimina el fondo verde */
        color: #25D366 !important; /* Color del texto verde */
        margin-left: 0px;
        margin-top: 0px; /* Ajusta el margen superior para bajar el enlace */
        text-decoration: none !important; /* Elimina el subrayado */
        display: flex !important; /* Alinea el ícono y el texto */
        align-items: center !important; /* Centra verticalmente el contenido */
        line-height: 1.6; /* Ajusta la altura de línea si es necesario */
        /* padding: 0 0px;  Ajusta el padding para eliminar espacios extra en móviles */
    }
}

.main_nav_line {
    /* background-color: #ef0160; */
    background-color: #FFAA00;
    max-width: 960px;
    position: relative;
}
.main_nav_line::after {
    /* background-color: #ef0160; */
    background-color: #FFAA00;
    content: "";
    display: block;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.main_nav_line::before {
    /* background-color: #ef0160; */
    background-color: #FFAA00;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    /* right: calc(100% + 202px); */
    right: calc(100% + 155px);
    top: 0;
    width: 100%;
    z-index: -1;
}
.upper_header ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.header_contact_box li a {
    padding-right: 30px;
    position: relative;
}
.header_contact_box li a .fa {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.upper_header li a {
    color: #fff;
    font-size: 15px;
}
.upper_header {
    padding-top: 10px;
    text-align: right;
}
.upper_header ul {
    display: inline-block;
    vertical-align: middle;
}
.header_social_box {
    max-width: 70px;
    width: 100%;
}
.header_social_box > li {
    float: left;
    text-align: right;
    width: 50%;
}
.upper_header li .fa-facebook-f {
    margin-right: 4px;
}
.upper_header ul li {
    margin-bottom: 3px;
}
.header_social_box::before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 44px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px;
}
.upper_header ul.header_contact_box {
    display: inline-block;
    margin-right: 18px;
}
.upper_header_cover {
    margin-bottom: -8px;
    position: relative;
    z-index: 22;
}
.header_contact_box li a .fa.fa-mobile-alt {
    margin-right: 2px;
}


/* CAMBIAR COLOR DE TEXTO PAQUETE PARA TODOS LOS GUSTOS */
/*.sec_heading_box { */
    /* color: #ef0160; */
    /*color: #ffaa00; 
    font-size: 45px;*/
    /* margin-bottom: 25px; */
    /*text-align: center;
    text-transform: uppercase;
    margin-top: -120px;
    font-family: 'Jellee', sans-serif;  */
    /* SI LE DOY MUCHO MARGIN-TOP EN MOBILE NO SE MIRA EL TEXTO, MODIFICAR ESE MARGIN-TOP EN MOBILE*/
/*}*/

.sec_heading_box {
    color: #ffaa00; /* Color del texto */
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
    margin-top: -120px;
    font-family: 'Jellee', sans-serif;  
    text-shadow: 
        5px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

/* Ajuste para móviles */
@media (max-width: 766px) {
    .sec_heading_box {
        margin-top: -60px; /* Ajusta el margen para pantallas pequeñas */
    }
}


/* CAMBIAR COLOR DE TEXTO DESCUBRE TODO LO QUE PUEDES HACER EN TUS FIESTAS */
/* .sec_heading_box_blog {*/
    /* color: #ef0160; */
    /* color: #000000; */
    /* color: #ffaa00; 
    font-size: 45px;*/
    /* margin-bottom: 25px; */
    /*text-align: center;
    text-transform: uppercase;*/
    /* margin-top: -120px */
    /* SI LE DOY MUCHO MARGIN-TOP EN MOBILE NO SE MIRA EL TEXTO, MODIFICAR ESE MARGIN-TOP EN MOBILE*/
/* }*/
.sec_heading_box_blog {
    color: #ffaa00; /* Color del texto */
    font-size: 40px; /* Tamaño de fuente ajustado */
    text-align: center;
    text-transform: uppercase;
    font-family: 'Jellee', sans-serif;  
    text-shadow: 
        3px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

/* Ajuste para móviles */
@media (max-width: 766px) {
    .sec_heading_box_blog {
        margin-top: -60px; /* Ajusta el margen para pantallas pequeñas */
        font-size: 30px; /* Tamaño de fuente ajustado */
    }
}



/* ESPACIO ENTRE EL MENU Y EL CONTENIDO  EN DESKTOP*/
.about_box_cover {
    /* padding: 90px 0; */
    padding: 40px 0;
    overflow: hidden;
}



ul li {
    list-style: none;
}
.sm_heading {
    color: #FF0000;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 12px;
    font-weight: bold;
}
.about_box_cover .sec_heading_box {
    text-align: right;
}
.about_box_cover p {
    font-size: 18px;
    text-align: justify;
}
.list_box li {
    font-size: 18px;
    margin-bottom: 6px;
    padding-left: 20px;
    position: relative;
}


/* CAMBIAR COLOR DE LOS PUNTOS ABAJO DE POR QUE NOSOTROS */
.list_box li::after {
    border: 2px solid #ff0000;
    border-radius: 30px;
    content: "";
    display: block;
    height: 11px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 11px;
}



.about_box_cover .sm_heading {
    margin-top: 50px;
}
.custom_btn {
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2.2px;
    margin-top: 15px;
    overflow: hidden;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    border-radius: 3px;
    
}
.custom_btn::after {
    color: #ffaa00;
    content: "H";
    font-family: "Monoton", cursive;
    font-size: 79px;
    position: absolute;
    right: -40px;
    top: 0px;
    transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
}
.about_box_cover .custom_btn {
    margin-top: 20px;
}
.header_social_box .fa-facebook-f {
    color: #4867aa;
}
.header_social_box .fa-twitter {
    color: #1da1f2;
}
.header_social_box .fa-instagram {
    color: #ffffff;
}
.header_social_box .fa-youtube {
    color: #ff0000;
}
.about_carousel_box img {
    border-radius: 3px;
}
.about_carousel_box {
    float: right;
    margin-right: 45px;
    max-width: 480px;
    position: relative;
}
.about_carousel_box::after {
    /* border-bottom: 4px solid #ef0160;
    border-left: 4px solid #ef0160;
    border-top: 4px solid #ef0160; */
    border-bottom: 4px solid #FFAA00;
    border-left: 4px solid #FFAA00;
    border-top: 4px solid #FFAA00; 
    content: "";
    display: block;
    height: 94.4%;
    /* left: 22px; */
    left: 10px;
    position: absolute;
    top: 16px;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    width: 94%;
    z-index: 5;
}
.about_carousel_box::before {
    /* border-right: 4px solid #ef0160; */
    border-right: 4px solid #FFAA00;
    content: "";
    display: block;
    height: 94.4%;
    /* left: 22px; */
    left: 10px;
    position: absolute;
    top: 16px;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    width: 94%;
    z-index: -1;
}
.custom_btn:hover {
    background-color: #000000;
    color: #ffaa00;
}
.custom_btn:hover:after {
    background-color: #000000;
    color: #ffaa00;
}
.sec_heading_box::before {
    background-color: #d5d5d5;
    content: "";
    display: block;
    height: 85px;
    margin: 0 auto 32px;
    width: 1px;
}
.sec_heading_box.no_line_heading:before {
    display: none;
}
.gallery_box_outer {
    background-blend-mode: darken;
    /* background-color: #ef0160; */
    /* IMAGEN DEL BANNER EVENTOS */
    background-image: url("../images/banner/banner02.png");
    background-size: cover;
    padding: 50px 0 85px;
    background-size: auto 343px;
}



.sec_heading_box.white_head:before {
    background-color: #fff;
}
.sec_heading_box.white_head{
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
    margin-top: -120px;
    font-family: 'Jellee', sans-serif;  
    text-shadow: 
        5px 1px 0 #ff0000,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ff0000, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ff0000,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ff0000;  /* Sombra a la izquierda y abajo */
}
@media (max-width: 766px) {
    .sec_heading_box.white_head{
        margin-top: -60px;
      
    }
}





.gallery_box .item {
    float: left;
    margin-bottom: 25px;
    padding: 0 7.5px;
    width: 33.3%;
}
.gallery_box {
    margin: -65px -7.5px 60px;
}
.gallery_box:after {
    content: "";
    display: block;
    clear: both;
}




/* IMAGEN PROP QUE SALE ABAJO DE EVENTOS ESPACIO QUE QUEDA */
/* .gallery_box_cover .container {
    padding-bottom: 90px;
} */
 
.gallery_box_btn {
    text-align: center;
}

/* IMAGEN PROP QUE SALE ABAJO DE EVENTOS */
/* .gallery_box_cover .gallery_cont {
    background-image: url("../images/gallery_prop.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
} */
.gallery_box_cover .sm_heading {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 0;
}
.gallery_box_btn {
    margin-top: -52px;
}








.ourbooth_box_cover {
    background-color: #f6f5f5;
    /* TAMAÑO DE IMAGEN 1600X517 */
    background-image: url("../images/descubre-todo/descubre-todo-lo-que-puedes-hacer.jpg");
    background-repeat: no-repeat;
    padding: 38px 0 0;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* filter: brightness(10%);  Ajusta el valor según el nivel de oscuridad deseado */
    /* HACE LA IMAGEN RESPONSIVE */
    /* background-size: 100% auto; */
}





/* Estilo para dispositivos móviles */
@media (max-width: 768px) {
    .ourbooth_box_cover {
        /* TAMAÑO DE IMAGEN 768X517 MOBILE */
        background-image: url("../images/descubre-todo/descubre-todo-lo-que-puedes-hacer.jpg");
        /* background-repeat: no-repeat;
        padding: 38px 0 0;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
        
        /* HACE LA IMAGEN RESPONSIVE */
        /* background-size: 100% auto;  */
        color: #ffaa00;
        
    }
}

















.ourbooth_box_text_cover {
    padding: 70px 0 70px;
    /* background-image: url("../images/booth_prop.png"); */
    background-repeat: no-repeat;
}



/* CAMBIA COLOR DEL TEXTO DE INFORMACION DE CONTACTO */
.ourbooth_contact h4 {
    color: #ff0000;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}




.ourbooth_contact li {
    font-size: 22px;
    margin-bottom: 6px;
    padding-left: 30px;
    position: relative;
}



/* CAMBIA COLOR DE LOS ICONOS DE INFORMACION DE CONTACTO */
.ourbooth_contact li i {
    color: #000000;
    left: 0;
    position: absolute;
    top: 4px;
    vertical-align: sub;
}



.ourbooth_contact .fa-envelope {
    font-size: 19px;
}
.ourbooth_contact li i.fa-envelope {
    top: 7px;
}














.ourbooth_box_outer .booth_item {
    float: left;
    position: relative;
    width: 31.2%;
    margin-top: 20px;
}
.ourbooth_box_outer:after {
    content: "";
    display: block;
    clear: both;
}




/* BAJO EL NOMBRE DEL TEMA QUE APARECE EN PAQUETES Y CAMBIO COLOR DE TEXTO */
.ourbooth_box_outer h3 {
    font-size: 24px;
    font-weight: 100;
    font-weight: bold; 
    color: #ffaa00
    /*margin-bottom: -28px; */ /* baja o sube depende del valor */
}

/* AQUI AL AGREGAR EL MARGIN-BOTTOM LA LINEA DE DISEÑO QUEDA ABAJO DE LA FOTO */
.ourbooth_box_outer h3::after {
    background-color: #d5d5d5;
    content: "";
    display: block;
    height: 1px;
    margin: 22px 0 34px;
    width: 85px;
    margin-bottom: -25px;
}




.ourbooth_box_outer h3 span {
    font-weight: 400;
    /* color: #ef0160; */
    color: #FF0000;
    font-weight: bold; 
}






.ourbooth_box_outer .booth_right h3 {
    text-align: right;
}
.ourbooth_box_outer .booth_right h3::after {
    margin-left: auto;
}
.ourbooth_box_cover .sec_heading_box {
    margin-bottom: 100px;
}


.booth_mid .camera_stand_img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ourbooth_box_outer .booth_img {
    position: relative;
    overflow: hidden;
}
.ourbooth_box_outer .booth_left .booth_img::after {
    box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.ourbooth_box_outer .booth_right .booth_img::after {
    box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}





















/* Contenedor del título y video */
.ourbooth_box_outer .booth_mid {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: -80px; /* Ajusta este valor según sea necesario */
    /* Añade un poco de relleno si es necesario */
    /* padding: 20px;  */
}

/* COLOR DE TEXTO DE LETRAS DE VIDEO */
/* Título a la derecha (solo afecta el h3 dentro del video) */
.ourbooth_box_outer .booth_mid .video-title {
    /* margin-bottom: 40px; Ajusta el espacio entre el título y el video */
    font-size: 24px;
    font-weight: bold; /* Se aplicará el font-weight: bold; en lugar de font-weight: 100; */
    width: 100%;
    text-align: center; /* Cambiado de right a center para centrar horizontalmente */
    color: #ffaa00;
    position: relative;
    /* margin-top: -40px; */
}


/* Línea decorativa */


.ourbooth_box_outer .booth_mid .video-title::after {
    content: "";
    display: block;
    width: 85px;
    height: 1px;
    background-color: transparent; /* trasparente para que no se vea la linea */
    position: absolute; /* Usa posición absoluta para alinear a la derecha */
    right: 0; /* Alinea el pseudo-elemento a la derecha del contenedor */
    bottom: 0; /* Ajusta la distancia desde el borde inferior del contenedor, si es necesario */
    margin: -2px auto; 
}

/* Ajuste del video */
.ourbooth_box_outer .booth_mid video {
    width: 100%;
    height: auto;
    /* CON ESE ALTO SE MIRA BIEN, PERO SE DEBERIA DE MODIFICAR EL TAMAÑO DE LA IMAGEN DE UN SOLO */
    /* height: 550px; */
    display: block;
    margin-top: -30px; /* Ajusta este margen según sea necesario */
    max-width: 100%; /* Asegura que el video no se desborde del contenedor */
}

/* SI LO COMENTO EN MOBILE EL H3 PASA A UNA SOLA LINEA Y EL VIDEO SE MIRA MAS GRANDE PERO EL DISEÑO DE DESKTOP SE ARRUINA */
/* .ourbooth_box_outer .booth_item.booth_mid {
    margin-top: 0;
    width: 37.5%;
    z-index: 1;
} */


/* INICIO DEL ARREGLO DE DISEÑO EN DESKTOP Y MOBILE */
/* Estilos generales para escritorio */
.ourbooth_box_outer .booth_item.booth_mid {
    /* margin-top: 0; */
    width: 37.5%; /* Estilo para pantallas grandes */
    z-index: 1;
}

/* Ajuste del contenedor del título y video */
.ourbooth_box_outer .booth_mid {
    /* El video se muestra en todas las pantallas por defecto */
    display: block; /* Asegúrate de que el video sea visible */
}

/* Ajustes específicos para pantallas grandes */
@media (min-width: 768px) {
    .ourbooth_box_outer .booth_item.booth_mid {
        /* margin-top: 0; */
        width: 37.5%; /* Ancho específico para pantallas grandes */
        z-index: 1;
    }
}

.slide-description {
    margin-top: 10px; /* Espacio entre la imagen y el texto */
    font-size: 14px; /* Tamaño de la fuente */
    color: #333; /* Color del texto */
    text-align: center; /* Centrar el texto */
    padding: 0 15px; /* Espaciado horizontal */
}

































/* Ajustes específicos para dispositivos móviles */
/* Estilos generales para escritorio */

  
/* Estilos generales para el slider */
.swiper-container {
    display: none; /* Oculta el slider por defecto en escritorio */
    overflow: hidden; /* Evita que las imágenes se desborden del contenedor */
  }
  
  .swiper-wrapper {
    display: flex; /* Asegúrate de que los slides se alineen correctamente */
    margin: 0;
    padding: 0;
  }
  
  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Evita que el contenido del slide se desborde */
    width: 100%; /* Asegúrate de que el slide ocupe todo el ancho del contenedor */
    box-sizing: border-box; /* Incluye padding y border en el tamaño total del elemento */
    margin: 0; /* Elimina márgenes adicionales que puedan causar problemas */
  }
  
  
  
  .swiper-slide img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover; /* Ajusta la imagen para cubrir el contenedor sin distorsionarse */
  }
  

  

  /* Estilo para los puntos de paginación */
.swiper-pagination-bullet {
    background-color: #888888 !important; /* Color rojo para los puntos inactivos */
    opacity: 1 !important; /* Asegúrate de que los puntos sean completamente visibles */
  }
  
  /* Estilo para el punto de paginación activo */
  .swiper-pagination-bullet-active {
    background-color: #444444 !important; /* Color rojo para el punto activo */
  }
  
  /* Opcional: Personalización adicional */
  .swiper-pagination {
    bottom: 10px; /* Ajusta la posición vertical de los puntos de paginación */
  }
  
  
  /* Estilos específicos para móviles */
  @media (max-width: 766px) {
    .ourbooth_box_outer {
      display: none; /* Oculta el diseño normal en móviles */
    }
  
    .swiper-container {
      display: block; /* Muestra el slider en móviles */
      width: 100%;
      margin-bottom: 70px; /* Ajusta el valor del margen inferior según tus necesidades */
      position: relative; /* Necesario para posicionar las flechas dentro del contenedor del slider */
    }
  
    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; /* Evita que el contenido del slide se desborde */
    }
  
    /* SI DEJO EL MAX-HEIGHT NO MUESTRA DE AGREGADOS */
    .swiper-slide .booth_item {
      max-width: 370px;
      /* max-height: 500px; */
      margin: 0 auto;
    }
  
    .swiper-slide img {
      max-width: 100%;
      height: auto;
      object-fit: cover; /* Ajusta la imagen para cubrir el contenedor sin distorsionarse */
    }
  
    .sec_heading_box {
      text-transform: uppercase;
      margin-top: -30px;
    }
  
    /* Asegúrate de que el estilo se aplique a los elementos dentro del slider */
    .swiper-container .swiper-slide h3 span {
      font-weight: 400;
      color: #FF0000;
      font-weight: bold;
    }
  
    .overlay-text {
      font-weight: bold; 
    }
  

/* 
    .swiper-button-next, .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background-color: rgba(0, 0, 0, 0.5) !important; 
        color: white !important; 
        border: none !important;
        padding: 10px !important;
        cursor: pointer !important;
        font-size: 1px !important; 
        z-index: 1 !important; 
      }
      
      .swiper-button-prev {
        left: 10px !important; 
      }
      
      .swiper-button-next {
        right: 10px !important; 
      }
      
      .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: rgba(0, 0, 0, 0.8) !important; 
      }
      
      .swiper-button-next::after, .swiper-button-prev::after {
        color: white !important; 
      }

      .swiper-button-next, .swiper-button-prev {
        display: none; 
      } */

    .swiper-button-next:hover, .swiper-button-prev:hover {
      /* background-color: rgba(0, 0, 0, 1); */ /* Fondo negro completamente opaco al pasar el ratón */
    }
    .arrow-swiper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white; /* Color de la flecha */
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 24px;
        z-index: 1;
    }
    
    .custom-prev-arrow {
        left: 5px; /* Separación de la flecha izquierda */
        margin-top: -150px;
    }
    
    .custom-next-arrow {
        right: 5px; /* Separación de la flecha derecha */
        margin-top: -150px;
    }
    
    .arrow-swiper:hover {
        background-color: rgba(0, 0, 0, 0.8); /* Color más oscuro al pasar el cursor */
    }
    
    
  }
  
  
  



/* FIN DEL ARREGLO DE DISEÑO EN DESKTOP Y MOBILE */

































/* DESCUBRE TODO LO QUE PUEDES HACER EN TUS FIESTAS */
.blog_box_cover {
    padding: 75px 0 75px;
    /* padding: 45px 0 75px; */
    /* background-image: url("../images/descubre-todo/descubre-todo-lo-que-puedes-hacer.jpg"); */
    background-repeat: no-repeat;
}


.testimonial_box_outer {
    background-blend-mode: darken;
    background-color: #ef0160;
    background-image: url("../images/testimonial_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 46px 0 225px;
}
.testimonial_car_box {
    background-image: url("../images/testimonial_img_box.png");
    background-position: center 100%;
    background-repeat: no-repeat;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    box-shadow: 0 14px 0 0 rgba(0, 0, 0, 0.1);
    margin: auto;
    max-width: 740px;
    padding: 45px 45px 84px;
    text-align: center;
    background-color: #fff;
}
.testimonial_car_box p {
    font-size: 16px;
}
.testimonial_car_box h3 {
    font-size: 22px;
    color: #ef0160;
}
.testimonial_car_box h3::after {
    background-color: #d5d5d5;
    content: "";
    display: block;
    height: 18px;
    margin: 5px auto;
    width: 1px;
}
.testimonial_car_box h3::before {
    background-color: #d5d5d5;
    content: "";
    display: block;
    height: 18px;
    margin: 5px auto;
    width: 1px;
}
.testimonial_car_outer {
    margin-top: -205px;
    padding-bottom: 110px;
    padding-left: 15px;
    padding-right: 15px;
}
.footer_box_cover {
    background-color: #f6f5f5;
    min-height: 285px;
    padding: 40px 0 30px;
    position: relative;
}
.copyright_box {
    margin-bottom: 0;
}
.footer_box h3 {
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.footer_box li,
.footer_box a {
    color: #3f3a3a;
    font-size: 13px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}
.footer_box li {
    margin-bottom: 5px;
}
.copyright_box {
    font-size: 14px;
    color: #7a7979;
    text-transform: uppercase;
}
.footer_box_icon li {
    padding-left: 28px;
    position: relative;
}
.footer_box_icon li i {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0;
}
.footer_social_box li {
    display: inline-block;
    margin-right: 10px;
}
.footer_social_box li i {
    font-size: 16px;
}
.footer_social_box .fa-facebook-f {
    color: #4867aa;
}


/* COLOCANDO ICONO DE FACEBOOK EN COLOR BLANCO */
.fa-facebook-f {
    color: white !important;
}




.footer_social_box .fa-twitter {
    color: #1da1f2;
}
.footer_social_box .fa-instagram {
    color: #000000;
}

.footer_social_box .fa-youtube {
    color: #ff0000;
}
.footer_social_box:before {
    content: "";
    display: block;
    margin: 15px 0;
    height: 1px;
    width: 30px;
    background-color: #d5d5d5;
}
.footer_box_icon li i.fa-mobile-alt {
    font-size: 16px;
    left: 2px;
}






/* .gallery_box img {
    border-radius: 2px;
    display: block;
    height: 318px;
    margin: auto;
    object-fit: cover;
    width: auto;
} */




/* Estilos generales para la galería SIN SLIDER */
/*
.gallery_box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
    justify-content: center; 
}

.gallery_box .item {
    flex: 1 1 calc(33.333% - 20px); 
    box-sizing: border-box; 
}


@media (max-width: 768px) { 
    .gallery_box .item {
        flex: 1 1 calc(50% - 20px); 
    }
}

@media (max-width: 480px) { 
    .gallery_box .item {
        flex: 1 1 100%; 
    }
}
*/



/* Estilos generales para la galería CON SLIDER */
/* .gallery_box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    justify-content: center;
    position: relative;
}

.gallery_box .item {
    flex: 1 1 calc(33.333% - 20px); 
    box-sizing: border-box;
    display: none; 
}

.gallery_box .item.active {
    display: block; 
}


.slider-nav {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

.slider-nav .dot {
    width: 12px;
    height: 12px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slider-nav .dot.active {
    background-color: #717171;
}


@media (max-width: 768px) {
    .gallery_box .item {
        flex: 1 1 calc(50% - 20px); 
    }
}

@media (max-width: 480px) {
    .gallery_box .item {
        flex: 1 1 100%; 
    }
} */

/* CON ESPACIO BIEN CUADRADO EN LAS IMAGENES DE ABAJOY CON SLIDER */


/* Estilos generales para la galería */
/* Estilos generales para la galería */
.gallery_box {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; /* Ajusta el espacio para compensar el margen interno */
    margin-top: -90px; /* Ajusta este valor para mover la galería hacia arriba */
    justify-content: center;
    position: relative;
}

/* Estilos para los elementos de la galería */
.gallery_box .item {
    margin: 10px; /* Ajusta el espacio alrededor de cada imagen */
    margin-bottom: 30px; /* Aumenta el espacio entre filas */
    box-sizing: border-box; /* Incluye el margen en el tamaño total */
    display: none; /* Oculta todas las imágenes inicialmente */
}

/* Mostrar solo las imágenes activas */
.gallery_box .item.active {
    display: block; /* Muestra solo las imágenes activas */
}

/* Estilos para los puntos de navegación */
.slider-nav {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px; /* Espacio entre los puntos */
}

.slider-nav .dot {
    width: 12px;
    height: 12px;
    background-color: #bbb; /* Color de los puntos inactivos */
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.slider-nav .dot.active {
    background-color: #717171; /* Color de los puntos activos */
}

/* Estilos para pantallas pequeñas en modo vertical y horizontal */
@media (max-width: 480px) {
    .gallery_box .item {
        width: calc(100% - 20px); /* 1 columna en pantallas pequeñas */
    }
}

/* Estilos para pantallas medianas (por ejemplo, tablets) */
@media (min-width: 481px) and (max-width: 768px) {
    .gallery_box .item {
        width: calc(50% - 20px); /* 2 columnas en pantallas medianas */
    }
}

/* Estilos para pantallas grandes (por ejemplo, escritorio) */
@media (min-width: 769px) {
    .gallery_box .item {
        width: calc(33.333% - 20px); /* 3 columnas en pantallas grandes */
    }
}

/* Estilo para las flechas de galería */
.gallery_arrow {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    z-index: 1;
}

.prev_arrow {
    left: 10px; /* Ajusta la separación de la flecha izquierda del carrusel */
}

.next_arrow {
    right: 10px; /* Ajusta la separación de la flecha derecha del carrusel */
}

.gallery_arrow:hover {
    background-color: rgba(0, 0, 0, 0.8);
}









/* MODAL DE TERMINOS Y CONDICIONES DISEÑO */

/* Estilo personalizado para el modal */
/* Estilos específicos para el modal con ID termsModal */
#termsModal .modal-content {
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    max-height: 80vh; /* Altura máxima del modal */
    overflow: hidden; /* Ocultar cualquier desbordamiento fuera del modal */
}

#termsModal .modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#termsModal .modal-title {
    font-size: 1.25rem;
    color: #333;
    font-weight: 500;
}

#termsModal .close {
    color: #333;
    font-size: 1.5rem;
}

#termsModal .modal-body {
    padding: 20px;
    max-height: 60vh; /* Altura máxima del contenido del modal */
    overflow-y: auto; /* Habilitar el desplazamiento vertical */
}

#termsModal .fixed-panel {
    background-color: #f0f0f0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

#termsModal .accordion {
    background-color: #f0f0f0;
    color: #333;
    cursor: pointer;
    padding: 12px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 8px;
    margin-bottom: 5px;
    position: relative;
    transition: background-color 0.3s ease;
}

#termsModal .accordion:hover {
    background-color: #e0e0e0;
}

#termsModal .accordion.active {
    background-color: #d0d0d0;
}

#termsModal .accordion .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    border: solid #333;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transition: transform 0.3s ease;
}

#termsModal .accordion.active .arrow {
    transform: translateY(-50%) rotate(-45deg);
}

#termsModal .panel {
    display: none;
    padding: 0 20px;
    background-color: #f9f9f9;
    border-radius: 0 0 8px 8px;
}

#termsModal .panel.show {
    display: block;
}

#termsModal .panel p {
    margin: 0;
    line-height: 1.5;
}

#termsModal .panel ul {
    padding-left: 20px;
    margin: 0;
}

#termsModal .panel ul li {
    margin-bottom: 10px;
}

#termsModal .modal-footer {
    border-top: 1px solid #ddd;
    background-color: #f8f9fa;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

  
  
  
  
  
  
  




  /* FIN DE MODAL DE TERMINOS Y CONDICIONES */
  






.video-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 20px; */
  }
  .video-container video {
    max-width: 100%;
    height: auto;
  }
  .play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
  }



  /* QUITA EL EFECTO DE AGRANDADO AL PONER EL MOUSE ENCIMA DEL MENU */
/* .main_nav_line:hover {
    padding: 8px 0;
} */






.blog_box_cover .sec_heading_box {
    margin-bottom: 55px;
}
.blog_box_item img {
    border-radius: 3px;
    margin-bottom: 20px;
}
.blog_box_item h3 {
    font-size: 22px;
    margin: 12px 0 8px;
}
.blog_box_item .blog_date {
    font-size: 18px;
    color: #ef0160;
}
.blog_box_item {
    margin: auto;
    max-width: 515px;
    padding-bottom: 30px;
    position: relative;
}
.blog_box_item::after {
    background-color: #d5d5d5;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin-top: 20px;
    position: absolute;
    width: 85px;
}

/*  FORMULARIO QUE SALIA ABAJO EN EL FOOTER */
 .footer_form_cover form {
    background-blend-mode: screen;
    background-color: #ef0160;
    background-image: url("../images/footer_form_bg.jpg");
    min-height: 302px;
    padding: 45px 45px 13px;
    border-radius: 5px 0 0 5px;
} 
.footer_form_cover {
    position: absolute;
    right: 0;
    top: -15px;
    width: 43%;
}






/* DISEÑO DE BOTON DE FORMULARIA DE CONTACTO */
.btn-custom {
    background-color: #000000; /* Color de fondo negro */
    color: #ffaa00; /* Color del texto */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 16px; /* Tamaño de fuente */
    text-transform: uppercase; /* Texto en mayúsculas */
    display: block; /* Ocupa todo el ancho disponible */
    width: calc(100% - 20px); /* Ancho completo menos margen */
    margin: 10px auto; /* Margen alrededor del botón */
    cursor: pointer; /* Cursor de mano */
    box-sizing: border-box; /* Asegura que el padding y el borde se incluyan en el ancho total */
    transition: background-color 0.3s, color 0.3s; /* Transición suave para el cambio de color */
}

.btn-custom:hover {
    background-color: #000000; /* Color de fondo al pasar el ratón */
    color: #ffffff; /* Color del texto al pasar el ratón */
}



















/* Estilo del contenedor del encabezado */
.p-section_head {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 20px;
}

/* Diseño del título */
.p-section_head h2 {
    font-size: 38px;
    font-weight: bold;
    color: #000000; /* Título en negro */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 10px 20px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    animation: fadeInTitle 1.5s ease-out, glowEffect 3s ease-in-out infinite, neonPulse 1.5s ease-in-out infinite, cameraFlash 5s infinite; /* Agregado de animación de flash de cámara */
}

/* Animación de entrada para el título */
@keyframes fadeInTitle {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Efecto de resplandor pulsante */
@keyframes glowEffect {
    0%, 100% {
        text-shadow: 0 0 8px rgba(255, 170, 0, 0.8), 0 0 16px rgba(255, 170, 0, 0.6); /* Efecto de resplandor en #ffaa00 */
    }
    50% {
        text-shadow: 0 0 20px rgba(255, 170, 0, 1), 0 0 30px rgba(255, 170, 0, 0.8); /* Efecto de resplandor más intenso en #ffaa00 */
    }
}

/* Efecto de pulso de neón */
@keyframes neonPulse {
    0%, 100% {
        text-shadow: 0 0 8px rgba(255, 170, 0, 0.8), 0 0 16px rgba(255, 170, 0, 0.6); /* Resplandor base */
        transform: scale(1); /* Tamaño normal */
    }
    50% {
        text-shadow: 0 0 20px rgba(255, 170, 0, 1), 0 0 30px rgba(255, 170, 0, 0.8); /* Resplandor intenso */
        transform: scale(0.9); /* Reduce el tamaño ligeramente */
    }
}

/* Efecto de flash de cámara */
@keyframes cameraFlash {
    0%, 100% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0); /* Sin flash */
        opacity: 1;
    }
    10% {
        box-shadow: 0 0 100px rgba(255, 255, 255, 0.8); /* Flash de cámara */
        opacity: 0.5; /* Reduce la opacidad para el efecto de flash */
    }
    20% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0); /* Sin flash */
        opacity: 1;
    }
}

/* Estilo del borde del título (simulando un destello de cámara) */
.p-section_head h2::before,
.p-section_head h2::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 2px;
    background: rgba(255, 170, 0, 0.4); /* Color #ffaa00 para el destello, más intenso */
    transform: translate(-50%, -50%) rotate(45deg);
    animation: flashEffect 1.5s infinite;
}

.p-section_head h2::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes flashEffect {
    0%, 100% {
        opacity: 0;
        width: 120%;
    }
    50% {
        opacity: 1;
        width: 200%;
    }
}














/* Estilo general del formulario */
#contactForm {
    width: 100%;
    max-width: 600px; /* Ancho máximo del formulario */
    margin: 0 auto;
    padding: 30px;
    background: linear-gradient(135deg, #ffaa00, #ff7f50);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-family: 'Arial', sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Estilo de fondo animado */
#contactForm::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent);
    animation: rotateBg 10s linear infinite;
}

@keyframes rotateBg {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Estilo de los labels */
#contactForm label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

/* Estilo de los inputs y selects */
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="date"],
#contactForm input[type="time"],
#contactForm input[type="number"],
#contactForm select {
    width: calc(100% - 20px);
    padding: 12px;
    margin-bottom: 20px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

#contactForm input[type="text"]:focus,
#contactForm input[type="email"]:focus,
#contactForm input[type="date"]:focus,
#contactForm input[type="time"]:focus,
#contactForm input[type="number"]:focus,
#contactForm select:focus {
    border-color: #fff;
    outline: none;
    transform: scale(1.05);
}

/* Estilo del checkbox y su contenedor */
.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    accent-color: #ff7f50; /* Color del checkbox */
    margin-top: -10px;
}

.checkbox-container label {
    font-size: 14px;
    color: #fff;
}

.checkbox-container label a {
    color: #fff;
    text-decoration: underline;
    transition: color 0.3s;
}

.checkbox-container label a:hover {
    color: #333;
}

/* Estilo del botón */
#contactForm .btn-custom {
    width: 100%;
    padding: 15px;
    background-color: #333;
    color: #ffaa00;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s, transform 0.3s;
}

#contactForm .btn-custom:hover {
    background-color: #ffaa00;
    color: #333;
    transform: translateY(-3px);
}

/* Estilo adicional para desktop */
@media (min-width: 1024px) {
    #contactForm {
        max-width: 700px;
        padding: 40px;
    }

    /* Tamaño del botón en desktop */
    #contactForm .btn-custom {
        padding: 18px;
        font-size: 20px;
    }
}

/* Estilo para el botón después de enviar el formulario */
.btn-custom.sent {
    background-color: #ccc; /* Cambia el color de fondo si lo deseas */
    cursor: not-allowed; /* Cambia el cursor para mostrar que el botón está deshabilitado */
    pointer-events: none; /* Evita que el botón reciba clics */
}
/* Estilo para centrar el mensaje de éxito y el enlace */
#submissionMessage {
    text-align: center; /* Centra el texto dentro del párrafo */
    margin: 20px auto; /* Añade márgenes automáticos para centrar el párrafo en su contenedor */
    max-width: 600px; /* Define un ancho máximo para el contenedor del mensaje (ajusta según tus necesidades) */
    background-color: #2d2d2d; /* Color de fondo para el mensaje (opcional) */
    padding: 20px; /* Añade algo de espacio interno alrededor del texto (opcional) */
    border-radius: 5px; /* Bordes redondeados (opcional) */
    color: white; /* Color del texto */
}

/* Estilo para el enlace dentro del mensaje */
#submissionMessage a {
    color: #ffaa00; /* Color del enlace (ajusta según tu diseño) */
    text-decoration: none; /* Elimina el subrayado del enlace */
}

#submissionMessage a:hover {
    text-decoration: underline; /* Añade un subrayado cuando el usuario pasa el ratón por encima (opcional) */
}

/* Estilo del mensaje de error */
.error-message {
    color: #ff0000; /* Texto rojo brillante para alta visibilidad */
    font-size: 16px;
    margin-top: -15px; /* Espacio superior para separar del input */
    padding: 5px; /* Padding uniforme alrededor del mensaje */
    font-weight: bold; /* Negrita para mayor impacto */
    /* text-align: center; */ /* Centrar el texto dentro del mensaje de error */
    display: block; /* Asegura que el mensaje de error ocupe todo el ancho disponible */
    width: 100%; /* Hacer que el mensaje de error ocupe todo el ancho del contenedor */
    box-sizing: border-box; /* Incluir padding en el ancho total del elemento */
    transition: transform 0.3s ease; /* Transición para el efecto de zoom */
    animation: shake 0.5s; /* Aplicar animación de sacudida para llamar la atención */
}

/* Estilo del mensaje de error cuando el input tiene el foco */
input:focus ~ .error-message {
    transform: scale(1.05); /* Zoom del 5% */
}

/* Animación de sacudida para llamar la atención */
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}





























.footer_form_cover input,
.footer_form_cover textarea {
    background-color: transparent;
    border: 0 none;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 5px;
    resize: unset;
    width: 100%;
}
footer::-webkit-input-placeholder {
    color: #fff;
}
footer:-moz-placeholder {
    color: #fff;
}
footer::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
footer:-ms-input-placeholder {
    color: #fff;
}
.footer_form_cover .two_fields input {
    float: left;
    margin-right: 7%;
    width: calc(53.2% - 7%);
}
.footer_form_cover .two_fields input:last-child {
    margin-right: 0;
}
.form_submit_btn input {
    background-color: #000;
    border: 0 none!important;
    box-shadow: unset;
    color: #fff;
    cursor: pointer;
    letter-spacing: 1.3px;
    margin-bottom: 0!important;
    padding: 12px 50px 11px!important;
    text-transform: uppercase;
    width: auto;
    border-radius: 3px;
}
.form_submit_btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.form_submit_btn::after {
    color: #ffaa00;
    content: "H";
    font-family: "Monoton", cursive;
    font-size: 79px;
    position: absolute;
    right: -40px;
    top: -0px;
    transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
}
.form_submit_btn:hover input {
    background-color: #101010;
}
.form_submit_btn:hover::after {
    color: #fff;
}
.footer_form_outer {
    max-width: 470px;
    position: relative;
    z-index: 1;
}
.owl-dots .owl-dot {
    border: 1px solid #c3c3c3!important;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}
.owl-dots .owl-dot:last-child {
    margin-left: 0;
}
.owl-dots {
    margin-top: 35px;
    text-align: center;
}




/* CAMBIA EL COLOR DEL PUNTO ACTIVO DEL DOT, PERO TAMBIEN NECESITO CAMBIAR EL COLOR DE BORDE EN OTRA CLASE NO SOLO ES AQUI */
.owl-dots .owl-dot.active {
    background-color: #000000!important;
    border-color: #000000!important;
}




.testimonial_car_outer .item {
    margin-bottom: 14px;
}
#blog_owl_id {
    left: -10%;
    right: -100px;
    width: 120%;
}
.blog_box_cover {
    overflow: hidden;
}



.blog_box_cover .blog_box_item img {
    /* QUITAR BLANCO Y NEGRO DEL SLIDER DE BLOG */
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    height: 288px;
    object-fit: cover;
}



/* QUITE ESTA CLASE YA QUE EL AL COLOCAR VIDEO EN LUGAR DE IMAGEN SE QUEDABA ABAJO EL PRIMER VIDEO */
.blog_box_cover .owl-stage .owl-item.active {
    margin-top: 32px;
}


/* POR SI PONGO VIDEOS */
/* Estilo solo para dispositivos móviles AQUI LO HABILITO PARA QUE EN MOBILE TENGA EFECTO*/
/* @media (max-width: 759px) { 
    .blog_box_cover .owl-stage .owl-item.active {
        margin-top: 32px;
    }
} */





.blog_box_cover .owl-stage .owl-item.active + .owl-item.active {
    margin-top: 0;
}
.blog_box_cover .owl-stage .owl-item.active + .owl-item.active img {
    -webkit-filter: unset;
    filter: unset;
    height: 320px;
}
.blog_box_cover .owl-stage .owl-item.active + .owl-item.active + .owl-item.active img {
    /* QUITAR BLANCO Y NEGRO DEL SLIDER DE BLOG */
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
    margin-top: 32px;
    height: 288px;
}
.blog_box_cover .owl-nav {
    display: block!important;
    text-align: center;
}
.blog_box_cover .owl-nav button span {
    border-right: 1px solid #989898;
    border-top: 1px solid #989898;
    display: block;
    font-size: 0;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 15px;
}
.blog_box_cover .owl-nav button.owl-prev span {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}
.blog_box_cover .owl-nav button.owl-next {
    float: right;
}
.blog_box_cover .owl-nav button.owl-prev {
    float: left;
}
.blog_box_cover .owl-nav {
    bottom: 108px;
    height: 15px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
}




/* COLOR AL PONER EL MOUSE SOBRE LA FLECHA PARA CAMBIAR, SEGUN PLANTILLA ES BLOGA */
.blog_box_cover .owl-nav button:hover span {
    /* border-color: #ef0160; */
    border-color: #000000;
}



.owl-nav button,
.owl-dots button {
    outline: unset;
}




/* SUBIENDO EL CONTENIDO DE QUIENES SOMOS */
.about_box_text {
    max-width: 492px;
    margin-top: -50px;
}

/* Estilos para pantallas mobile */
@media (max-width: 768px) {
    .about_box_text {
        max-width: 492px;
        margin-top: -60px;
    }
}







.about_carousel_box .owl-nav button span {
    border-right: 1px solid #989898;
    border-top: 1px solid #989898;
    display: block;
    font-size: 0;
    height: 12px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    width: 12px;
}
.about_carousel_box .owl-nav button.owl-prev span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.about_carousel_box .owl-nav button.owl-prev {
    margin-bottom: 35px;
}
.about_carousel_box .owl-nav {
    bottom: 0;
    display: inline-block;
    height: 60px;
    left: calc(100% + 40px);
    margin: auto;
    position: absolute;
    top: 0;
}
.about_carousel_box .owl-nav button {
    display: block;
}
.about_carousel_box .owl-nav button:hover span {
    border-color: #ef0160;
}
.about_carousel_box img {
    height: 515px;
    object-fit: cover;
}


/* BLOQUE BANNER MOBILE INICIO*/
/* Estilo base para todos los dispositivos */
#main_banner_mobile {
    display: none; /* Oculta por defecto */
}

/* Muestra la versión simplificada en móviles */
@media (max-width: 992px) {
    #main_banner {
        display: none; /* Oculta el slider en móviles */
    }
    
    #main_banner_mobile {
        display: block; /* Muestra la versión simplificada en móviles */
    }
}
/* BLOQUE BANNER MOBILE FIN*/



/* CAMBIA EL COLOR DEL MENU SECUNDARIO, EL MENU FIJO AL BAJAR LA PANTALLA NO SE CAMBIO EL COLOR PORQUE EL LOGO NO SE MIRARIA*/
.fixed_header {
    background-color: rgba(0, 0, 0, 0.85);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}





.fixed_header .main_nav_line::before,
.fixed_header .main_nav_line::after {
    display: none;
}
/* DA COLOR AL MENU CUANDO SE BAJA, ESTA EN TRANSPARENT */
.fixed_header .main_nav_line {
    background-color: transparent;
    color: white;
}
.fixed_header .navbar-brand {
    max-width: 100px;
}




.fixed_header {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar_icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: none;
}
.fixed_header .navbar_icon {
    display: block;
}
.navbar_icon::before {
    /* color: #ef0160; */
    color: #FFAA00;
    content: "H";
    font-family: "Monoton", cursive;
    font-size: 120px;
    position: absolute;
    right: -74px;
    top: -37px;
    transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
}
#mainNav > .container {
    position: relative;
    z-index: 11;
}
.fixed_header li a:hover {
    color: #ef0160;
}
.header_cover .main_header .active > a,
.header_cover .main_header .active .down_btn_icon {
    color: #000;
    border-color: #000;
}
.header_cover .fixed_header .main_header li a.active {
    color: #ef0160;
    font-weight: 600;
}


/* HAY 2 REGLAS, EL FIXED MENU ES LA CLASE QUE SE AGREGA CUANDO EL MENU SE BAJA O QUEDA FIJO, EL HEADER_COVER ES EL DEL MENU CUANDO SE CARGA LA PAGINA
*/

/* Estilos normales para el menú */
.header_cover .main_header li:hover > a,
.header_cover .main_header li:hover .down_btn_icon {
    color: #000000;
    border-color: #000000;
}

/* Estilos cuando el menú está fijo, o cuando el menu se baja */
.fixed-menu .main_header li:hover > a,
.fixed-menu .main_header li:hover .down_btn_icon {
    color: #ffaa00; /* Cambia el color para el estado fijo */
    border-color: #ffaa00; /* Cambia el borde para el estado fijo */
}




/* CAMBIAR COLOR DE HOVER SOBRE EL CORREO Y TELEFONO DEL MENU */
.header_contact_box li a:hover,
.header_contact_box li a:hover i {
    color: #FFAA00;
}

/* ELIMINA EL SCROLL AL ABRIR LAS IMAGENES DE BOOTSRAP, APARECIO EL SCROLL PORQUE EL TAMAÑO ES DIFERENTE AL DE LA PLANTILLA */
.modal-open .modal {
    overflow-x: visible !important; /* Cambia a visible o cualquier otro valor según tus necesidades */
    overflow-y: visible !important; /* Cambia a visible o cualquier otro valor según tus necesidades */
}



.header_social_box li a:hover i {
    color: #fff;
}


/* COLOR ENCIMA DE LOS ENLACES */
a:hover {
    color: #000000;
}


/* COLOR ENCIMA DE LOS ICONOS DE REDES SOCIALES */
footer .footer_social_box a:hover i {
    color: #000000;
}


.ekko-lightbox .modal-body {
    padding: 0!important;
}
.ekko-lightbox .modal-dialog {
    border-radius: 8px;
    overflow: hidden;
}



/* COLOR DEL TEXTO DEL MENU CUANDO SE BAJA LA PANTALLA AL PONER EL MOUSE ENCIMA DE LAS OPCIONES */
.header_cover .fixed_header .main_header li a:hover {
    /* color: #FFAA00; */
    /* cambie el color a negro porque en mobile en blog al dejarlo en amarillo no se mira bien */
    color: #FFAA00;
}

/* Cambia el color en dispositivos móviles para evitar que se vea feo al dar clic sobre el enlace de los video que originalmente era blog*/
@media (max-width: 3px) { /* Ajusta el tamaño según sea necesario */
    .header_cover .fixed_header .main_header li a:hover {
        color: #000000; /* Negro para pantallas pequeñas */
    }
}







/* CAMBIA EL COLOR DE FONDO AL ABRIR UNA FOTO */
.ekko-lightbox {
    background-color: rgba(0, 0, 0, 0.7);
}


.ekko-lightbox-nav-overlay {
    position: fixed;
}
.ekko-lightbox-nav-overlay a span {
    color: #fff;
    padding: 0 30px;
}


/* CAMBIA COLOR DE BOTON X AL ABRIR LA GALERUIA */
.gallery_close_btn {
    background-color: #000000;
    border-radius: 1px;
    /* color: #ef0160; */
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    height: 40px;
    line-height: 20px;
    padding-top: 9px;
    position: fixed;
    right: 30px;
    text-align: center;
    top: 14px;
    width: 40px;
    z-index: 9999;
}



.footer_box_outer {
    overflow: hidden;
    padding-top: 15px;
}
.testimonial_box_cover,
.gallery_box_cover {
    overflow: hidden;
}
.submenu_box {
    position: relative;
}
.submenu_box .submenu_box_inner {
    position: absolute;
    top: 100%;
    left: 0;
}
.submenu_box > ul li a {
    background-color: #000;
    border-bottom: 1px solid #252525;
    display: block;
    padding: 10px 15px;
    width: 198px;
}
.header_cover .main_header .submenu_box > ul li a:hover {
    color: #ef0160;
    border-color: #ef0160;
}
.header_cover .main_header .submenu_box > ul li {
    margin: 0;
}
.submenu_box_inner {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
.submenu_box:hover .submenu_box_inner {
    border-radius: 4px;
    height: auto;
    opacity: 1;
    overflow: hidden;
    width: auto;
}


/* .banner_content {
    left: 0;
    margin: auto;
    max-width: 842px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 48%;
    z-index: 3;
}
.banner_content .custom_btn {
    float: right;
    margin-right: 6px;
} */


.banner_content {
    left: 0;
    margin: auto;
    max-width: 842px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 65%; /* AQUI BAJO Y SUBO EL BOTON */
    z-index: 3;
    text-align: center; /* Centra el contenido horizontalmente */

}

.banner_content .custom_btn {
    margin-right: 0; /* Elimina el margen derecho para centrar el botón */
    display: inline-block; /* Asegura que el botón sea considerado un bloque en línea */
}



.banner_cover .owl-dots {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
.banner_cover .owl-dots .owl-dot {
    border: 2px solid #fff!important;
}


/* CAMBIAR ORILLA DEL PUNTOM O DOT ACTIVO DEL BANNER */
.banner_cover .owl-dots .owl-dot.active {
    border-color: #000000!important;
}



.drop_down_btn {
    color: #fff;
    position: relative;
    right: -2px;
    top: -2px;
}
.down_btn_icon {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: inline-block;
    height: 7px;
    margin: auto;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    width: 7px;
}
.photo_frame_box {
    display: inline-block;
    position: relative;
}
.photo_frame_box img {
    border: 6px dashed #ef0160;
    padding: 10px;
}
.photo_frame_box::after {
    border-bottom: 2px solid #ef0160;
    border-left: 2px solid #ef0160;
    bottom: 2px;
    content: "";
    display: block;
    height: 104%;
    left: 2px;
    position: absolute;
    width: 104%;
}
.photo_frame_box::before {
    border-right: 2px solid #ef0160;
    border-top: 2px solid #ef0160;
    content: "";
    display: block;
    height: 104%;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 104%;
}
.p-breadcrumb li span {
    font-size: 18px;
}
.p-packages .p-package_content ul.list_box {
    padding-left: 0;
}

.p-package_content .list_box li::after {
    border: 1px solid #ff0000;
    border-radius: 30px;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 8px;
}
.p-page_inner .gallery_box {
    margin: 0;
}
.p-blog_list_img img {
    border-radius: 4px;
    height: 370px;
    object-fit: cover;
    width: 100%;
}
.p-blog_list_img::after {
    background-color: rgba(236, 1, 96, 0.6);
    content: "";
    display: block;
    height: 100%;
    left: -97%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -ms-transition: ease all 0.3s;
}
.p-blogpage_list_single:hover .p-blog_list_img::after {
    left: 0;
}
/* .contact_form input,
.contact_form textarea,
.contact_form select {
    border: 1px solid #e6e6e6;
    display: block;
    margin-bottom: 18px;
    padding: 17px;
    resize: unset;
    width: 100%;
    border-radius: 3px;
}
.contact_form form {
    background-blend-mode: multiply;
    background-color: #ffaa00;
    background-image: url("../images/contact_img_02.jpg"); 
    border-radius: 5px;
    max-width: 470px;
    overflow: hidden;
    padding: 20px;
    position: relative;
}
.contact_form form::after {
    background-color: rgba(243, 166, 0, 0.929);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} */
.contact_page_cover {
    background-image: url("../images/contact_page_bg.jpg");
    background-repeat: no-repeat;
}
.header_cover .fixed_header .active > a {
    color: #ef0160;
    font-weight: 600;
}
.p-booth_carousel .owl-dots .owl-dots {
    border-color: #fff!important;
}
.p-booth_carousel .owl-dots .owl-dot.active {
    background-color: #fff!important;
    border-color: #fff!important;
}
.p-booth_carousel .owl-dots .owl-dot:last-child {
    margin-right: 0!important;
}
/* .quote_page_cover .contact_form form {
    margin: auto;
    max-width: 590px;
} */
.quote_page_cover .footer_form_outer {
    max-width: unset;
}
.testimonial_box {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    box-shadow: 0 0 9px -5px rgba(0, 0, 0, 0.5);
    margin-bottom: 50px;
    padding: 30px;
    position: relative;
}
.testimonial_box .name_box {
    color: #ef0160;
    font-size: 22px;
}
.testimonial_box .name_box::before {
    background-color: #d5d5d5;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 15px;
    width: 60px;
}
.grid::after {
    clear: both;
    content: "";
    display: block;
}
.grid-item {
    float: left;
    width: 50%;
    padding: 20px;
}
.testimonial_page_box_cover::after {
    border-left: 2px dashed #ef0160;
    content: "";
    display: block;
    height: 86%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 1px;
}
.testimonial_page_box_cover {
    position: relative;
}
.testimonial_box::after {
    color: #ef0160;
    content: "\f0c6";
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
    font-weight: 600;
    position: absolute;
    right: 21px;
    top: -29px;
    transform: rotate(128deg);
}
.testimonial_box::before {
    background-image: url("../images/v3/banner_01.jpg");
    background-color: #ef0160;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -4px;
    transform: rotate(3deg);
    width: 100%;
    z-index: -1;
    background-size: cover;
}
.testimonial_page_box_cover .grid-item:nth-child(2n) .testimonial_box::before {
    background-color: #ef0160;
    height: 90%;
    left: 6px;
    top: 25px;
    transform: rotate(2deg);
    width: 101%;
}
.testimonial_page_box_cover .grid-item:nth-child(3n) .testimonial_box::before {
    content: "";
    height: 86%;
    left: -6px;
    top: 25px;
    transform: rotate(-5deg);
    width: 98%;
}
.testimonial_page_box_cover .grid-item:nth-child(4n) .testimonial_box::before {
    content: "";
    height: 86%;
    left: -4px;
    top: 18px;
    transform: rotate(-2deg);
    width: 102%;
}
.props_carousel {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
    margin-top: -112px;
    padding: 44px 0;
    position: relative;
    z-index: 1;
}
.props_carousel #p-booth_list {
    margin: 0;
}
.props_carousel img {
    height: 120px;
    object-fit: scale-down;
}
.p-sidebar {
    position: relative;
}
.p-sidebar::after {
    color: #2d2d2d;
    content: "\f0c4";
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: -23px;
    transform: rotate(175deg);
    transition: all 0.3s ease 0s;
    z-index: 37;
}
.p-sidebar:hover::after {
    right: 66%;
}
.p-title_strip::before {
    color: #ef0160;
    content: "\f017";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 0;
}
.p-package_time {
    padding-left: 20px;
}
.deluxe_package_outer .p-title_strip::before {
    color: #cbcbcb;
}
.deluxe_package_outer .p-package_head .p-pack_head_text .p-package_money {
    color: #cbcbcb;
}
.deluxe_package_outer .p-package_title span {
    color: #cbcbcb;
}
.deluxe_package_outer .p-package_content .list_box li::after {
    border-color: #9b9b9b;
}
.deluxe_package_outer .p-package_content {
    border-bottom-color: #cbcbcb;
}
.gold_package_outer .p-title_strip::before {
    color: #efc75e;
}
.gold_package_outer .p-package_head .p-pack_head_text .p-package_money {
    color: #efc75e;
}
.gold_package_outer .p-package_title span {
    color: #efc75e;
}
.gold_package_outer .p-package_content .list_box li::after {
    border-color: #be962d;
}
.gold_package_outer .p-package_content {
    border-bottom-color: #efc75e;
}
.signature_package_outer .p-title_strip::before {
    color: #ef5e61;
}
.signature_package_outer .p-package_head .p-pack_head_text .p-package_money {
    color: #ef5e61;
}
.signature_package_outer .p-package_title span {
    color: #ef5e61;
}
.signature_package_outer .p-package_content .list_box li::after {
    border-color: #ef5e61;
}
.signature_package_outer .p-package_content {
    border-bottom-color: #ef5e61;
}
.p-package_head > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.p-package_outer {
    margin-top: 45px;
}
.gold_package_outer.p-package_outer {
    margin-top: 0;
}
.p-packages .gold_package_outer .p-package_content {
    min-height: 434px;
}
form hr {
    border-color: #fff;
}
.diff_box input {
    display: inline-block;
    margin-right: 5px;
    width: auto;
}
.diff_box span {
    color: #fff;
}
.quote_page_cover form label {
    color: #000000;
    display: block;
    font-size: 20px;
}
.diff_box {
    float: left;
    margin-right: 25px;
}
.diff_box_cover:after {
    content: "";
    display: block;
    clear: both;
}
/* .quote_page_cover .contact_form form {
    margin: auto;
    max-width: 660px;
} */
.diff_box {
    background-color: #000;
    border-right: 1px solid #484848;
    float: left;
    margin-right: 0;
    padding: 5px 10px;
    width: 33.3%;
}
.diff_box_cover .diff_box input {
    margin-bottom: 0;
}
.diff_box_cover .diff_box:last-child {
    border-right: 0;
}
.diff_box_cover {
    border-radius: 4px 5px 6px;
    overflow: hidden;
}
.offer_btn {
    background-color: #000;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
}
.offer_btn:hover {
    background-color: #ef0160;
    color: #fff;
}
.p-blog-snigle .p-blog_list_img::after {
    display: none;
}
.p-blog_list_detail h4 {
    color: #000;
    font-family: "Montserrat", "sans-serif";
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.p-section_title .sec_heading_box.no_line_heading {
    text-align: left;
}
.our_booth_cover {
    padding: 80px 0;
}
.diff_hr {
    border-color: #e2e2e2;
    margin: 0 auto;
    max-width: 1140px;
}
.our_booth_box_img img {
    display: block;
    height: 260px;
    margin: auto;
    object-fit: scale-down;
    padding: 20px;
    width: 100%;
}
.our_booth_box_text {
    margin-top: 45px;
    padding: 0 15px;
}
.our_booth_box::after {
    border-bottom: 1px solid #ef0160;
    content: "";
    display: block;
    margin: 50px 0;
}
.our_booth_box:last-child::after {
    display: none;
}
.our_booth_box::after {
    border-bottom: 2px dashed #ef0160;
    content: "";
    display: block;
    margin: 0 0 -2px;
}
.our_booth_box .row:after {
    content: "";
    display: block;
    clear: both;
}
.our_booth_box {
    position: relative;
}
.our_booth_box::before {
    border-right: 2px dashed #ef0160;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}
.our_booth_cover .sec_heading_box {
    margin-bottom: 50px;
}
.our_booth_box:nth-child(odd) .our_booth_box_text {
    padding: 0 0;
}
.header_cover .main_header .submenu_box .active > a {
    color: #ef0160;
    border-color: #ef0160;
}
.footer_box_outer .drop_down_btn {
    display: none;
}
.p-our_booth_text p:last-child {
    margin-bottom: 0;
}
.quote_page_cover .p-content_section.p-contact {
    padding-bottom: 80px;
}
.p-blogpage_list_single:last-child {
    margin-bottom: 0;
}
.contact_page_cover .p-content_section {
    padding-bottom: 95px;
}
/*--------------------------------------------------*/
/*18 Extra End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*19 Responsive*/
/*--------------------------------------------------*/
@media (max-width: 1179px) {
    .p-side_single {
        padding: 15px;
    }
    .p-packages .p-single_package {
        max-width: 420px;
    }
    .p-packages .p-package_head .p-pack_head_text > img {
        height: auto;
        margin-left: 10px;
        margin-top: 10px;
        max-width: 50px;
    }
}
@media (max-width: 1170px) {
    .p-booth_list .p-single_booth {
        padding-left: 10px;
        padding-right: 10px;
    }
    .p-booth_list .p-single_booth {
        margin: 0 15px;
    }
}
@media (max-width: 1169px) {
    .p-footer .p-links li {
        width: 100%;
    }
    .p-gallery_list > div .p-gallery_info {
        line-height: 150px;
    }
    .p-box_fun .p-fun_text {
        top: 80px;
    }
    .p-header_nav nav ul li {
        margin-left: 20px;
    }
    .bx-controls.bx-has-pager {
        width: 96%;
    }
    .blog_box_cover .owl-nav button span {
        display: inline-block;
        position: relative;
        top: -7px;
    }
    .blog_box_cover .owl-nav button {
        background-color: rgba(0, 0, 0, 0.5)!important;
        display: block;
        height: 40px;
        width: 30px;
        border-radius: 3px;
    }
    .blog_box_cover .owl-nav {
        width: 78%;
    }
    .blog_box_cover .owl-nav button span {
        color: #fff;
    }
    .blog_box_cover .owl-nav button span {
        border-color: #fff;
    }
    .blog_box_cover .owl-nav button:hover span {
        border-color: #fff;
    }
    .blog_box_cover .owl-carousel .owl-nav button.owl-next {
        padding-right: 7px !important;
    }
    .blog_box_cover .owl-carousel .owl-nav button.owl-prev {
        padding-left: 7px !important;
    }
}

@media screen and (max-width: 900px) {
    .about_carousel_box {
        float: unset;
    }
    .about_carousel_box img {
        height: 335px;
    }
    .gallery_box_btn {
        margin-top: 0;
    }
    .gallery_box_cover .sm_heading {
        display: block;
        font-size: 20px;
        margin-bottom: 15px;
        text-align: center;
    }
    .gallery_box_cover .gallery_cont {
        background-size: 250px auto;
    }
    .gallery_box {
        margin-bottom: 20px;
    }
    .booth_mid .camera_stand_img {
        display: none;
    }
    .navbar_icon::before {
        display: none;
    }
    .ourbooth_box_cover .sec_heading_box {
        /* margin-bottom: 35px; */
    }
    .blog_box_cover .sec_heading_box {
        margin-bottom: 0;
    }
    .testimonial_car_outer {
        padding-bottom: 40px;
    }
}
@media (max-width: 1023px) {
    .p-our_booth > .container .p-why_choose .p-about_img {
        padding-left: 20px;
    }
    .p-our_booth > .container .p-pera_text {
        padding-right: 20px;
    }
    .p-blog_list_single > div {
        margin: auto;
        max-width: 276px;
    }
    .p-blog_list_single > div.p-blog_detail {
        margin-bottom: 25px;
    }
    .p-blog_list_single::after,
    .p-blog_list_single::before {
        display: none;
    }
    .p-footer .row > div {
        min-height: 240px;
    }
    .p-footer .p-links li {
        width: 48%;
    }
    .p-footer .row > div {
        min-height: auto;
        margin-bottom: 50px;
    }
    .p-packages .p-single_package {
        max-width: 400px;
    }
    .p-packages .p-package_title {
        padding-left: 15px;
        padding-right: 15px;
    }
    .p-header_nav nav ul li {
        margin-left: 10px;
    }
    .p-header_nav nav ul li a {
        font-size: 11px;
    }
    .p-services > div {
        padding: 20px;
    }
    .p-packages .p-package_title span {
        font-size: 20px;
    }
    .p-package_head > img {
        height: 165px;
        object-fit: cover;
        width: 100%;
    }
    .p-packages .p-package_head .p-pack_head_text .p-package_money {
        display: block;
        float: none;
        padding-left: 20px;
    }
    .p-package_outer {
        margin-top: 0;
    }
    .header_cover .main_header li a {
        font-size: 13px;
    }
}
@media screen and (max-width: 992px) {
    .header_cover {
        background-color: #000;
        position: static;
    }
    .main_nav_line::before,
    .main_nav_line::after {
        display: none;
    }
    .main_nav_line:hover {
        padding: 0;
    }
    .upper_header_cover {
        border-bottom: 1px solid #1d1d1d;
        margin-bottom: 0;
        padding: 6px 15px;
    }
    .upper_header {
        padding-top: 0;
    }
    .navbar-brand {
        max-width: 90px;
    }


    /* CAMBIAR COLOR DE EL BORDE PARA DESPLEGAR MENU EN MOBILE */
    .header_cover button {
        border: 1px solid #FFAA00!important;
        border-radius: 5px;
        padding: 12px 9px;
    }




    .header_cover button .navbar-toggler-icon {
        color: #ef0160!important;
    }

    /* CAMBIAR COLOR DE LAS LINEAS PARA DESPLEGAR MENU EN MOBILE */
    .header_cover button span {
        background-color: #fFAA00;
        border-radius: 5px;
        display: block;
        height: 2px;
        margin-bottom: 5px;
        width: 25px;
    }



    .header_cover button span:last-child {
        margin-bottom: 0;
    }
    .header_cover .main_header li {
        /* margin-left: 0; */
    }
    .main_nav_line {
        background-color: transparent;
    }
    .main_nav_line .main_header {
        margin-top: 15px;
    }
    .main_nav_line .main_header {} .main_header li a {
        border-bottom: 1px solid #090909;
        display: block;
        padding: 10px 0;
    }
    .header_cover .main_header li a.active {
        border: 1px solid #ef0160;
        border-radius: 3px;
        color: #ef0160;
        padding: 10px 18px;
    }
    .main_header li:last-child a {
        border-bottom: 0;
    }
    
    .header_cover > .navbar {
        padding: 5px 15px;
    }
    .banner_item h2 {
        font-size: 48px;
    }
    .banner_content {
        text-align: center; /* Esto centra el botón */
    }
    
    .banner_content .custom_btn {
        float: none; /* Asegúrate de que el float esté desactivado */
        /* margin: 6px 0 0; */
        /* margin-top: 100px; AQUI BAJO Y SUBO EL BOTON */
        display: inline-block; /* Asegúrate de que el botón se comporte como un elemento en línea-bloque */
    }
    
    .banner_content {
        top: 60%;
    }
    .submenu_box .submenu_box_inner {
        left: 0;
        position: static;
        top: 100%;
    }
    .submenu_box > ul li a {
        background-color: #0a0a0a;
        border-bottom: 1px solid #000;
        display: block;
        padding: 10px 15px;
        width: auto;
    }
    .drop_down_btn {
        background-color: #ef0160;
        border-radius: 3px;
        color: #fff;
        height: 30px;
        padding-top: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 5px;
        width: 30px;
        cursor: pointer;
    }
    .submenu_box_inner {
        display: none;
        height: auto;
        opacity: 1;
        overflow: visible;
        width: auto;
    }
    .p-about_img {
        margin-top: 15px;
    }
    .header_cover .main_header .active > a,
    .header_cover .main_header .active .down_btn_icon {
        color: #ef0160;
    }
    .p-inner_head {
        padding-top: 0;
    }
    .p-breadcrumb {
        float: none;
        text-align: center;
    }
    .header_cover .main_header > li:hover > a {
        color: #fff;
    }
    .about_box_cover {
        padding: 95px 0 60px;
        overflow: hidden;
        margin-top: -70px;
    }
    /* .p-page_inner {
        padding-top: 45px;
    } */
    .p-box_fun,
    .p-why_choose {
        margin-bottom: 50px;
    }
    .testimonial_page_cover .p-content_section {
        padding-bottom: 0px;
    }
    .p-masonry.p-content_section {
        padding-bottom: 35px;
    }
    .p-blog.p-content_section {
        padding-bottom: 45px;
    }
    .contact_page_cover .p-content_section {
        padding-bottom: 35px;
    }
    .navbar-brand {
        max-width: 145px;
    }
    .header_cover .main_header > .active > a {
        background-color: #ef0160;
        color: #fff;
        padding: 10px 13px;
        border-radius: 3px;
    }
    /*res 991*/
}
@media (min-width: 768px) {
    .p-header_nav nav {
        display: block !important;
    }
}
@media screen and (max-width: 766px) {
    /* ESPACIO ENTRE EL MENU Y EL CONTENIDO  EN DESKTOP*/
    .about_box_cover {
        /* padding: 50px 0 85px; */
        /* padding: 30px 0 35px; */
    }
    .about_box_cover .sec_heading_box {
        text-align: left;
    }
    .sec_heading_box {
        font-size: 29px;
        /* font-size: 40px; */
        margin-bottom: 11px;
    }
    .about_box_cover p {
        font-size: 15px;
    }
    .sm_heading {
        font-size: 22px;
    }
    .about_box_cover .sm_heading {
        margin-top: 15px;
    }
    .list_box li {
        font-size: 16px;
    }
    .about_carousel_box {
        float: none;
        margin-right: 0;
        margin-top: 40px;
    }
    .about_carousel_box img {
        height: 400px;
    }
    .about_carousel_box .owl-nav {
        background-color: #000;
        border-radius: 4px;
        bottom: 0;
        display: inline-block;
        height: 88px;
        left: 26px;
        margin: auto;
        padding: 14px 12px;
        position: absolute;
        right: unset;
        top: 101%;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    .about_box_text {
        max-width: unset;
    }
    .gallery_box img {
        height: 220px;
    }
    .gallery_box .item {
        width: 50%;
    }
    .gallery_box img {
        height: 260px;
        width: 100%;
    }
    .ourbooth_box_cover .sec_heading_box {
        margin-bottom: 30px;
    }
    .sec_heading_box::before {
        height: 38px;
        margin: 0 auto 15px;
    }
    .footer_form_cover {
        position: static;
        width: auto;
        margin: 0 -15px 38px;
    }
    .footer_form_outer {
        max-width: unset;
    }
    .footer_form_cover .two_fields input {
        width: calc(52.3% - 30px);
    }
    .footer_form_cover .two_fields input {
        float: none;
        width: 100%;
    }
    .footer_box_cover {
        padding-top: 0;
    }




 
  
  








    /* OTRO ESPACIO EN FORMULARIO */
    /* .footer_form_cover form {
        padding: 30px 15px 38px;
    } */
    .footer_form_cover form {
        padding: 10px 10px 10px;
    }

    .testimonial_car_box {
        padding: 22px 18px 84px;
    }
    .testimonial_car_outer {
        padding-bottom: 26px;
    }
    #blog_owl_id {
        left: 0;
        right: 0;
        width: auto;
    }
    .blog_box_cover {
        padding-right: 15px;
        padding-left: 15px;
    }
    .blog_box_cover .sec_heading_box {
        margin-bottom: 0;
    }
    .ourbooth_box_cover .booth_mid {
        /* NO MUESTRA EL VIDEO EN MOBILE SI LO DESCOMENTO */
        /* display: none; */
    }
    .ourbooth_box_outer .booth_item {
        float: none;
        margin: 20px auto 50px;
        position: relative;
        max-width: 358px;
        width: 100%;
    }
    .ourbooth_box_outer h3::after {
        margin: 22px auto 34px;
    }
    .ourbooth_box_outer h3 {
        text-align: center;
    }
    .ourbooth_box_outer .booth_right h3 {
        text-align: center;
    }
    .ourbooth_box_text_cover {
        padding: 0 0 50px;
        text-align: center;
    }
    .ourbooth_contact li {
        background-color: #fff;
        display: block;
        font-size: 18px;
        margin: 0 auto 13px;
        padding: 10px 0 10px 65px;
        position: relative;
        text-align: left;
        max-width: 500px;
        width: 100%;
    }
    .ourbooth_contact li i {
        background-color: #ef0160;
        border-radius: 3px;
        color: #fff;
        height: 100%;
        left: 0;
        padding-top: 13px;
        position: absolute;
        text-align: center;
        top: 0;
        vertical-align: sub;
        width: 45px;
    }
    .ourbooth_contact h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .about_box_cover p {
        text-align: left;
    }
    .blog_box_cover .blog_box_item img {
        filter: none;
    }
    .blog_box_cover .owl-nav {
        width: 92%;
    }
    .ourbooth_contact li i.fa-envelope {
        top: 0;
    }


    /* HACE QUE EL TITULO DEL BANNER NO SE MUESTRE EN MOBILE */
    /* .banner_content {
        display: none;
    } */



    .header_social_box::before {
        background-color: #353535;
    }
    .p-inner_head {
        padding-top: 0;
    }
    .contact_page_cover {
        background-image: unset;
    }
    .p-breadcrumb {
        float: none;
        text-align: center;
    }
    /* .p-section_head h2 {
        font-size: 23px;
        height: 69px;
        padding-top: 5px;
    }
    .p-page_inner .p-section_head h2 {
        margin-bottom: 35px;
    } */
    /* .contact_form form {
        margin-left: auto;
        margin-right: auto;
    } */
    .footer_box_outer {
        padding-top: 0;
    }
    .p-content_section {
        padding-bottom: 50px;
    }
    /* .p-page_inner {
        padding-top: 50px;
    } */
    .p-no_result_content .p-page_inner {
        padding: 50px 15px;
    }
    .p-side_single {
        margin-right: auto;
    }
    .p-blogpage_list_single {
        margin-left: auto;
        margin-right: auto;
        max-width: 550px;
    }
    .p-booth_list {
        margin: 0;
    }
    .p-about_img {
        margin-top: 15px;
    }
    .grid-item {
        float: none;
        width: 100%;
    }
    .testimonial_page_box_cover::after {
        display: none;
    }
    .grid-item {
        padding: 0;
    }
    .diff_box {
        border-radius: 0;
        border-bottom: 1px solid #484848;
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .diff_box:last-child {
        border-bottom: 0;
    }
    .p-package_outer {
        margin-bottom: 45px;
        margin-top: 0;
    }
    .p-blog_list_img img {
        height: auto;
    }
    .p-page_title .p-breadcrumb {
        float: none;
    }
    .p-sidebar::after {
        display: none;
    }
    .our_booth_box::before {
        display: none;
    }
    .our_booth_box::after {
        display: none;
    }
    .our_booth_cover .our_booth_box {
        padding: 30px 15px;
        text-align: center;
    }
    .our_booth_cover .our_booth_box .our_booth_box_text {
        margin-top: 0
    }
    .our_booth_cover .our_booth_box:nth-child(even) {
        background-color: #f6f6f6;
    }
    .our_booth_cover .our_booth_box:nth-child(odd) {
        background-color: #ececec;
    }
    .our_booth_cover .sec_heading_box {
        margin-bottom: 30px;
    }
    #p-why_choose .p-page_inner {
        padding-top: 0;
    }
    #p-why_choose .p-why_choose {
        margin-bottom: 0;
    }
    .photo_frame_box {
        margin-bottom: 14px;
    }
    #p-why_choose {
        padding: 30px 0;
    }
    .our_booth_cover {
        padding: 40px 0 0;
    }
    .our_booth_box .our_booth_box_text p {
        margin-bottom: 0;
    }
    .grid .grid-item:last-child .testimonial_box {
        margin-bottom: 0;
    }
    .p-side_single {
        max-width: 330px;
    }
    .p-page_inner .p-content_section .p-packages .p-package_outer:last-child {
        margin-bottom: 0;
    }
    .gallery_box_cover .gallery_cont {
        background-image: unset;
    }
    .gallery_box_cover .container {
        padding-bottom: 50px;
    }
    .diff_hr {
        margin: 18px auto;
    }
    .props_box_cover .sec_heading_box.white_head {
        margin-bottom: 30px;
    }
    .p-our_booth_text p:last-child {
        margin-bottom: 20px;
    }
    .contact_page_cover .p-content_section {
        padding-bottom: 15px;
    }
    .p-blogpage_list_single:last-child {
        margin-bottom: 40px;
    }
    .p-page_inner .p-packages .p-single_package {
        margin-bottom: 0;
    }
    .testimonial_page_cover .p-content_section {
        padding-bottom: 50px;
    }
    /* .contact_page_cover .contact_form form {
        max-width: 100%;
    } */
    /*res 767*/
}
@media (max-width: 766px) {
    .p-packages .p-single_package {
        margin-left: auto;
        margin-right: auto;
    }
    .p-blog_list_detail,
    .p-blog_list_img {
        width: 100%;
        margin: auto;
    }
    .p-blog_list_detail {
        margin-top: 15px;
    }


    



    /* ELIMINARLA EN MOBILE PARA QUE NO APAREZCA ESE ESPACIO NEGRO ABAJO DEL MENU */
    .p-inner_head .p-page_title {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-top: 0; /* Elimina el padding superior en móviles */
        padding-bottom: 0; /* Elimina el padding inferior en móviles */
    }

    
    





    .p-inner_head .p-page_title h1 {
        width: 100%;
    }
    .p-contact_info {
        margin-top: 50px;
    }
    .p-breadcrumb {
        float: left;
    }
    .p-masonry .row {
        margin: auto;
    }
    .p-testimonial_single {
        padding: 20px;
    }
    .p-testimonial_single .p-testimonial_text {
        padding-left: 0;
    }
    .p-testimonial_single .p-testimonial_text img {
        position: static;
    }
    .p-gallery_list > div {
        width: 50%;
    }
    .p-box_fun .p-fun_text {
        top: auto;
        bottom: 0;
        padding: 5px 0;
    }
    .p-box_fun .p-fun_text span {
        font-size: 16px;
    }
    .p-our_booth::before,
    .p-our_booth::after {
        width: 100%;
    }
    .p-our_booth .p-about_img {
        display: block;
        margin-top: 50px;
    }
    .p-our_booth .p-about_img * {
        color: #fff;
    }
    .p-services {
        margin-left: auto;
        margin-right: auto;
    }
    .p-logo {
        text-align: center;
    }
    .p-logo a {
        display: inline-block;
    }
    .p-header_info {
        margin-bottom: 10px;
        text-align: center;
    }
    .p-header_top .p-header_social {
        text-align: center;
    }
    .p-slider_content {
        bottom: 0;
    }
    .p-slider_content .p-slider_text {
        padding: 10px;
    }
    .p-slider_content .p-slider_text h2 {
        font-size: 16px;
        line-height: 18px;
    }
    .bx-controls.bx-has-pager .bx-pager {
        bottom: auto;
        text-align: center;
        padding-top: 0;
        position: relative;
    }
    .p-header_nav .row {
        position: relative;
    }
    .p-nav_icon {
        border: 1px solid;
        display: block;
        height: 40px;
        left: 20px;
        line-height: 45px;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 10px;
        width: 40px;
    }
    .p-nav_icon i {
        font-size: 26px;
        color: #000;
        cursor: pointer;
    }
    .p-nav_icon i:hover {
        color: #ef0160;
    }
    .p-nav_icon.p-icon_toggle .fa-times {
        display: inline-block;
    }
    .p-nav_icon.p-icon_toggle .fa-bars,
    .p-nav_icon .fa-times {
        display: none;
    }
    .p-header_nav nav {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .p-header_nav nav ul {
        width: 100%;
        float: none;
        background: #000;
    }
    .p-header_nav nav ul li {
        display: block;
        padding: 0px 0;
        margin: auto;
        border-bottom: 1px solid #323232;
    }
    .p-header_nav nav ul li a {
        color: #fff;
        padding: 10px 10px;
        font-size: 13px;
    }
    .p-header_nav nav > ul > li ul {
        position: static;
        display: block;
        max-width: 100%;
        background: #1f1f1f;
    }
    .p-header_nav nav > ul > li ul li {
        padding: 0px 5px;
        border-bottom: 1px solid #323232;
    }
}
@media (max-width: 639px) {
    .p-services {
        margin-left: auto;
        margin-right: auto;
    }
    .p-services > div {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .gallery_box .item {
        width: 100%;
    }
    .gallery_box img {
        height: auto;
    }
    .about_carousel_box::before,
    .about_carousel_box::after {
        /* display: none; */
    }
}
@media (max-width: 480px) {
    .p-masonry .p-masonry_outer > div {
        width: 100%;
        max-width: 290px;
        margin: auto auto 15px;
        left: 0;
        right: 0;
    }
    .p-portfolio_typs li span {
        font-size: 10px;
        margin: 0 8px;
    }
}
@media (max-width: 479px) {
    .p-packages .p-package_content {
        padding: 10px 10px 55px;
    }
    .p-packages .p-package_content ul li {
        font-size: 15px;
    }
    .p-packages .p-package_title::after {
        display: none;
    }
    .p-packages .p-package_title {
        margin-top: 0;
        right: 0;
    }
    .p-packages .p-package_title span {
        font-size: 22px;
    }
    .p-packages .p-single_package {
        margin-bottom: 40px;
    }
}






/* Contenedor específico para la sección */
.section-background {
    background-color: #000; /* Fondo negro */
    overflow: hidden; /* Evitar scroll en la animación */
    padding: 20px; /* Espacio alrededor de la sección */
}

/* Animación de fondo */
@keyframes backgroundMovement {
    0% { background-position: 0% 0%; }
    50% { background-position: 50% 50%; }
    100% { background-position: 0% 0%; }
}

.container-info-divs {
    display: flex;
    gap: 20px; /* Espacio más amplio entre tarjetas */
    justify-content: center;
    /* margin: 40px 0; */
    width: 100%; /* Ocupa todo el ancho */
    animation: fadeIn 0.5s ease-in-out;
    background: linear-gradient(135deg, rgba(255, 170, 0, 0.2), rgba(255, 170, 0, 0.1)); /* Degradado sutil */
    padding: 20px;
    border-radius: 15px; /* Bordes redondeados */
    box-shadow: 0 0 30px rgba(247, 29, 0, 0.5); /* Sombra más intensa */
    position: relative; /* Para el fondo animado */
    overflow: hidden; /* Para que el fondo animado no sobresalga */
    animation: backgroundMovement 1s linear infinite; /* Fondo animado */
}

/* Estilo de fondo animado SI COLOCO LOS SEGUNDOS EN 0 SE ELIMINA LA ANIMACION*/
.container-info-divs::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(135deg, rgba(255, 170, 0, 0.2), rgba(255, 170, 0, 0.1)); /* Fondo más animado */
    animation: rotateBg 100s linear infinite; /* Animación de rotación del fondo */
    z-index: 0; /* Colocar detrás del contenido */
}

/* Animación de rotación del fondo */
@keyframes rotateBg {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Efecto de pulso */
@keyframes pulse {
    0%, 100% {
        transform: scale(1.02);
    }
    50% {
        transform: scale(1.03);
    }
}

.card {
    border-radius: 15px; /* Bordes más redondeados */
    padding: 20px; /* Padding más ajustado */
    width: 350px; /* Ancho de las tarjetas */
    background: linear-gradient(135deg, #222, #444); /* Fondo oscuro para las tarjetas */
    color: #fff; /* Color de texto blanco */
    box-shadow: 0 8px 16px rgba(255, 170, 0, 0.5); /* Sombra más intensa */
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden; /* Para que los elementos de fondo no salgan de la tarjeta */
    animation: pulse 3s infinite; /* Aplicar el efecto de pulso */
}

.card:hover {
    transform: translateY(-8px) scale(1.05); /* Efecto de elevación más pronunciado */
    box-shadow: 0 12px 24px rgba(255, 170, 0, 0.7); /* Sombra más intensa */
}

.card h2 {
    color: #ffaa00; /* Títulos en amarillo */
    margin-bottom: 10px;
    font-size: 1.5em; /* Tamaño de fuente más grande */
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    position: relative; /* Asegura que el texto esté delante del fondo animado */
    z-index: 1; /* Colocar delante del pseudo-elemento */
}

.card h2 i {
    margin-right: 8px;
    font-size: 1.6em; /* Tamaño del ícono ajustado */
    transition: transform 0.3s;
}

.card:hover h2 i {
    transform: rotate(360deg);
}

.card ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    z-index: 1; /* Asegurar que la lista esté delante del fondo animado */
}

.card li {
    padding: 6px 10px;
    font-weight: normal;
    display: flex;
    align-items: center;
    margin-right: 10px;
    transition: transform 0.2s;
    color: white;
}

.card li:hover {
    transform: scale(1.1); /* Efecto de escalado más pronunciado al pasar el ratón */
}

.card li i {
    margin-right: 6px;
    color: #ffaa00; /* Color vibrante del ícono */
    font-size: 1.4em; /* Tamaño del ícono ajustado */
    transition: color 0.3s;
}

.card li:hover i {
    color: #ff4500; /* Cambio de color del ícono al pasar el ratón */
}

/* Estilos para móviles */
@media (max-width: 766px) {
    .container-info-divs {
        display: none; /* Ocultar tarjetas en pantallas pequeñas */
    }

    .swiper-container {
        display: block; /* Mostrar el carrusel en pantallas pequeñas */
        width: 100%; /* Asegurar que ocupe el 100% */
    }

    .card {
        width: 100%; /* Ancho de las tarjetas en móviles */
       /* margin: 0 auto;  Centrar las tarjetas en el contenedor */
       /* margin-top: -30px; */
       height: 340px; /* AQUI DOY UN ALTO SETEADO YA QUE SI NO SE LO DOY Y UN DIV TIENE MAS CONTENIDO SE MIRA DESPROPORCIONADO A LOS DEMAS */
    }
}

.card li.star-icon {
    display: flex;
    align-items: flex-start;
}

.card li.star-icon i {
    margin-bottom: 4px;
    font-size: 1.4em; /* Tamaño adecuado para el ícono */
}











/* SOMBREADO NEGRO EN EL TEXTO DE LOS PAQUETES  */
.overlay-text {
    color: #ffaa00; /* Color del texto */
    
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

.overlay-text i {
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
    margin-right: 5px; /* Espaciado entre ícono y texto */
}



.video-title {
    color: #ffaa00; /* Color del texto */
    
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

.overlay-text i {
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
    margin-right: 5px; /* Espaciado entre ícono y texto */
}


.overlay-text {
    color: #ffaa00; /* Color del texto */
    
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

.overlay-text i {
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
    margin-right: 5px; /* Espaciado entre ícono y texto */
}



.ourbooth_box_outer h3 {
    color: #ffaa00; /* Color del texto */
    
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
}

.overlay-text i {
    text-shadow: 
        2px 1px 0 #ffffff,  /* Sombra a la derecha y abajo */
        -1px -1px 0 #ffffff, /* Sombra a la izquierda y arriba */
        1px -1px 0 #ffffff,  /* Sombra a la derecha y arriba */
        -1px 1px 0 #ffffff;  /* Sombra a la izquierda y abajo */
    margin-right: 5px; /* Espaciado entre ícono y texto */
}


/*Estilos generales del boton whatsapp*/
.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    animation: breathe 2s ease-in-out infinite;
  }
  
  /*Estilos solo al icono whatsapp*/
  .whatsapp-btn i {
    color: #fff;
    font-size: 24px;
    animation: beat 2s ease-in-out infinite;
    text-decoration: none;
  }
  
  /*Estilos con animation contorno respirando*/
  @keyframes breathe {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }
  
  /*Estilos de animacion del icono latiendo*/
  @keyframes beat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }