@charset "UTF-8";
/*
Theme Name: DG v2
Author: Mario Fefee, Alex Pun
Author URI: https://securitiesclasslaw.com/
Description: Theme for DGross
Version: 2.0.1
*/

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

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

input,
textarea{font-family: 'Quicksand', sans-serif;}

.SectionBlock{
	width:1280px;
	margin:50px auto;
}
.SectionBlock h2{
	color:#D06519;
	text-align:center;	
}

.clear{clear:both;}

/*========================================================
	Header
========================================================*/	
#main_header{
	width:100%;
	height:500px;
	margin: 0;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
	
	color:#FFF;
}

	/* For Webp supported */
	.webp #main_header{background-image:url('images/header.webp');}
	.webp #Page_ContactUs #main_header{background-image:url('images/contactus.webp');}
	.webp #Page_Case #main_header{background-image:url('images/case.webp');}
	.webp #Page_Aboutus #main_header{background-image:url('images/aboutus.webp');}

	/* For non-webp supported */
	.no-webp #main_header{background-image:url('images/header.jpg');}
	.no-webp #Page_ContactUs #main_header{background-image:url('images/contactus.jpg');}
	.no-webp #Page_Case #main_header{background-image:url('images/case.jpg');}
	.no-webp #Page_Aboutus #main_header{background-image:url('images/aboutus.jpg');}
	

#Page_Home #main_header{
	height:250px;
	background-image:none;
}

#main_header_wrapper{
	width:1280px;
	margin:0 auto;
}

/**
 *	Tel
 */
#main_header_phone a{
	color:#FFF;
	text-decoration:none;
}

#main_header_phone>p{
	float:right;
	font-size:20px;
	font-weight:700;
	
	text-shadow:1px 1px 3px #000;
}

#main_header_phone .icon-phone{
	font-size:28px;
	color:#D06519;
	text-shadow:1px 1px 3px #000;
}
	
/**
 *	Title
 */
#main_header_title{
	font-size:42px;
	letter-spacing:5px;
}
#main_header_title>a{
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 3px #333;
}
h1#main_header_title{display:inline;}

/**
 *	Nav
 */
#main_nav{
	margin-top:17px;
	float:right;
}

#main_nav>p{
	margin:0 2px;
	padding:5px 20px;
	box-shadow:1px 1px 2px 0px #333;
	
	font-size:20px;
	font-weight:300;
	
	display:inline-block;
	
	background-color:#D06519;
}

#main_nav>p:last-of-type{margin-right:0;}
#main_nav>p:hover{text-decoration:underline;}

#main_nav a{
	color:#FFF;
	text-decoration:none;
}


/*========================================================
	Footer
========================================================*/
#main_footer{
	width:100%;
	padding:20px 0;

	background-color:#384E63;
}
#main_footer_wrapper{
	width:1280px;
	margin:0 auto;
}

/**
 *	Title
 */
#main_footer_title{
	margin-bottom:10px;
	
	font-size:22px;
	letter-spacing:1px;
	
	display:block;
}
#main_footer_title>a{
	color:#FFF;
	text-decoration:none;
}

#main_footer_blocks{
	display:flex;
}

.main_footer_block{
	width:33%;
}
.main_footer_block:nth-of-type(odd){color:#D06519;}
.main_footer_block:nth-of-type(odd) a{color:#D06519;}
.main_footer_block:nth-of-type(even){color:#FFF;}


/*========================================================
	Home Page
========================================================*/
#Page_Home{
	position:relative;
}

#Home_Background{
	width:100%;
	height:100%;
	margin: 0;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
	
	position:fixed;
	top:0;
	z-index:-1;
}
	
	/* For webp supported */
	.webp #Home_Background{background-image:url('images/home.webp');}

	/* For non-webp supported */
	.no-webp #Home_Background{background-image:url('images/home.jpg');}

#Home_catch_wrapper{margin:0 auto;}

#Home_catch{
	margin:0 auto;
	color:#FFF;
	text-align:right;
}
#Home_catch>p{
	margin:0;
	font-weight:600;
	letter-spacing:5px;
	text-shadow:1px 1px 3px #555;
}
	
	/* The */
	#Home_catch>p:nth-child(1){
		margin-right:180px;
		color:#FFF;
		font-size:74px;
		letter-spacing:10px;
	}
	
	/* [STRATEGY] */
	#Home_catch>p:nth-child(2){
		margin-bottom:25px;
		color:#D06519;
		font-size:80px;
		letter-spacing:10px;
	}	
	
	/* Hard Work */
	#Home_catch>p:nth-child(3){
		color:#FFF;
		font-size:48px;
	}	
	
	/* Proven Results */
	#Home_catch>p:nth-child(4){
		color:#FFF;
		font-size:48px;
	}	
	
	/* Driving Outcome */
	#Home_catch>p:nth-child(5){
		color:#D06519;
		font-size:48px;
	}	
	
	
	
	
	
	


/*========================================================
	About Us Page
========================================================*/	
/**
 *	Introduction
 */
#IntroBlocks{
	display:flex;
}

.Intro_block{
	padding:5px 10px;
}

#AU_h1{
  text-align: center;
  margin-top: 40px;
  margin-bottom: -10px;
}





/*========================================================
	Contact Us Page
========================================================*/
/**
 *	Left Block
 */
#CU_LeftBlock{
	width:500px;
	
	float:left;
}

#CU_LeftBlock>h2{
	text-align:left;
}

#CU_LeftBlock>h2+p{
	color:#384E63;
	letter-spacing:2px;
}


#CU_ContactInfo{
	margin-top:50px;
}

