@font-face { font-family: 'muliregular'; src: url('muli-webfont.woff2') format('woff2'), url('muli-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

.primaryContainer {height:auto; margin:0 auto; min-height:100%; width:100%; min-width:350px;}

/* Nav */
#Nav_Bar {float: none; height: 40px; clear: none; width: 100%; min-height: 40px; min-width: 350px; background-color: rgb(26, 26, 26); max-height: 40px; position: fixed; z-index: 2; top: 0px; left: 0%; font-family: muliregular;}
#Nav_Bar a {color:#fff; text-decoration:none;}
#Nav_Bar a:hover { text-decoration:underline;}
#Nav_Login {float: right; font-size: 0.75em; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 1em; margin-left: 0px; margin-top: 6px; clear: none; min-height: 0px; font-family: muliregular; color: rgb(255, 255, 255); margin-right: 10.099047%; letter-spacing: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px;}
#Nav_Spanish {float: right; font-size: 0.75em; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 1em; margin-left: 0px; margin-top: 13px; clear: none; min-height: 0px; font-family: muliregular; color: rgb(255, 255, 255); margin-right: 2%; letter-spacing: 2px;}
#Nav_Contact {float: left; font-size: 0.75em; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 1em; margin-left: 5%; margin-top: 13px; clear: none; min-height: 0px; color: rgb(255, 255, 255); margin-right: 0%; letter-spacing: 2px; font-family: muliregular;}
#Nav_Phone {float: left; font-size: 0.75em; width: auto; height: auto; text-align: left; font-weight: 500; line-height: 1em; margin-left: 1%; margin-top: 13px; clear: none; min-height: 0px; font-family: muliregular; color: rgb(255, 255, 255); margin-right: 0%; letter-spacing: 2px;}

/* Menu */
#Menu_Section {float: none; height: 95px; margin-left: auto; margin-top: 40px; clear: none; width: auto; margin-right: auto; background-color: rgb(255, 255, 255); min-height: 95px; max-height: 95px;}
#Menu {float:right; width:auto; position: relative; margin: 40px 3% 0px 0px;}
#Menu ul {float:right; height:32px; width:auto; position: relative; padding:0; list-style-type:none; margin:0px;}
#Menu li { float:left; padding:0; margin:0px;  height: auto;}
#Menu li a { display:block; padding: 0 10px; margin:0px; font-size: 16px; text-align: left; font-weight: 300; line-height: 1em; font-family:muliregular; color:#666666; letter-spacing:-.5px;}
#Menu li a:hover {text-decoration:underline;}
#Menu li:last-child {border:none;}
#Menu li:last-child > a {padding-right:0;}
#Menu li:first-child > a {padding-left:0px;}
#Logo {float:left; height:85px; margin-left:5%; margin-top:5px; clear:none; width:300px; background-color:rgb(190, 190, 190); position:relative;}
.logo { width:300px;}
#Mobile_Nav {float:left; width:auto; max-width:100%; height:auto; margin-left:45.415509%; margin-top:-78px; clear:none; color:rgb(0, 0, 0); display:none;}

/* Quote */
#Quote_Section {float:none; height:450px; margin-left: auto; margin-top: 0px; clear: none; width: auto; margin-right: auto; background-color: rgb(160, 160, 160); background-image:url("../images/Photo_1.jpg"); background-position: -3.4% 20.8%; background-repeat: repeat; background-attachment: scroll; -webkit-background-size: cover; background-size: cover;}
#Widget_Box { background:url(../images/startquote_bg.png) center top no-repeat;float:right; height:auto; margin-left: 0px; margin-top: 165px; clear: none; width: 335px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; margin-right: 16.32%; position: relative; top: 0px; left: 0px; background-color:none; padding-top: 0px; padding-bottom: 33px; padding-right: 0px; padding-left: 0px;}
#frmPolicy {float:right; height:135px !important; margin:0px 0%; clear: none; width:100% !important; border:none; position: relative; background-color:none; padding:0;}
#Widget_Box h2 {font-size:26px; width:auto; height:auto; text-align:center; font-weight:900; line-height:1em; margin:0 auto; font-family:muliregular; color:#fff;; letter-spacing:2px;}
#Widget_Box label {float:left; font-size:15px; width:auto; height:auto; text-align:left; font-weight:900; line-height:1em; margin-left:11%; margin-top:15px; clear:both; min-height: 0px; font-family: josefin-sans; color: rgb(255, 255, 255); margin-right: 0%; letter-spacing: 2px;}
#Widget_Box input {border-style: none;
    border-color: inherit;
    border-width: medium;
    float:none; margin:12px 0 0 38%; clear:none; width:155px; border-radius:3px; background-color:#fff;
}
#btnLaunchModal {border-style: none;
    border-color: inherit;
    border-width: medium;
    font-size: 18px;font-weight: 500;line-height: 1em;font-family: muliregular; color:#fff; letter-spacing: 2px; margin:12px 10% 0; width:80%; border-radius: 5px; background-color:rgb(201, 29, 14);
}

