@charset "UTF-8";
/*
Theme Name: TJ Theme v1
Author: Zita Zhang, Alex Pun
Author URI: https://claimyourloss.com/
Description: Theme for TJ
Version: 1.0
*/

/*========================================================
	Global
========================================================*/	
body{
	margin:0;
	padding:0;  

    font-family: Arial, sans-serif;
	color:#565656;
}

.clear{clear:both;}

.PageWrapper_Wide{width:100%; box-sizing: border-box;}
.PageWrapper{width:1000px; margin:0 auto; box-sizing: border-box;}
.PageWrapper_Narrow{width:600px; margin:0 auto; box-sizing: border-box;}


/*========================================================
	Header
========================================================*/
#MainHeader_Top{
    height:100px;
}

/* Logo */
#Header_Logo_Wrapper{
    height:inherit;
    float:left;
}
#Header_Logo{
    width:100px;
    height:inherit;
    background-image:url('images/tj_logo_bluegrey.png');
    background-size:100px 100px;
    
    display:inline-block;
}
#Header_Logo>a{display:block; width:100%; height:100%;}

#Header_LogoText{
    height:inherit;
    margin-left:10px;
    
    font-family: 'Lora', serif;
    font-size:28px;
    line-height:100px;
    letter-spacing:1px;
    vertical-align:top;
    display:inline-block;
}
#Header_LogoText>a{
    color:#FFF;
    text-decoration:none;
}


/* Navigation */
#MainNav{
    height:100%;

    display:flex;
    align-items: center;
    
    float:right;
}
   
#MainNav>a{
    margin-left:50px;
    color:#FFF;
    
    text-decoration:none;
    transition:color 250ms;
}
#MainNav>a:hover{
    color:#a0cbff;
}
   
    
/* Catchphrase */
#MainHeader_Bottom{}

#MainHeader_Catchphrase>strong{
    margin-left:113px;
    
    font-family: 'Lora', serif;
    font-size:36px;
    color:#FFF;
    text-align:left;
    letter-spacing:1px;
    
    display:block;
}

#MainHeader_Catchphrase>p{
    width:550px;
    margin-left:113px;
    font-size:14px;
    line-height:16px;
    color:#FFF;
    text-align:left;
    display:block;
}


/* MainHeader BackgroundFilter */
#MainHeader_BackgroundFilter{
    padding:25px 50px;
    background-color:rgba(23,45,81,0.5);
}


/* Header Background Image */
#MainHeader{
    background-image:url('images/headerBG1.jpg');
    background-position: center;
}

#MainHeader_AU{
    background-image:url('images/headerBG2.jpg'); 
    background-size:cover;
    background-position: center;
}

/*========================================================
	Footer
========================================================*/
#MainFooter{
    padding:35px 0 15px;
    
    color:#FFF;
    
    background-image:url("images/map.jpg");
    background-position:center;
}

    /* Logo */
    #Footer_Logo{
        width:50px;
        height:50px;
        background-image:url('images/tj_logo_white.png');
        background-size:50px 50px;
        
        display:inline-block;
    }
    #Footer_LogoText{
        height:50px;
        margin-left:10px;
        
        font-family: 'Lora', serif;
        font-size:20px;
        line-height:50px;
        letter-spacing:1px;
        vertical-align:top;
        display:inline-block;
    }
    #Footer_LogoText>a{
        color:#FFF;
        text-decoration:none;
    }
    
    
    /* Address */
    #AddressDetail{
        margin-left:65px; 
        margin-bottom:20px;
        
        font-size:14px;
        font-style:normal;
    }
    
    #MainFooter_B1{margin-right:75px; float:left;}
    #MainFooter_B1>p{margin:5px 0;}
    
    #MainFooter_B2{float:left;}
    #MainFooter_B2>p{margin:5px 0;}
    #MainFooter_B2 a{color:#FFF;}
    
    /* Footer Bottom */
    #Footer_Bottom{
        margin:35px 0 15px 65px;
        
        font-size:14px;
    }
    #Footer_Bottom a{
        color:#FFF;     
    }
    
/*========================================================
	About Us Page
========================================================*/	
#AboutUs_1{
    padding:50px 0;
    color:#FFF;
    background: rgb(38,34,98);
    background: linear-gradient(90deg, rgba(38,34,98,1) 0%, rgba(8,76,161,1) 100%);
}

#AboutUs_1_Content{
    font-family: 'Lora', serif;
    font-size:24px;
    font-weight:700;
    letter-spacing:1px;
    text-align:center;
    line-height:34px;
}

#AboutUs_2{
    padding:30px 0;
    background-image:url('images/whitebg.jpg');
    background-size: contain;
    background-position: center;        
}

#AboutUs_2 h1{
    font-family: 'Lora', serif;
    font-size:28px;
    text-align:center;
    text-transform: uppercase;
}

.AboutUs_article>strong{
    font-family: 'Lora', serif;
    font-size:24px;
}

.AboutUs_article>p{
    margin:10px 0;
    line-height:28px;
    letter-spacing:1px;
}

/*========================================================
	Case Page
========================================================*/
#C_CaseWrapper{
    padding:40px 0 ;
    background-image:url('images/whitebg.jpg');
    background-size: contain;
    background-position: center;
}

#C_CaseWrapper h1{
    margin:0 auto 15px;
    font-family: 'Lora', serif;
    font-size:28px;
    text-align:center;    
}

#C_Table{
    width:100%;
    margin-bottom:25px;
    border-spacing: 0;
}

