@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

body
{
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#f2f2f2;
}
.wraper
{
	width:1000px;
        margin: 0 auto;
}
.headerOuter
{
	width:1000px;
	background-image:url(images/headbg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.headerInner
{
	width:1000px;
	height:672px;
	margin:auto;
}
.divLeft
{
	width:650px;
	height:586px;
	float:left;
}
.headTopText
{
	color:#001c4f;
	font-family:Arial;
	font-size:32px;
	padding-left:25px;
	padding-top:25px;
	text-shadow:1px 1px #f3f3f3;
}
#yes
{
	color:#006c00;
	font-size:36px;
	font-weight:600;
}
#no
{
	color:#ef0000;
	font-size:36px;
	font-weight:600;
}
.listDiv
{
}
.listDiv ul
{
	list-style:url(images/listimg.png);
	padding-left:20px;
	padding-top:50px;
}
.listDiv li
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#FFF;
	text-shadow:1px 1px #000;
	padding-bottom:10px;
	padding-right:100px;
}
.textimg
{
	padding-top:37px;
	padding-left:38px;
}
.divRight
{
	width:350px;
	height:586px;
	float:left;
	text-shadow:1px 1px #f3f3f3;
}
.formtopText
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#34291c;
	padding-top:10px;
	text-align:center;
	
}
.call
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#0749b5;
	text-align:center;
}
.number
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:38px;
	color:#34291c;
	text-align:center;
}
.formheadtext
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
	padding-top:24px;
	text-align:center;
	text-shadow:1px 1px #000;
	padding-right:10px;
}
.formarea {
    color: #3b3b3b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 30px auto;
    max-width: 300px;
    padding-left: 0;
}
.formarea input
{
	width:255px;
	height:30px;
	border:1px solid #a9a9a9;
	padding-left:5px;
}
.btnDiv
{
	width:198px;
	height:60px;
	background-image:url(images/cash.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:20px;
}
.btnDiv input
{
	width:117px;
	height:41px;
	margin-top:10px;
	float:right;
	border:none;
}
.endHead
{
	width:1055px;
	height:86px;
	float:left;
	text-shadow:1px 1px #FFF;
}
.endHead p
{
	color:#262c36;
	font-family:"Myriad Pro", "Myriad Pro Cond";
	font-weight:bold;
	font-size:33px;
	text-align:center;
	line-height:86px;
}
.imgDiv
{
	width:1008px;
	height:241px;
	margin:auto;
}
.bodyopt
{
	width:1008px;
	height:531px;
	margin:auto;
	background-image:url(images/bodyoptimg.jpg);
	background-repeat:no-repeat;
}
.firstlist
{
	padding-top:46px;
	float:left;
}
.firstlist ul
{
	list-style:none;
	padding-left:15px;
}
.firstlist ul li
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#393939;
	padding-bottom:41px;
	background-image:url(images/listimg3.png);
	background-repeat:no-repeat;
	padding-left:40px;
}
.second
{
	float:right;
	margin-top:39px;
	padding-right:0;
}
.secondlist
{
}
.secondlist ul
{
	list-style:url(images/listimg2.png);
	padding-left:25px;
	padding-top:10px;
}
.secondlist ul li
{
	padding-bottom:13px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-shadow:1px 1px #0943aa;
}
.heading
{
	color:#320b00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	text-shadow:1px 1px #FFF;
	padding-bottom:20px;
	padding-left:5px;
	text-shadow:1px 1px #febd24;
}


.footerOuter
{
	width:100%;
	background-image:url(images/footerbg.jpg);
	background-repeat:repeat-x;
}
.footerInner
{
	width:1008px;
	height:105px;
	margin:auto;
}
.footerInner p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#504f4f;
	text-align:center;
	line-height:36px;
	padding-top:20px;
}

/*Form Styles*/
.formarea{
    margin: 0 auto !important;
}

.formarea form{
    background: transparent !important;
}

.formarea table{
    background: transparent !important;
}

/* responsive css start */