/* Reviews and Icons */
#Section4 {float:none; height:auto; margin:0 auto; clear:none; width:auto; background-color:#fff;; padding:50px 0;}
#Home_Section {float:none; height:auto; margin:0 auto; clear:none; width:80%;}
#Review_Box {float:left; margin:0 5%; clear:none; width:40%; background:#ccc;padding-bottom: 15px;}
#Review_Text { font-size:14px; margin:10px 13px 5px;}
#Icons_Box {float:right; height:185px; margin:75px 5% 0; clear:none; width:40%;}
#Icons_Box div {float: left; height: auto; margin-left: 3.33%; margin-top: 0px; clear: none; width: 30%;}
#Icons_Box div p {float: none;font-size: 21px;width: 100%;height: auto;text-align: center;font-weight: normal;line-height: 1em;margin:10px auto 0;min-height: 44px;letter-spacing: 2px;font-family: muliregular;color:#666666;}
#Icons_Box div img {float: none; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-top: 0px; clear: none; color: rgb(0, 0, 0); margin-right: auto;}
#e2wget5widget {height:320px; overflow:auto;}

/* Why Choose */
#Quote_Section1 {height:550px;clear:none; width:100%; background-color:#a0a0a0; background-image:url("../images/Photo_2.jpg"); background-position:50% 20.7%; background-repeat:no-repeat; background-attachment:scroll; -webkit-background-size:cover; background-size:cover; min-height:0px;}
#Why_Choose {font-size:60px; font-family:muliregular; font-weight:900; width:80%; height:auto; text-align:center; line-height:1em; margin:357px auto; min-height:98px; letter-spacing:5px; color:#fff;}

/* About Us */
#AboutUs_section {float: none; height: auto; margin-left: auto; margin-top: 0px; clear: none; width: auto; margin-right: auto; background-color: rgb(255, 255, 255); padding-top: 50px; padding-bottom: 50px;}
.flex-container {display:flex; margin:0 10%;}
.flex-column {flex:1;}
.fixed-column {width: 340px;}
#About_Us {height:auto; margin:0 10% 0 0;}
#About_Us p {font-size:22px; font-weight:normal; font-family: muliregular; width:98%; height:auto; text-align:left; line-height:1.5em; margin:25px auto 0; letter-spacing:1px; color:#666;}
#About_Us h2 {font-size: 26px; font-family:muliregular; color:#666; font-style:normal;text-align: center; font-weight:900;line-height: 1.5em; margin:20px auto;}
#About_Us span {font-weight:900;}
#Social_Widgets {}
#Facebook_Widget {height:auto; width:100%;}
#Tweets_Widget {height:auto; width:100%;}
#Info_box {margin:4% auto; width: 100%; background-color:rgb(26, 26, 26); padding:30px 0;}
#Info_box p {font-size:25px; font-weight:normal; font-family:muliregular; text-align:left; line-height:1em; margin:0 0 0 10%; color:#fff; letter-spacing:2px;}
#Info_box ul {margin:16px 0 0 10%;padding:0;}
#Info_box ul li {font-size:16px; text-align:left; font-weight:normal; line-height:1.75em; color:#fff; font-family:muliregular; letter-spacing:2px; margin:0 0 0 15px;padding:0}
#About_Contact {font-size:18px; width:80%; text-align:left; font-weight:normal; line-height:1.5em; margin:50px auto 25px; font-family:muliregular; letter-spacing:1px; color:rgb(102, 102, 102);}
#About_Contact span {font-weight:900;}

/* Google Map */
#GoogleMaps_Section {height:auto; margin:0;padding:0px; width:100%; position:relative}
#frmMap {height:475px;}
#Insurance_Info {position:absolute; top:100px; right:35px; width:auto; min-width:200px; background-color:rgb(26, 26, 26); border-radius:3px; padding:20px 0;}
#Insurance_Info p {clear:both; font-size:11px; line-height:1.5em; margin:3px 15px; color:#fff; font-family:muliregular; letter-spacing:2px;}
#Insurance_Info p:first-child {font-size: 12px; font-weight:900;}
#Insurance_Info hr {border-color:#444;}
#Icons {margin:5% auto 0; width:120px;}
#spnMapInsName {width: 200px;display: block;}
#spnMapAddress {width: 200px;display: block;}
.Map_Icon {float: left; width: 25px; margin:0 0 0 5%;}
.Map_Icon:first-child {margin:0;}
.Mobile_Break {display:block; width:100%;height:0;}