#CU_ContactInfo_img{
	width:225px;
	height:225px;
	
	background-position:center;
	
	float:right;	
}

	/* For webp supported */
	.webp #CU_ContactInfo_img{background-image:url('images/map.webp');}

	/* For non-webp supported */
	.no-webp #CU_ContactInfo_img{background-image:url('images/map.jpg');}
	
#CU_ContactInfo_info{
	margin-top:30px;
	float:left;
}

#CU_ContactInfo_info>p{
	margin:5px 0;
	font-weight:700;
	letter-spacing:3px;	
	color:#D06519;
}


/**
 *	Right Block
 */
#CU_RightBlock{
	width:600px;
	
	color:#384E63;	
	
	float:right;
}

#CU_RightBlock>h1{
	text-align:left;
	color:#384E63;
}

#CU_RightBlock>h1+p{
	margin-bottom:25px;
	
	letter-spacing:1px;
}

.CU_input{
	margin-bottom:25px;
}

.CU_input>p{
	width:100px;
	margin:0;
	
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	
	display:inline-block;
	vertical-align:top;
}

.CU_input>input,
.CU_input>textarea{
	width:500px;
	border:1px solid #384E63;

	box-sizing:border-box;
	display:inline-block;
}

.CU_input>textarea{
	height:150px;
	vertical-align:bottom;
}

p#CU_Form_Disclaimer{
	width:100%;
	margin:25px 0;
	letter-spacing:1px;
}

#CU_Submit{
	width:150px;
	margin-left:100px;
	padding:8px;
	border:1px solid #384E63;
	
	font-weight:600;
	color:#384E63;
	letter-spacing:2px;
	
	background-color:#FFF;
	
	display:block;
}

/*========================================================
	Case Page
========================================================*/	
/**
 *	Case Table
 */
#CA_Table{
	width:100%;
	border-collapse: collapse;
}

#CA_Table th{
	padding:5px 15px;
	text-align:left;
	color:#FFF;
	
	background-color:#384E63;
}

#CA_Table td{
	padding:5px 15px;
	
	text-align:left;
}

#CA_Table .Mobile{display:none;}

.CA_deadline{
	color:#D06519;
	font-weight:600;
}

#CA_h1{
	color:#D06519;
	text-align:center;	
}

/*========================================================
	Thank you Page
========================================================*/
#TY_MsgWrap{
	margin-top:50px;
	
	font-size:32px;
	line-height:2em;
	text-align:center;
}

#TY_Msg2{margin-top:50px;}

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

/* Global */
.SectionBlock{
	width:960px;
	margin:25px auto;
}

/* Header */
#main_header_wrapper{width:960px;}
#main_nav{margin-top:5px;}
#main_header{height:350px;}

/* Footer */
#main_footer_wrapper{width:960px;}

/* Contact Us */
#CU_LeftBlock{width:600px;}

#CU_LeftBlock,
#CU_RightBlock{
	margin:20px auto 50px;
	float:none;
}

}











/**
 *	Below 1000px
 */
@media screen and (max-width: 1000px){
	
/* Global */
.SectionBlock{width:90%; margin:25px auto;}	
	
/* Header */
#main_header{
	height:auto;
	padding:3%; 
	box-sizing:border-box; 
}
#main_header_wrapper{width:100%;}
#main_header_phone{display:none;}
#main_nav{float:none;}
#main_nav>p{margin-left:0;}

#Page_Home #main_header{height:160px;}

/* Footer */
#main_footer{
	padding:3%; 
	box-sizing:border-box; 	
}
#main_footer_wrapper{width:100%;}

/* Home */
	
	/* The */
	#Home_catch>p:nth-child(1){font-size:64px; margin-right:145px;}	
	
	/* [STRATEGY] */
	#Home_catch>p:nth-child(2){font-size:64px;}	
	
	/* Hard Work */
	#Home_catch>p:nth-child(3){font-size:38px;}	
	
	/* Proven Results */
	#Home_catch>p:nth-child(4){font-size:38px;}	
	
	/* Driving Outcome */
	#Home_catch>p:nth-child(5){font-size:38px;}	

/* About Us */
#IntroBlocks{flex-direction:column;}


/* Cases */
#CA_Table .Full{display:none;}
#CA_Table .Mobile{display:block;}

/* Contact Us */
#CU_LeftBlock,
#CU_RightBlock{
	width:100%;
}
.CU_input>p{display:block;}
.CU_input>input, .CU_input>textarea{width:100%;}
#CU_Submit{margin-left:0;}

}


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

/* Global */
.SectionBlock{margin:13px auto;}	

/* Header */
#main_header_title{font-size:24px;}
#main_nav>p{
	padding:5px 10px;
	font-size:16px;
}

#Page_Home #main_header{height:100px;}

/* Footer */
#main_footer_blocks{flex-direction:column;}
.main_footer_block{width:100%;}

/* Home */
	
	/* The */
	#Home_catch>p:nth-child(1){font-size:48px; letter-spacing:8px; margin-right:110px;}	
	
	/* [STRATEGY] */
	#Home_catch>p:nth-child(2){font-size:48px; letter-spacing:8px;}	
	
	/* Hard Work */
	#Home_catch>p:nth-child(3){font-size:32px;}	
	
	/* Proven Results */
	#Home_catch>p:nth-child(4){font-size:32px;}	
	
	/* Driving Outcome */
	#Home_catch>p:nth-child(5){font-size:32px;}	


/* About Us */
.Intro_block>h2{margin-bottom:0;}

/* Cases */
#CA_Table{font-size:14px;}

/* Contact Us */
#CU_ContactInfo_img,
#CU_ContactInfo_info{float:none;}

}

/**
 *	Below 400px
 */
@media screen and (max-width: 400px){
	
/* Cases */
#CA_Table{font-size:12px;}	
}