/* ############# GENERAL RESETS AND FIXES ############# */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
mark  {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { background-color:#ff9; color:#000; text-decoration:none;}

/* ############# GENERAL STYLES ############# */
body {font-family: 'Monda', Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:19px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal; margin:0; font-family: Calibri, sans-serif;}
h1, h2, h3 {color:#666;} h4, h5, h6 {color:#666;}
h1, h2 {font-size:20px; padding:0 0 15px;}
h3 {font-size:18px; padding:0px 0 6px;}
h4 {font-size:16px; padding:0px 0 5px;}
h5 {font-size:17px; padding:0px 0 4px;}
h6 {font-size:12px; padding:0px 0 4px;}
a:link, a:visited {color:#0e77c1; text-decoration:none;}
a:focus, a:hover{color:#181818; text-decoration:underline;}
a:active {color:#c7a450; text-decoration:none;}
p {padding:0 0 10px 0;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;}
strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;}
sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;}
ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;}
table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{} small{font-size:11px;} .red, .require, .star {color:#F00;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;}

/* FLUID COLUMN */
.one_half {width:49%; float:left; padding-right:2%; padding-bottom:12px;} .one_half.last {width:49%;float:right;padding-right:0;}
.one_third {width:32%; float:left; padding-right:2%; padding-bottom:12px;} .one_third.last {width:32%; float:right; padding-right:0;}
.two_third {width:66%;float:left; padding-right:2%;padding-bottom:12px;} .two_third.last {width:66%;float:right;padding-right:0;}
.one_fourth {width:23.5%;float:left;padding-right:2%;padding-bottom:12px;} .one_fourth.last {width:23.5%;float:right;padding-right:0;}
.three_fourth {width:74.5%;float:left;padding-right:2%;padding-bottom:12px;} .three_fourth.last {width:74.5%;float:right;padding-right:0;}
.one_half+.one_half, .one_third+.two_third, .two_third+.one_third, .one_third+.one_third+.one_third, .one_fourth+.one_fourth+.one_half, .one_fourth+.one_half+.one_fourth, .one_half+.one_fourth+.one_fourth, .one_fourth+.three_fourth, .three_fourth+.one_fourth, .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:right;padding-right:0;}

/* GRID LAYOUT*/
.main, .container {width:960px;	margin:0 auto; position:relative;} .row {display:block; float:left; margin-bottom:20px;}
.grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; }
.grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;}
.grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;}
.grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}
.section {float:left; width:100%; clear:both;} .fleft {float:left;} .fright {float:right;} .on-phone, .on-tablet, .on-desktop, .off-phone, .off-tablet, .off-desktop {display:none;}

@media (min-width: 979px) {
	.off-phone, .off-tablet, .on-desktop {display:block;} .off-desktop, .on-tablet, .on-phone {display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.main, .container { width:720px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;}
	.grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;}
	.grid10 {width:580px;} .grid11 {width:640px;} .grid12 {width:700px;}
	.off-phone, .on-tablet, .off-desktop  {display:block;} .off-tablet, .on-desktop, .on-phone {display:none;}
}
@media (max-width: 767px) {
	.main, .container {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;}
	.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;}
	.on-phone, .off-desktop, .off-tablet {display:block;} .on-desktop, .off-phone, .on-tablet {display:none;}
}