/* Contact Us */
#ContactUs_Box {margin:0 auto; width: 60%; background-color: rgb(255, 255, 255); padding:80px 0;}
#ContactUs_Box label {font-size:15px; width:100%; height:auto; font-weight:900; line-height:1em; margin:0; font-family: muliregular; color: rgb(102, 102, 102); font-style:normal; display:block;}
#ContactUs_Box input {margin:10px 0 0; border-radius:3px; background-color:rgb(255, 255, 255); border:solid 1px #ccc; width:100%;}
#ContactUs_Box textarea {height:165px; margin:10px 0; width:100%; border-radius:3px; background-color:rgb(255, 255, 255); border:solid 1px #ccc;}
#ContactUs_Box h2 {font-size:25px; width:80%; text-align:center; clear:both; font-weight:900; line-height:1em; margin:0 auto 0px; font-family:muliregular; color:rgb(102, 102, 102); font-style:normal; display:block;}
#ContactUs_Box .error {color: red;font-weight: normal;}
.Contact_Input {float:left;width:46%; margin:10px 2%;}
.Contact_Input_Half {float:left;width:21%; margin:10px 2%;}
.Contact_Message {float:right;width:46%; margin:10px 2%; height:200px;}
#btnSend {width:150px !important; border-style: none !important;
    border-color: inherit;
    border-width: medium;
    font-size:15px; text-align:center; font-weight:900; line-height:1em; margin: 5px 0 0 0 !important; padding:7px 0; color:#fff !important; font-family:muliregular; letter-spacing:2px; background-color: rgb(201, 29, 14) !important; border-radius: 3px !important; }
#btnClear {font-size:15px; width:150px !important; height:auto; text-align:center; font-weight:900; line-height:1em; margin: 5px 0 0 0 !important; padding:7px 0; color:#fff !important; font-family:muliregular; letter-spacing:2px; background-color: rgb(51, 51, 51) !important; border-radius: 3px !important; border:none !important;}

/* Footer */
#Footer {float: none; height: auto; margin:0 auto; width:auto; background-color:rgb(51, 51, 51); padding:50px 10%;}
#Footer p {font-size:12px; line-height:2em; color:rgb(255, 255, 255); font-family:muliregular; letter-spacing:2px;}
#Footer_Links {float:right; height: auto; margin:15px 2% 0 0; width:140px;}
#Footer_Info {float:left; height: auto; margin:15px 0 0 2%; width:60%;}
#Footer_Icons {float: none; height: auto; margin-left: 0%; margin-top: 15px; clear: none; width: 100.006547%; margin-right: 0%;}
#Footer_Icons img {float:left; width:40px; height:auto; margin:0 0 0 5%;}
#Footer_Icons img:first-child {margin:0 0 0 0;}
#copyright {float:right; clear:right; text-align:right; font-size:12px; width:310px; height:auto; font-weight:normal; line-height:1.5em; margin:50px 2% 0 0; color:rgb(255, 255, 255); font-family:muliregular; letter-spacing:2px;}

@media only screen and (max-width: 1350px) {
    /*#Widget_Box {background-color: rgb(26, 26, 26);}*/
    #Mobile_Nav {float: left; width: auto; max-width: 100%; height: auto; margin-left: 45.415509%; margin-top: -78px; clear: none; color: rgb(0, 0, 0); display: none;}
}

@media only screen and (max-width: 1000px) {
    #Section4 {padding-right: 0%; padding-left: 0px;}
    #Home_Section {width: 90%;}
    #Review_Box {margint:0 0%; width:45%;}
    #Icons_Box {margin:75px 0; width:45%;}

    #Quote_Section1 {height: 450px;}
    #Why_Choose {margin-top:27%;}

	.flex-container {display:block; margin:0 10%;}
	.flex-column {flex:0;}
	.fixed-column {width:100%;}
	#About_Us {width:100%; margin:0 0 30px;}
	#About_Us p {font-size:18px;width:100%; margin:15px auto 0;}
	#About_Us h2 {font-size: 26px; margin:10px auto;}
	#About_Us span {font-weight:900;}
	#Social_Widgets {}
	#Facebook_Widget {float:left; width:50%;}
	#Tweets_Widget {float:left; width:50%;}

	#ContactUs_Box {width: 80%;margin: 0 auto;}
}

