@charset "utf-8";

/* CSS Document */
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,dialog,blockquote { display: block; }
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
html,body,div,span,applet,object,iframe,h1,h2,h4,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
a:focus { outline: none; }
a:active,
a:hover { outline: 0; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;    /*margin-left: 7px;*/ }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
button,
input,
select,
textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
button,
input { line-height: normal; }
button,
select { text-transform: none; }
button,
html input[type="button"],

/* 1 */
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
button[disabled],
html input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
table { border-collapse: collapse; border-spacing: 0; }
::-webkit-input-placeholder { opacity: 1; }
:-moz-placeholder { /* Firefox 18- */
opacity: 1; }
::-moz-placeholder {  /* Firefox 19+ */
opacity: 1; }
:-ms-input-placeholder { opacity: 1; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { opacity: 0.5; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { opacity: 0.5; }

/* FF 4-18 */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { opacity: 0.5; }
::selection { background: #333; color: #fff; text-shadow: none; }
::-moz-selection { background: #333; color: #fff; text-shadow: none; }

/* End Global reset style */

/*--------------------------------Structure CSS------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 15px; color: #006699; margin: 0; }
h3:before { content: "\2022"; color: #CC9933; font-size: 1.2em; margin-right: 10px; }
h2 {margin-bottom: 10px;}
h1 { text-transform: uppercase; font-size: 16px; line-height: 1.2; }
h2 {  font-size: 16px; }
h3 {  font-size: 15px; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small { display: block; color: #000; }
.float_left { float: left !important; }
.float_right { float: right !important; }
.background_none { background: none !important; }
.m0 { margin: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.p0 { padding: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pr0 { padding-right: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.display_none { display: none; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.alignleft {float: left;margin-right: 10px;/* background: #ccc; */width: 135px;}
.alignright { float: right; margin-left: 10px; }
img.alignright,
img.alignleft,
img.alignnone,
img.aligncenter,
figure.alignright,
figure.alignleft,
figure.alignnone { margin-bottom: 10px; }
img.aligncenter { display: block; margin: 0 auto 20px; }
.caption { max-width: 100%; text-align: center; color: #CC9933; display: block; }
.hr { width: 100%; height: 6px; background-color: #008065; float: left; border-radius: 3px; margin: 50px 0; }
.btn { display: inline-block; padding: 0 10px; background-color: #d5a243; line-height: 30px; border: none; color: #fff; border-radius: 3px; text-align: center; }
.btn:hover { background-color: #000; text-decoration: none; color: #fff; }
.btn.larg { font-size: 20px; padding: 10px 30px; height: 50px; font-weight: 600; line-height: 1.5; }
.row { margin-left: -5px; margin-right: -5px; }
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 { float: left; padding: 0 5px; position: relative; }
.col1 { width: 8.33333333%; }
.col2 { width: 16.66666667%; }
.col3 { width: 25%; }
.col4 { width: 33.33333333%; }
.col5 { width: 41.66666667%; }
.col6 { width: 50%; }
.col7 { width: 58.33333333%; }
.col8 { width: 66.66666667%; }
.col9 { width: 75%; }
.col10 { width: 83.33333333%; }
.col11 { width: 91.66666667%; }
.col12 { width: 100%; }
.navHead:before,
.navHead:after,
.content:before,
.content:after,
.main:before,
.main:after,
.row:before,
.row:after { content: ""; display: block; clear: both; }
.header,
.main,
.fotter { max-width: 775px; margin: 0 auto; }
.homePage .main { max-width: 826px; }
.ml40 p { margin-top: 0 !important; }
.textIndent { text-indent: 0; }
a { display: inline-block; }

/*----- --------*/

/* MAIN STYLES */

body { margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; font-family: Arial; font-size: 15px; color: #000; background-color: #fff; line-height: 20px; }
li { font-family: Arial; font-size: 15px; text-decoration: none; line-height: 20px; list-style: none;}
a:link,
a:active,
a:visited { text-decoration: underline; color: #000000; font-weight: normal; }
a:hover { text-decoration: underline; color: #006699; font-weight: bold; }
.linkUnderline li a:link,
li a:active,
li a:visited { text-decoration: none; color: #000000; font-weight: normal; }
.linkUnderline li a:hover { text-decoration: none; color: #006699; font-weight: bold; }
.linkUnderline li::before { content: "•"; color: #CC9933; margin-right: 10px; font-weight: bold; font-size: 18px }
a.footerLink:link,
a.footerLink:active,
a.footerLink:visited { text-decoration: none; color: #666666; font-weight: normal; }
a.footerLink:hover { text-decoration: none; color: #666666; font-weight: normal; }
.linkUnderline,
.linkUnderline a { text-decoration: underline; }

/* TEXT STYLES */
.main { font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 20px; }
.quote { font-family: Arial; font-size: 15px; text-decoration: none; line-height: 20px; color: #006699; }
.quote2 { font-family: Arial; font-size: 15px; text-decoration: none; line-height: 20px; color: #CC9933; }
.small { font-family: Arial; font-size: 11px; text-decoration: none; line-height: 20px; }
.large { font-family: Arial; font-size: 16px; text-decoration: none; line-height: 20px; }
input.button { font-family: Arial; font-size: 11px; background-color: #FFFFCC; color: #000000; border-color: #FFFFFF; }
.blueColor { color: #006699; }
p strong { color: #006699; }
.header .logo { float: left; }
.header .topQuote { float: right; }
.homePage .mainNav { margin-top: 3em; }
.mainNav { width: 160px; float: left; }
.mainNav .navHead { background-color: #006699; padding: 10px 15px; font-size: 1.2em; }
.mainNav .navHead a.menuBtn { text-decoration: none; color: #fff; margin: 3px 0; }
.mainNav .navHead a.menuBtn:before { content: ""; width: 20px; height: 2px; background-color: #fff; display: inline-block; margin-right: 10px; box-shadow: 0 -5px 0 #fff, 0 -10px 0 #fff; margin-bottom: -1px; }
.mainNav ul { list-style: none; padding: 0; margin: 0; }
.mainNav ul li { margin: 16px 0; }
.mainNav ul li a { text-decoration: none; background: url(images/nav_bg.jpg) left center no-repeat; font-size: 15px; font-weight: bold; padding-left: 30px; text-transform: capitalize; }
.mainNav ul li a:hover { color: #000; background-image: url(images/nav_bg_hover.jpg); }

/**/
a.small-phone { color: #fff; text-decoration: none; display: inline-block; float: right; font-size: 16px; margin: 4px 0 0; }
ul li a {/* display: block; */}

/**/
.homePage .content { width: 666px; margin-left:0px !important;margin-top: 30px;}
.content {float: left;width: 590px;margin-top: 0.5em;/* margin-left: 15px; */padding-left: 10px;padding-right: 10px;}
.content p { margin: 1em 0; text-align: left; }
.content p strong { line-height: 150%; text-align: inherit; }
.content ul { padding-left: 0; }
.content ul li {line-height: 25px;}
.content ul.listNone { list-style: none; }
.content ul.listNone li { color: #000; margin: 0; line-height: 1.4; }
.content ul.listNone li:before { content: "-"; margin-right: 5px; }
.slider { float: left; width: 240px; margin-top: 0.5em; }
.innerContent {float: right;width: 390px;}
ul.innerList {padding-left: 0;margin-bottom: 10px;}   
ul.innerList li {margin-top: 0;/* margin-bottom: 2px; */color: #000 !important;list-style: none;display: flex;}
ul.innerList li::before { content: "•"; color: #CC9933; margin-right: 10px; font-weight: bold; font-size: 18px }
ul.innerList img { float: right; }
ul.innertwocol { padding-left: 30px; display: inline-block; }
ul.innertwocol li { margin-top: 5px; margin-bottom: 0.5em; color: #000 !important; list-style: none; display: flex; float: left; width: 50%; }
ul.innertwocol li::before { content: "•"; color: #CC9933; margin-right: 10px; font-weight: bold; font-size: 18px }
ul.innertwocol img { float: right; }
ul.innerListnarrow { padding-left: 0; }
ul.innerListnarrow li { margin: none !important; list-style: none; display: flex; }
ul.innerListnarrow li::before { content: "•"; color: #CC9933; margin-right: 10px; font-weight: bold; font-size: 18px }
ul.innerListclients {padding-left: 30px;padding-bottom: 15px;}
ul.innerListclients li {margin: 0 !important;list-style: none;/* line-height: 15px; */position: relative;padding-left: 15px;}
ul.innerListclients li::before { content: "•"; color: #CC9933; margin-right: 10px; font-weight: bold; font-size: 18px; position: absolute; left: 0; }
ul.innerListclients li a { color: #CC9933; }
ul.innerListclients li a:hover { font-weight: bold; }
.testiDiv { line-height: 20px; color: #006699; margin-top: 40px !important; }
.testiDiv p span { color: #CC9933; text-align: right; text-decoration: none; display: block; padding-top: 10px; }
.footer {color: #666;margin: 20px 0;font-size: 12px;}
.socialLinks { margin-bottom: 20px; }
.footer p {line-height: 180%;font-size: 13px;}
.footer a { color: #666; }
.contactForm td { padding: 2px 0; }
.proImg { float: right; margin-right: 190px; }
.allowMarginLeft {margin-left: 30px;}
.allowMarginBottom {margin-bottom: 15px;}
.mfp-content {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

/*Media*/
@media(min-width:851px) {
    .navHead { display: none; }
}
@media(max-width:850px) {
    .mainNav,
    .homePage .content,
    .content { width: 100%; }
    .main { padding: 0 15px; }
    .homePage .mainNav { margin-top: 1em; }
    .mainNav { margin-bottom: 1em; }
    .innerContent { overflow: hidden; padding-left: 10px; width: auto; float: none; }
    .mainNav ul { background-color: #006699; display: none; }
    .mainNav ul li { margin: 0; display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .mainNav ul li a { background-image: none; padding: 10px 15px; display: block; color: #fff; font-weight: normal; }
    .mainNav ul li a:hover { background: #CC9933; font-weight: bold; }
}
@media(max-width:805px) {
    .header,
    .footer {padding: 0 15px;}
}
@media(max-width:767px) {
    .header .logo,
    .header .topQuote { float: none; text-align: center; }
    .header .topQuote { margin-top: -50px; }
    .ml40 { margin-left: 0 !important; }
    .content p { text-align: left; }
    .main { font-size: 15px; line-height: 1.5em; }
}
@media(max-width:568px) {
    .slider { float: none; margin: 15px auto; max-width: 100%; }
    .col6 { width: 100%; }
    .proImg { float: none; margin-right: 0; }
}
@media(max-width:480px) {
    .header .topQuote { margin-top: -40px; }
    .contactForm td { display: block; width: 100%; }
    .contactForm input,
    .contactForm textarea { width: 100%; }
    .contactForm input { width: calc(100% - 50px); }
    ul.innerListclients {padding-left: 10px;}
}
@media(max-width:400px){
	.alignleft{width:135px;}
}