/* ############# GENERAL STUCTURE ############# */
body {background:#efefef; color:#636363; font-size:15px; line-height:21px; font-family:Calibri, sans-serif;}
#main {width:990px; margin:0 auto;} .main {margin:0 auto; position:relative; background:#fff;}

#header {background:#fff; padding:15px 0 20px;} #logo img {max-width:100%;}

#top {color:#000; font-size:17px; line-height:22px; margin-top:15px;} #top img {max-width:100%; height:auto;}
#top .call p {text-align:right; padding-right:10px; font-family:Calibri, sans-serif; font-weight:bold; line-height:30px; }
#top .call span {color:#E24B1B; font-size:30px; background:url(../images/icon_phone.png) no-repeat 0 96%; padding-left:30px; display:inline-block;}
/* #top .call a {color:#cc9404; text-decoration:none;} */
#top .call a {color:#E24B1B; text-decoration:none;}

#banner {background:#f5f5f5 url(../images/banner_shadow.png) no-repeat 50% 100%; padding-bottom:34px;}
#banner .banner-wrap {background:#e4e4e4 url(../images/banner_bg.png) repeat-y 0 0; padding:8px 0 10px; border-bottom:3px solid #b68a4d;}

.banner {background:url(../images/pen.png) no-repeat 100% 0; background-size:contain; color:#246696;}
.banner .caption { padding:19px  150px 25px 35px;}
.banner h1 {color:#246696; font-size:48px; line-height:50px; font-weight:bold; margin-bottom:20px; font-family:"Times New Roman", Times, serif;}
.banner h1 span {font-size:110px; line-height:86px;}
.banner p { font-family:"Times New Roman", Times, serif; line-height:32px; font-size:28px; color:#246696;}

.quote-form .quote-inner {background:#165c90 url(../images/banner_form_bg.png) repeat-x 0 0; overflow:hidden; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;box-shadow: -1px 2px 8px 3px rgba(0,0,0,0.5);}
.quote-form h2 {background:url(../images/form_header_point.png) no-repeat 50% 100%; padding-bottom:17px; margin-bottom:10px;}
.quote-form h2 span{background:#23608f; display:block; color:#fff; font-size:30px; line-height:36px; font-family:Calibri, sans-serif; font-weight:bold; text-align:center; padding:8px 0 10px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.quote-form .form {padding:0px 12px 20px;}
.quote-form .form label {color:#fff; font-size:15px; line-height:21px; font-family:Calibri, sans-serif; font-weight:bold; float:left; width:84px; margin-top:7px; text-align:right; padding-right:12px;}
.quote-form .form  input.input {background:#fff; border:1px solid #fff; width:148px; height:20px; padding:5px 5px 6px; margin-bottom:16px;}
.quote-form .form  input.input:focus {border:1px solid #c1f0ff;}
.quote-form .form  input.submit {background:#b48b52 url(../images/quote_button_bg.png) repeat-x 0 0; box-shadow:none; padding:10px 8px 12px; width:100%; display:block; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; color:#fff; font-size:24px; line-height:30px; font-family:Calibri, sans-serif; font-weight:bold;}

.quote-form .form input.submit:hover {background:#cba95d;}
.quote-form .form input.error{border:1px solid #ff0000;}
.quote-form p.success{background:#fff; color:#165C90; padding:3px 8px; margin:0 10px 8px; font-size:14px; line-height:16px;}
.quote-form p.failed {background:#fff; color:red; padding:3px 8px; margin:0 10px 8px; font-size:12px; line-height:16px;}

/* ############# WRAPPER/CONTENT ############# */
#wrapper {background:#f5f5f5;}

#feature {padding-bottom:20px; border-bottom:1px solid #d4d4d4; margin-bottom:10px;}
.feature {color:#636363; font-size:17px; line-height:21px; font-weight:bold; font-family:Calibri, sans-serif;}
.feature h3 {color:#636363; font-size:24px; line-height:30px; font-weight:bold; padding:0 0 12px 0;}
.feature h3 span {background:url(../images/icon_bullet.png) no-repeat 0 0; display:inline-block; padding:2px 0 4px 45px;}
.feature .inner {padding:0 10px 0 25px;}

.services {margin-bottom:16px; float:left; width:100%;}
.services h2 {color:#666; font-size:30px; line-height:36px; font-weight:bold; padding:2px 0 15px; border-bottom:1px solid #d4d4d4; margin-bottom:12px; text-align:center;} .service  { font-family:Calibri, sans-serif; font-size:15px; line-height:17px;} .service .inner {padding:0 0 0 18px;}
.service h5 {color:#246696; font-size:14px; line-height:18px; font-weight:bold;}
.service ul {list-style:none; min-height:90px; margin-bottom:5px;}
.service ul li {color:#636363; font-size:15px; line-height:18px;}

.advart {background:url(../images/about_panel_shadow.png) no-repeat 50% 100%; background-size:contain; padding:0 15px 28px; margin:0 -15px;}
.advart .advart-inner {margin: 0 -15px;}
.advart h4 {color:#fff; font-size:20px; line-height:26px; background:#2c6291; padding:10px 25px 11px; font-weight:bold;text-align: center;border-bottom: 1px solid rgb(113, 113, 113);}
.advart .about {background:#135c8f url(../images/about_panel_bg.png) repeat-x 0 0; padding:12px 25px 20px;}
.advart .about p {color:#fff; font-size:17px; line-height:21px; font-weight:bold; padding:0 0 15px;}
.advart .about h6 {color:#fff; font-size:30px; line-height:36px; font-weight:bold; padding:10px 0 12px; text-align: center; }

.membership {background:#eaeaea;}
.membership h5 {color:#636363; text-align:center; text-transform:uppercase;}
.membership p {text-align:center; padding:0 0 15px}


#rightside {float:right;} #leftside {float:left;}
#rightside .side-indent {padding:0 0 0 20px;}
#leftside .side-indent {padding:0 20px 0 0;}


a.more-link {color:#333333; text-decoration:underline; font-weight:normal; font-weight:bold; font-size:12px; text-transform:uppercase;}
a.more-link:hover {text-decoration:none; color:#c7a450;}

a.button {color:#fff; background:#c7a450; padding:7px 12px 8px 12px; display:inline-block; width:auto; cursor:pointer; font-weight:normal; font-size:14px; text-decoration:none; margin:5px 0 10px; text-transform:uppercase;}
a.button:hover {color:#fff; background-color:#000; text-decoration:none;}

img.alignright {float:right; margin:0px 0 10px 25px; clear:right;}
img.alignleft {float:left; margin:0px 25px 10px 0; clear:left;}
img.alignalone {margin:5px auto 8px;} img.alignnone {margin:8px 10px 10px 0px;}
img.alignright, img.alignleft, img.alignnone {}



/*   Form   */
.contact-page .wpcf7 { margin:5px 0 0;}
.wpcf7 .star{ color:#F00;}


#map {float:right; margin-left:20px;} #map img {margin-bottom:8px;} .gmap-title {padding:0 0 20px;}

input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea {background:#fff; border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#757575; width:210px; padding:7px 10px 8px; margin:4px 0 0;}
textarea {height:75px;} select {padding:3px 3px 3px 5px; width:230px;} textarea#comment {width:93.2%;}

input.input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input.wpcf7-text:focus, input.wpcf7-email:focus, input.wpcf7-date:focus, input.wpcf7-tel:focus, select:focus, textarea:focus {border-color:#b8b8b8; color:#1c1c1c;}
input.error, select.error, textarea.error {border-color:#ffbfbf;} input.wpcf7-file {padding:5px 5px 5px;}
input.wpcf7-submit, input.button, input.submit, input#submit, input[type='button'], input[type='submit'] {background:#98b83c url(../images/submit_bg.png) repeat-x 0 0; border:0 none; display:inline-block; padding:4px 20px 5px 20px; font-size:16px; line-height:20px; text-transform:uppercase; color:#fff; text-decoration:none; width:auto; text-align:left; font-weight:700; font-family: 'Monda', sans-serif; border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow:0px 4px 3px #c7c7c7; -webkit-box-shadow:0px 4px 3px #c7c7c7; -moz-box-shadow:0px 4px 3px #c7c7c7; -ms-box-shadow:0px 4px 5px #c7c7c7; -o-box-shadow:0px 4px 3px #c7c7c7;}
input.wpcf7-submit:hover, input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover {color:#fff; background:#7d9a2a; text-decoration:none; cursor:pointer;}


#wrapper .column3 .sidebar form input.input {width:214px; background:rgba(39,49,63, 0.6); border:1px solid #5a636f; color:#e7e9ea; height:18px; padding:3px 10px;}
#wrapper .column3 .sidebar form input.search { background:#117ab3 url(../images/search_bg.png) repeat-x 0 0; color:#e7e9ea; font-size:15px; line-height:21px; font-family:Tahoma, Geneva, sans-serif; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; text-transform:capitalize; box-shadow:none; margin-top:10px;}
#wrapper .column3 .sidebar form input.search:hover {background:#1d8bc0;}



/* ############# BOTTOM/FOOTER ############# */
#footer {background:#5f5f5f url(../images/footer_bg.png) repeat-x 0 0;}
#footer .footer {background:url(../images/footer_point.png) no-repeat 50% 1px; color:#ddd; font-size:15px; line-height:19px; padding:30px 0 12px;}
#footer .footer a { color:#ddd; text-decoration:none;}
#footer .footer a:hover { color:#fff; text-decoration:underline;}

/* ### RESPOSIVE STUCTURE ### */

@media (min-width: 768px) and (max-width: 979px) {
	#main {width:750px;} #top .call span {font-size:24px;}
	.banner h1 {font-size:36px; line-height:40px;}
	.banner h1 span {font-size:75px; line-height:80px;}
	.banner p {font-size:22px; line-height:28px;}
	.quote-form h2 {margin-bottom:2px;} .quote-form h2 span {font-size:22px;}
	.quote-form .form {padding:0 12px 10px;}
	.quote-form .form label {width:150px; text-align:left; margin-top:0;}
	.quote-form .form input.input {width:185px; margin-bottom:0px; height:16px;}
	.quote-form .form input.submit {font-size:20px; padding:5px 8px 6px;}
	.feature {font-size:15px; line-height:19px;} .feature .inner {padding:0 5px 0 10px;}
	.advart {padding: 0 15px 20px;} .advart .about p {font-size:15px; padding:0 0 10px;} .advart .about h6 {font-size:22px; padding:5px 0 6px;}
	.services h2 {font-size:26px;} .service h5 {font-size:13px;} .service ul {min-height:115px;} .service ul li {font-size:14px;}
}
@media (max-width: 979px) {
	.on-phone, .off-desktop, .off-tablet {display:block;} .on-desktop, .off-phone, .on-tablet {display:none;}
	.success {color:#165C90; padding:10px;}
}
@media (max-width: 767px) {
	#body {min-width:300px;} #main {width:100%; float:left;} #header {padding:5px 0 6px;} #logo img {margin-left:8px;}
	#top {margin-top:0;} #top .since p {text-align:center;} #top .call {margin-top:5px;}
	#top .call p, #top .since p  {text-align:left; padding:0 12px;} #banner .banner-wrap {padding:8px 0 0;}
	#top .call span {font-size:22px; line-height:24px; margin-left:6px;} #top .call span br {display:none;}
	#footer .footer {font-size:12px; line-height:18px; padding:30px 10px 8px;}
	.membership {padding-top:15px;} .advart {padding:0; margin:0;} .advart .advart-inner {margin:0;}
	.advart .about h6 {font-size:16px; line-height:24px; padding:0;}
	.advart .about p {line-height:19px; font-size:13px; font-weight:normal; padding:0 0 10px;}
	.banner .caption { padding:26px 100px 25px 18px;}
	.banner h1 {font-size:32px; line-height:42px; margin-bottom:10px;}
	.banner h1 span {font-size:54px; line-height:56px;}
	.banner p {font-size: 16px; line-height:22px;}
	.quote-form .quote-inner {border-radius:0;}
	.quote-form .form input.input {margin-bottom:5px; width:65%;}
	.quote-form .form input.submit {padding:6px 8px 8px; font-size:18px;}
	#feature {padding-bottom:10px;} .feature {font-size:15px; line-height:18px;}
	.feature h3 {padding:0 0 6px; font-size:22px;} .feature .inner {padding:0 18px 0;}
	.services {margin-bottom:8px;} .service ul {min-height:inherit;} .service ul li {font-size:14px; line-height:18px;}
	.service {border-bottom:1px dotted #CCC; padding-bottom:8px; margin-bottom:10px;}
}
@media (max-width: 479px) {
	#logo {text-align:center;} #logo img {margin-left:0;} #top .call p {text-align:center;}
	#top .call span {font-size:16px; line-height:24px; margin-left:0;}
	.banner h1 {font-size:20px; line-height:24px; margin-bottom:10px;}
	.banner h1 span {font-size: 40px; line-height: 36px;}
	.banner p {font-size: 14px; line-height: 18px;}
	.quote-form h2 {margin-bottom:0;} .quote-form h2 span {font-size:26px; line-height:30px;}
	.quote-form .form p {padding:0 0 4px;} .quote-form .form label {text-align:left; width:165px; margin-top:0;}
	.quote-form .form input.input {width:90%; padding:5px 5% 6px; height:16px;}
	.feature {font-size:13px; line-height:18px;} .feature h3 {padding:0 0 6px; font-size:22px;} .feature .inner {padding:0 15px 0;}
	.services h2 {font-size:20px; line-height:26px; padding:2px 10px 12px;}
	.advart .about p {font-size:12px; line-height:17px;}
}