@media only screen and (max-width: 980px) {
	#Nav_Contact{margin-left: 2%;}
	#Nav_Login {margin-right: 2%;}
	#Logo {margin-left: 2%;}
	#Menu {margin-right: 2%; width:58%;}
	#Menu li a { font-size:12px;letter-spacing:-.1px; padding:0 5px;}
}
@media only screen and (max-width: 900px) {
    #Menu li:first-child > a {padding-left: 5px;}
    #Menu li:nth-child(3) {border: none;}
	#Menu li { width:30%;}
	#Menu li a { font-size:12px;letter-spacing:1px; padding:0 5px; line-height:20px;}
}
@media only screen and (max-width: 820px) {
	#Facebook_Widget {float:none; width:340px; margin:0 auto;}
	#Tweets_Widget {float:none; width:340px; margin:0 auto;}

	#Footer {padding:50px 5%;}
}
@media only screen and (max-width: 790px) {
	#Menu { margin-top:18px; width:48%;}
	#Menu li {width: 49%;}
	#Menu li a { font-size:13px; text-align:left; line-height: 23px;padding: 0 15px !important;letter-spacing:0px;}
	#Menu li:nth-child(2), #Menu li:nth-child(4) {border:none;}
	#Menu li:nth-child(3) {border-right: 0px solid #666;}

	#Review_Box {width: 90%; float:none; clear:both; margin:0 auto;}
    #Icons_Box {margin:30px auto 0; width:90%; float:none; clear:both;}
	#Icons_Box div {margin:0 1%; width:31%;}

    #About_Us {margin-left: auto; margin-right: auto; float: none; clear: none; width: 615px; height: auto; padding-bottom: 30px;}

	#ContactUs_Box {width: 90%;margin: 0 auto;}

    #Logo {margin-left: 2.22%; width: 300px; height: 84.99999980000001px;}
    #Quote_Section {height: 400px;}
    #Widget_Box {margin-right: 10.064697%; margin-top: 141px; clear: none;}
}

@media only screen and (max-width: 720px) {
    #Home_Section {width: 90%;}
	#Review_Box {width: 100%;}

    #Quote_Section1 {height:350px; background-position: 50% 30.3%;}
    #Why_Choose {font-size:48px; margin-top:25%;}

	.flex-container {margin:0 5%;}
	#About_Us {width:100%;}
	#About_Us p {font-size:18px; width:100%;}
	#About_Us h2 {font-size:22px;}

    #Quote_Section {height: 400px;}
}

@media only screen and (max-width: 630px) {
	#Menu_Section { height:auto; max-height:100%;}
	#Menu {display:none; margin-top:0px; width:100%;margin:0;height:auto;float:none;clear: both;}
	#Menu ul {float:none; height:auto;}
	#Menu li {width:100%;border:none;float:none;}
	#Menu li a { text-align:center; line-height: 30px;padding:0;font-size: 16px;border-top: 1px solid #CCC !important;}
    #Menu li a:hover { background:#DDD; text-decoration:none;}
	#Mobile_Nav {display: block;margin:30px 2% 0 0;clear:none;float:right;width:30px;height:auto;cursor: pointer;}

	#Insurance_Info { border-radius:0; position:relative; top:auto;right:auto; width:100%;}
	#Insurance_Info p {font-size:14px;}
	#frmMap {height:300px;} 
	#Icons {margin:0 auto; width:190px;}
	.Map_Icon {width: 40px;}
	.Mobile_Break {display:inline; width:auto;}

    #Footer {padding:50px 2%;}
    #Footer p {font-size:16px; text-align:center;}
    #Footer_Links {float:none; margin:0; width:100%;}
    #Footer_Info {float:none; margin:20px 0 0; width:100%;}
    #Footer_Icons {margin:0 auto; width:190px;}
    #Footer_Icons img {float:left; width:40px; height:auto; margin:0 0 0 5%;}
    #Footer_Icons img:first-child {margin:0 0 0 0;}
    #copyright {float:none;clear:both; text-align:center; font-size:12px !important; width:350px; margin:20px auto;}
}

@media only screen and (max-width: 480px) {
    #Menu_Section {height: auto;}
	#Logo {margin-left:0;}

    #Icons_Box {width:100%; height:auto;}
	#Icons_Box div {margin:0 2%; width:29%;}
	#Icons_Box div p {font-size: 18px;}

    #Quote_Section1 {height:300px; -webkit-background-size: 130%; background-size: 130%;}
    #Why_Choose {font-size:30px; margin-top: 43%;}

    #About_Contact {width: 90%;}

	#ContactUs_Box {width: 95%;}
	.Contact_Input {float:none;width:96%;}
	.Contact_Input_Half {float:none;width:96%;}
	.Contact_Message {float:none;width:96%; height:auto;}

    #Quote_Section {background: rgb(160, 160, 160) url('../images/Photo_1.jpg') no-repeat no-repeat 55.8% 40.7%;
    -webkit-background-size: 132.9%; background-size: 132.9%; }
    #Widget_Box {margin-right: 2.871094%; margin-top: 193px; clear: none;}
}
