/**css config for holycross*/
/**font face @importation*/
@font-face {
    font-family: 'Montez-Regular';
    src: url("../font/Montez-Regular.ttf");
}
@font-face {
    font-family: 'Lestat'; 
    src: url("../font/Lestat.ttf"); 
}
@font-face {
    font-family: 'BLKCHCRY'; 
    src: url("../font/BLKCHCRY.ttf");
}
/**font importation*/
html, body {  
    background: url("../img/bg/happy_laundry.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 15px!important;
}
/** Logo style */
.row{
    max-width: 100%;   
}
/**row configuration*/
.contain-to-grid, .top-bar{
    background: #003466!important;
}
/**topbar color*/
.top-bar-section .dropdown li.title h5 a{
    background: grey;  
    font-family: 'Lestat'; 
}
/**Mobile top bar back design*/
.top-bar-section ul li {
    background: transparent;
    padding-left: 4px;
}
/**Navigation li*/
.top-bar-section ul li > a{
    font-family: cursive;
    font-size: 14px;
    background: #353275!important;
    color: aliceblue;
    position: relative;
    z-index: 5;
    box-shadow: 0px 2px 2px black;
}
/**Navigation /color:#C3B8D4/ link /#655382/text*/
.top-bar-section ul .logo img{
    box-shadow: 0px 2px 4px black!important;
    position: absolute;
    float: left;
    padding: 10px;
    z-index: 10;
}
/**Navigation logo image*/
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){
    font-size: 12px;
    background: #333!important;
}
/*Navigation dropdown /#655382/menu text*/
.footer .content{
    text-align: center;
}
/**footer content style*/
.footer .content ul{
    position: relative;
    display: inline-block;
}
/**footer unordered style*/
.footer .content ul li{
    color: white;
    padding-left: 20px;
    display: inline-block;
}
/**footer list style*/
.footer .content ul li a{
    color: white;
}
/**footer list style*/
.builder h6{
    color: lightcyan;
    font-family: cursive;
    text-align: center;
    font-size: 12px;
}
/**footer span*/
.wrapper{
    background: white;
    box-shadow: -100px 0px 100px -90px #000, 100px 0px 100px -90px #000;
    padding-bottom: 20px;
}
/**body container*/
.th{
    width: 100%!important;
}
/**Thumbnail config*/
.large{
    position: relative;
    z-index: 0;
}
/**background image holder*/
.large img{
    width: 100%;
    height: 428px;
}
/**background image*/
.image img{
    border: 4px solid white;
    width: 100%;
    height: 224px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
/**background image*/
.image-2 img{
    border: 4px solid white;
    width: 100%;
    height: 213px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
/**background image2*/
.intro p{
    font-family: 'BLKCHCRY';
    text-align: justify;
    padding: 0px 30px;
    border-bottom: 1px solid gainsboro;
}
/**intro para*/
.intro ul{
    padding: 0px 30px!important;
}
/**intro ul*/
.intro ul li strong{
    font-family: 'arial Black';
    color: green;
}
/**intro ul li strong*/
.intro .th img{
    width: 100%!important;
    height: 235px;
}
/**intro image*/
.home .carousel {
    margin-top: 0px; 
    width: 100%;
    height: 474px!important;
}
/**Carousel Container*/
.home .carousel img{
    width: 100%;
    height: 466px;
}
/**carousel image*/
.home .panel h6{
    font-family: 'lestat';
    font-size: 13px;
    color: green;
}
/**Home Panel*/
.home .panel p{
    font-family: 'Montez-Regular';
    font-size: 18px;
    text-align: justify;
}
/**home Panel para*/
.home .intro .thumbnail-one{
    margin-top: -59px;
}
/**home intro first image*/
.about .list li{
    font-family: 'BLKCHCRY';
    text-align: justify;
    color: #003466;
}
/**about page intro para*/
.about .intro .th img{
    width: 100%!important;
    height: 370px;
}
/**about intro image*/
.contact .intro .info h6, .contact .info, .contact p, .contact .info form{
    text-align: left;
    padding: 0px 30px;
    font-family: 'calibri';
}
/**contact intro para*/
.contact .contact-personel img{
    width: 100%;
    height: 400px;
}
/**contact image*/
@media only screen and (max-width: 40.063em){
    .home .th{
        margin-top: 0px;
        position: relative;
    }
    /**background image*/
    .home .image img{
        margin-top:0px;
    }
    /**background image*/
    .intro p{
        padding: 0px;
    }
    /**intro para*/
    .intro ul{
    padding: 0px!important;
    }
    /**intro ul*/
}
/**mobile screen*/