/* 15-11-2021 start */
@media screen and (max-width: 1200px){
	.headerInner .listDiv ul {
	    margin-left: 20px;
	}
}
@media screen and (max-width: 767px){
	.headTopText {
	    font-size: 28px;
	    margin: 15px 0 0 0;
	}

	.headTopText span#yes {
	    font-size: 32px;
	}

	.headTopText span#no {
	    font-size: 32px;
	}

	.tmoheadphone .number {
	    font-size: 35px;
	}
}
@media screen and (max-width: 440px){
	.headerInner .endHead {
	    padding-top: 150px !important;
	}
}
/* 15-11-2021 end */

/* responsive css end */

/* 15-11-2021 css start */

*{
	box-sizing: border-box;
}
.cus-three-box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.cus-three-box .cus-img{
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding: 0 15px;
	text-align: center;
}

.imgDiv{
	width: 100%;
    height: 241px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px){
	.cus-three-box{
		padding: 0 0 50px 0;
	}
}

@media screen and (max-width: 1024px){
	.divLeft{
		width: 100% !important;
		height: auto !important;
	}
	.headTopText{
		text-align: center;
	}
	.divRight{
		width: 100% !important;
	}
	.formtopText, .number, .call, .number a{
		color: #fff !important;
		text-shadow: none !important;
	}
	#crmWebToEntityForm{
		width: 100% !important;
	}
	#crmWebToEntityForm table{
		width: 100% !important;	
	}
}

@media screen and (max-width: 980px){
	.firstlist{
		float: none;
		width: 100%;
	}
	.second{
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 960px){
	.headerOuter {
	    width: auto !important;
	    background: #1b64cd;
	    background-image: url(images/headtop-image.jpg) !important;
	    background-repeat: repeat-x !important;
	}
.bodyopt {
    width: auto !important;
    height: auto !important;
    background-image: url(images/pacshores-team-mortgage.jpg) !important;
    padding: 20px;
    overflow: auto;
    background: #f2f2f2;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 40vh;
    background-size:100% auto;
}
.secondlist {
    margin: auto !important;
    max-width: 100% !important;
    padding: 20px !important;
    background: #072e95;
}
.formarea, .secondlist {
    border-radius: 0 0 10px 10px;
}
.formheadtext {
    padding: 20px !important;
    background: #f65002 !important;
}
.formheadtext, .heading {
    border-radius: 10px 10px 0px 0px;
}
.formarea {
    margin: auto !important;
    max-width: 100% !important;
    padding: 20px !important;
    background: #ddd;
}
.heading {
    padding: 20px !important;
    background: #f65002 !important;
}
.headerInner {
    width: auto !important;
    height: auto !important;
    margin: auto;
    padding: 20px;
    overflow: auto;
}
.number {
    margin: 0 0 51px;
}
.endHead {
    width: auto !important;
    height: auto !important;
    float: none !important;
    clear: both;
    padding: 100px 0 0 0 !important;
}
.endHead p {
    color: #fff !important;
}
.wraper{
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.footerInner{
	width: 100%;
}
}
@media screen and (max-width: 767px){
	.footerOuter{
		background-image: none !important;
	}
	.listDiv li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
    text-shadow: 1px 1px #000;
    padding-bottom: 10px;
    padding-right: 0 !important;
    margin: 0 0 18px 0 !important;
}
.imgDiv{
	height: auto;
}
.cus-three-box{
	flex-wrap: wrap;
}
.cus-three-box .cus-img{
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 0 20px 0;
}
.endHead p{
	text-shadow: none;
	font-size: 26px;
	line-height: normal;
}
.headTopText {
    font-size: 20px !important;
    margin: 15px 0 0 0;
}
.headTopText span#yes, .headTopText span#no {
    font-size: 22px;
}
.footerInner p{
	line-height: 30px;
}
.heading{
	font-size: 22px !important;
}
.bodyopt {
	padding-bottom: 33vh;
}
}
@media(max-width: 460px) {
	.bodyopt {
		padding-bottom: 26vh
	}
}
/* 15-11-2021 css end */



















