#C_Table th,
#C_Table td{
    padding:10px;
    text-align:center;
}

#C_Table th{
    color:#FFF;
    background-color:#3b51a3;
}

#C_Table .Mobile{display:none;}

/*========================================================
	Contact Us Page
========================================================*/

    /* CU_Content_1 */
    #CU_Content_1{
        width:800px;
        margin:0 auto;
        padding:15px 0;
    }
    
    #CU_Content_1>p{
        font-family: 'Lora', serif;
        font-size:20px;
        line-height:26px;
        text-align:left;
        
        color:#333;
    }
    
    #CU_Address{width:800px; margin:0 auto;}
    .CU_Address_Elem{
        margin-bottom:30px;
        font-style:normal;
    }
    
    .CU_Address_Elem>h4{
        margin:0 0 10px;
        font-family: 'Lora', serif;
        font-size:24px;
    }
    
    .CU_Address_Elem>p{margin:0;}
    
    #CU_Address_Address,
    #CU_Address_Email{float:left;}
    #CU_Address_Phone,
    #CU_Address_Fax{float:right;}

    
    
    /* CU Contact Form */
    #CU_ContactForm_Header{
        margin-bottom:50px;
        text-align:center;
    }

    #CU_ContactForm_Header>strong{
        margin-bottom:15px;
        
        font-family: 'Lora', serif;
        font-size:36px;
        color:#251C1F;
    }

    #CU_ContactForm_Header>p{
        font-size:12px;
        font-style:italic;
    }
    
    .FormInput{
        width:100%;
        margin-bottom:20px;
        padding:10px 5px;
        box-sizing:border-box;
        
        font-family: 'Lora', serif;
    }
    
    textarea.FormInput{
        height:150px;
        resize: vertical;
    }
    
    #ContactUs_Submit{
        width:150px;
        
        margin:15px auto;
        padding:10px 0;
        border:2px solid #3b51a3;
        
        font-weight:700;
        text-align:center;
        
        display: block;
        
        transition:color 250ms, background-color 250ms;
    }
    #ContactUs_Submit:hover{
        color:#FFF;
        background-color:#3b51a3;
        cursor:pointer;
    }

    #ContactUs_Info{
        margin:20px 0;
        color:#777;    
        font-size:12px;
        line-height:16px;
        font-style:italic;
        text-align:center;
    }
    
    

/*========================================================
	General Page
========================================================*/	
#GeneralPage h1{
    font-family: 'Lora', serif;
    font-size:32px;
    text-align:center; 
}

/*========================================================
	Thank you Page
========================================================*/
#Page_TY{padding:7%;}

#Page_TY>h1{
    font-family: 'Lora', serif;
    font-size:32px;
    text-align:center;
}

#Page_TY>p{
    font-size:24px;
    text-align:center;
}

/*========================================================
	Responsive CSS for All Page
========================================================*/
/**
 *	Below 1300px
 */
@media screen and (max-width: 1300px){
	
.PageWrapper{width:960px;}

}


/**
 *	Below 1000px
 */
@media screen and (max-width: 1000px){

.PageWrapper{width:100%; padding:0 3%; box-sizing:border-box;}

/* Header */
#MainHeader_BackgroundFilter{padding:25px 3%;}
#MainHeader_Top{height:75px;}
    
    /* Logo */
    #Header_Logo{width:75px; height:75px; background-size:75px 75px;}
    #Header_LogoText{height:75px; font-size:26px; line-height:75px; vertical-align:top;}

    /* Phone */
    #Phone{height:75px; line-height:75px;}
    
    /* Catchphrase */
    #MainHeader_Catchphrase>strong{margin-left:88px; font-size: 32px;}
    #MainHeader_Catchphrase>p{margin-left:88px;}

/* Cases Page */
#C_Table .Mobile{display:block;}
#C_Table .Full{display:none;}
    
/* Contact Us */
#CU_Content_1{width:100%; padding:20px 3%; box-sizing: border-box;}
    
    /* Address */
    #CU_Address {
        width: 100%;
        text-align: center;    
    }
    #CU_Address_Address,
    #CU_Address_Phone,
    #CU_Address_Email,
    #CU_Address_Fax{
        float:none;
    }

    
/**
 *	Below 600px
 */
@media screen and (max-width: 700px){

/* Global */
.PageWrapper_Narrow{width:100%; padding:0 3%; box-sizing:border-box;}

/* Header */
#MainHeader_Top{height:auto;}
#Header_Logo_Wrapper{
    float:none;
    text-align:center;
}

#MainHeader{
    background-size: cover;
    background-position: center;    
}

    /* Nav */
    #MainNav{
        height:70px;
        justify-content:center;
        
        float:none;
    }
    #MainNav>a{margin:0 30px;}

    /* Catchphrase */
    #MainHeader_Catchphrase>strong{margin:0 auto; text-align:center;}
    #MainHeader_Catchphrase>p{width:auto; margin:14px auto; text-align:center;}
    
/* Footer */

    /* Top */
    #Footer_Logo_Wrapper{text-align:center;}
    
    /* Address */
    #AddressDetail{margin:0; text-align:center;}
    #MainFooter_B1{margin:15px 0; float:none;}
    #MainFooter_B2{margin:15px 0; float:none;}
    
    /* Bottom */
    #Footer_Bottom{margin: 15px 0; text-align:center;}
    .bar{display:none;}
    #Footer_copyright{display:block; margin-top:5px;}
	
}