@charset "utf-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic,400italic);

/* CSS Document */

/*ffffffffff zone*/

#block3Element1 h3 {font-family: cursive !important;
    font-size: 30px;
}

body {
    
    font-family: Roboto;
    
}

#block2 img.img-responsive {
    
    display: inline !important;
    
}

.imagespaceright {
    
    margin: 10px 0px 10px 15px;
    
}

.imagespaceleft {
    
    margin: 10px 15px 10px 0px;
    
}

.braid {
    
    border-radius: 2px;
}

.missionstate {
    
    padding: 20px 25px 10px;
    margin: 10px 20px 0px;
    background-color: #f8f8f8;
    
}

.galleryHolder2 .img-responsive {
    
    display: inline !important;
    height: 49% !important;
    
}

#block3 i.fa.fa-angle-double-right {
    
    color: #f8f8f8 !important;
    
}

#reviewsidebar {
    
    background-color: #F8F8F8;
    border-style: inset;
    
}

.openwrap {
    
    /*background-color: rgba(0, 55, 114, 0.83);*/
    padding: 20px 15px 35px;
    
}

.peaceofmind {
    
    font-size: 20px;
    font-weight: 100;
    
}

.ultick>li:before {
    font-family: 'FontAwesome';
    content: '\f046';
    margin: 0 5px 0 0px;
    color: #ed3a34 !important;
}

ul li {
    
    margin-left: 5px !important;
    
}

/*FONT WEIGHTS*/

.fw_200 {font-weight: 200 !important;}
.fw_400 {font-weight: 400 !important;}
.fw_600 {font-weight: 600 !important;}

/*THEME COLOURS*/

.p_colour {color: #D53B33 !important;}
.s_colour {color: #2C2C2C !important;}
.t_colour {color: #f8f8f8 !important;}

/*CLASS COLS*/

.colour_white {
    
    color: #fff !important;
    
}

.black_bg {background-color: #000;}

/*FORMS*/

#extraFormsContainer .modal-dialog {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    left: 50%;
    margin: 0;
    padding: 20px;
    top: 40%;
    transform: translate(-50%, -5%);
}

div#emailContact_formModalForm {
    background-color: transparent;
    min-height: 600px;
}

#emailContact_formModalForm, .formHolder1, .formHolder2 {
    
    /*background: #3F0212 !important;*/
    color: #fff !important;
    border-radius: 0px;
    
}

#emailContact_formModalForm input#submit-form, .formHolder1 input#submit-form, .formHolder2 input#submit-form {
    
    background-color: #515151 !important;
    color: #fff !important;
    font-weight: 400 !important;
    border: 1px solid #878787;
    
}

.formHolder label {
    
    font-weight: 400;
    
}

select#preferred_method_of_contact {
    
    margin-bottom: 10px;
    
}

.rqrd {
    
    color: #fff !important;
    
}

/*BUTTONS*/

.button_one {
    
    background-color: rgba(220, 58, 56, 0.56);
    border: 1px solid #9D0200;
    color: #FFFFFF !important;
    padding: 15px;
    border-radius: 0px;
    text-align: center;
    transition: background-color 0.5s ease;
    text-decoration: none !important;
    font-weight: 200;
    
}

.button_one:hover {
    
    background-color: #fefefe;
    color: #151515 !important;
    border: 1px solid #fff;
    
}

.button_two {
    
    background-color: rgb(92, 154, 176);
    border: 1px solid #1B5A7D;
    color: #f8f8f8 !important;
    padding: 15px;
    border-radius: 0px;
    text-align: center;
    transition: background-color 0.5s ease;
    text-decoration: none !important;
    margin: 0px 0 30px;
    display: block;
    
}

.button_two:hover {
    
    background-color: #C4C4C4;
    color: #fff !important;
    border: 1px solid #FFF;
    
}

.space_one {
    
    margin: 20px 0;
    
}

/*Header*/

header {
    
    padding: 15px 0 15px;
    
}

header, header a {
    
    font-family: Roboto;
    
}

#headElement1 {
    
    padding-top: 0px;
    
}

#headElement2 {
    
    padding-top: 20px;
    
}

#headElement2a .tag_line {
    
    font-size: 20px;
    font-weight: 300;
    
}

.header_phone {
    
    font-size: 42px !important;
    font-weight: 300;
    
}

#headElement2 .header_phone:hover {
    
    color: #f8f8f8 !important;
    transition: background-color 0.5s ease;
    transition: 0.5s ease;
    
}

div.header_email a {
    
    color: #003777 !important;
    font-weight: 300;
    transition: 0.5s ease;
    font-size: 19px;
    
}

div.header_email a:hover {
    
    color: #f8f8f8 !important;
    transition: 0.5s ease;
    text-decoration: none;
    
}


/*BLOCK1*/

#block1 {
    
    background-image: url(../uploads/images/japline-banner.jpg) !important;
    padding: 70px 0px 125px;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    
}

#block1Element1 {}

#block1Element2 {}

#block1 h1 {
    
    font-weight: 400 !important;
    text-shadow: 1px 1px #C00A00;
    font-size: 38px;
    
}

