/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/*Menu changes*/



.S5_submenu_item a {
    display:block;
    text-transform: initial !important;
    }
    

    #s5_menu_inner {
        /*display: inline-block;*/
        margin-left: auto;
        margin-right: auto;
        float: right !important;
        padding-right: 50px;
    }
/*Custom Modules*/
    #s5_pos_top_1 {
        position: relative;
        height: 40px;
        background: #fff !important;
        width: 100%;
      

    }

    @media screen and (max-width: 750px){
        #s5_pos_top_1 {
            display: none;
        }
    }

/* Text Styles*/
.highlight1_color{
    font-weight: 500;
    font-size: 1.6em;
}

.cfont-h1-1{
    color: #fff;
}
.cfont-h2-1{
    color: #09CBE8;
}
.al{
    text-align: left !important;
}
.ar{
    text-align: right !important;
}
/* social icojs */ 

.social_icon {
    background: #09CBE8;
    border-radius: 50%;
}
.galicon{
    color: #3C60A3;
    background: none;
    font-size: 32px;
}
.top_info{
    margin-top: 5px;
}

/*-columns contents-*/

.wd-10{width: 10%; padding-bottom: 5px}
.wd-20{width: 20%; padding-bottom: 5px}
.wd-30{width: 30%; padding-bottom: 5px}
.wd-40{width: 40%; padding-bottom: 5px}
.wd-50{width: 50%; padding-bottom: 5px}
.wd-60{width: 60%; padding-bottom: 5px}
.wd-70{width: 70%; padding-bottom: 5px}
.wd-80{width: 80%; padding-bottom: 5px}
.wd-90{width: 90%; padding-bottom: 5px}
.wd-100{width: 100%; padding-bottom: 5px}
.wd-33{width: 33%; padding-bottom: 5px}
.wd-25{width: 25%; padding-bottom: 5px}
.wd-5{width: 10%; padding-bottom: 5px}
.fl{ float: left;}
.fr{float: right;}



@media screen and (max-width:750px){.wd-5,.wd10,.wd-20,.wd-30,.wd-40,.wd-50,.wd-60,.wd-70,.wd-80,.wd-90,.wd-100,.wd-33,.wd-25{width:auto;float:none}}

/* images */
.galimg-1{
    height: 300px !important;
    width: 100%;
    object-fit:cover;
}

.frmobile{
    max-width:100%x !important;
   
}
.gmapa{
    display: none;
}
@media screen and (max-width: 970px){
.jdGallery .slideInfoZone {
    top:50% !important;
    }

    .frmobile{
        max-width: 100% !important;
        display: block;
    }
    .gmapa{
        display: none;
    }
    
}

.s5_masonwrapinner{
    background: #fff !important;
} 

.s5_masonwrapinner .about_bottom_item1 h3{
    display: none;
}
.s5_masonwrapinner .about_wrapper h3{
    display: none;
}
.s5_masonwrapinner .about_bottom h5{
    color: #fff;
}
.s5_masonwrapinner .about_bottom th{
    color: #000;
}

.s5_no_custom_bg{
    background: #F3F3F3 !important;
}




.MultiBoxTitle{
z-index:-100 !important;
font-size: 0.5em !important;
line-height: 1.2;
}


.s5_masonwrapinner .about_bottom h5 {
    color: #333;
}