#block1 h2 {
    
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 1;
    
}

.buttonspace {
    margin-top: 30px;
}

/*BLOCK2*/

#block2 {
    
    padding: 80px 0 65px;
    

}

#block3Element1 i.fa {display: none;}

#block2 h4 {
    
    font-size: 18px;
    color: #3A3A3C !important;
    font-weight: 300;
    
}



/*BLOCK3*/

#block3 {
    
    padding: 100px 0 70px;
    background-image: url() !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 34% !important;
    
}

.galleryHolder3 .img-responsive {
    
    display: inline !important;
    height: 100% !important;
    
}

#block3 h4 {
    
    color: #517E9F;
    
}

.TAC {
    
    text-align: center;
    
}

#block1Element2 .img-responsive {
    
    display: inline-block;
    margin: auto;
    
}

#block3Element1 {
    
    width: 66%;
    
}

#block3Element3a {
    
    padding: 0 15px;
    
}

#block3Element3a .img-responsive {
    
    display: inline !important;
    
}

#block3Element3c .img-responsive {
    
    display: inline !important;
    
}

#block3Element1 h3 {
    
    color: #540D1F;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
    margin-bottom: 20px;
    display: inline-block;
    
}

#block3Element2 {
    
    display: none;
    
}

/*BLOCK4*/

#block4 {

    background-color: #f8f8f8 !important;
    padding: 75px 0 80px;

}

/*BLOCK5*/

#block5 {}

#block5Element2 .reviewtitle {
    
    padding: 10px 0;
    
}

#block5Element2 .reviewtitle {
    
    color: #F5F5F5 !important;
    background-color: #7A7A7A;
    padding: 10px 0;
    
}

#block5Element1a {
    
    display: none;
    
}

.reviewtext {
    
    padding: 5px 25px;
    
}

#block5Element2 .img-responsive {
    
    display: inline;
    height: 100% !important;
    
}

/*FOOTER*/

footer {
    
    padding: 25px 0 20px;
    
}

footer a, footer p {
    
    color: #757575 !important;
    text-decoration: none;
    
}

footer strong {
    
    font-weight: 200 !important;
    
}

footer a:hover {
    
    color: #58FF02 !important;
    transition: 1s ease !important;
    
}


/*-- Media Queries --*/


@media (max-width: 1199px) {
    
    #block1 {
        
        background-position: right center !important;
        
        
    }
    
    .openwrap {
        
        background-color: rgba(127, 6, 0, 0.4);
        
    }
    
    .emailmob {
        
        font-size: 14px;
        
    }

    .missionstate {
        
        margin: 0;
        
    }

}

/*end 1199*/

@media (max-width: 991px) {
    
    
    .formHolder2 h3 {
        
        font-size: 23px;
        
    }
    
    .button_one {
        
        font-size: 14px;
        
    }
    
    .emailmob {
        
        font-size: 14px;
        
    }
    
    .imagespaceright {
        
    display: block !important;
    float: none !important;
    margin: 0;
    margin-bottom: 25px;
    
}

.imagespaceleft {
        
    display: block !important;
    float: none !important;
    margin: 0;
    margin-bottom: 25px;
    
}

#block3Element3c h3 {
    
    font-size: 20px;
    
    
}

.connectshrink {
    
    width: 10% !important;
    height: 100% !important;
    
}


}

/*end 991*/

@media (max-width: 767px) {
    
#sidebar .formHolder {
    display: none;
    
}

.connectshrink {
    
    width: 5% !important;
    
}

#block3Element3c h3 {
    
    font-size: 24px;
    
    
}

#block3Element1 img.img-responsive, #block5Element2 img.img-responsive {
    
    float: none !important;
    margin: auto !important;
    margin-bottom: 25px !important;
    width: 100% !important;
    height: auto !important;
}

.galleryHolder2 img {
    
    width: 100% !important;
    
}

.button_one {
        
        display: block;
        margin-bottom: 40px;
        
        
    }
    

#block2Element1, #block2Element2, #block2Element3, #block2Element4 {
    
    width: 100% !important;
    
    
}

#block3Element1 {
        
    width: 100% !important;
    
}

#block5Element1c {
    
    margin: 50px 0 60px;
    
}

}

/*end 767*/

@media (max-width: 640px) {
    
    .galleryHolder3 img {
        
        width: 70% !important;
        margin-bottom: 40px;
        
    }
    
}

/*end 640*/

@media (max-width: 480px) {
    
    .button_one {
        
        font-size: 20px;
        
        
    }
    
    
}

/*end 480*/

@media (max-width: 375px) {
    
    .connectshrink {
    
    width: 10% !important;
    
}
    
}

/*end 375*/

@media (max-width: 320px) {
    
}

/*end 320*/



















/*- MODS -*/

/*- Careful now -*/

#block2Element1, #block2Element2, #block2Element3, #block2Element4, #block2Element {
    
    width: 25%;
    
    
}

#block2Element5, #block2Element6 {
    
    /*width: 50%;*/
    display: none;
    
}