/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, /*table, tbody, tfoot, thead, tr, th, td,*/ article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
    /*margin: 0;
	padding: 0;
	border: 0;
	outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
}

#sectionspacer, .sectionspacer {line-height: 20px; margin-top: 20px;}
			
.imagefade {width: 100%; height: auto; position: absolute;}
.imagewrap {width: 100%; height: auto; position: relative;}
.imagewrapform { width: 100%; height: auto; position: absolute; z-index: 1;}
.formwrap, #formwrap {
    z-index: 2; 
    position:relative; 
    float: right; 
    display: inline-block; 
    width: 300px; 
    top: -15px; 
    right: -620px; 
    font-size: 13px; 
    font-weight: bold;
    -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;}
.image{
   position: relative; 
   width: 100%; /* for IE 6 */
   height: auto;
}

#imageheader, #imagewrapform { 
   position: absolute; 
   top: 20px; 
   left: 0; 
   width: 100%;
   font-size: 2.1em;
   color: #ffffff;
   margin-left: 20px;
}
#imageheader p { 
   position: absolute; 
   top: 40px; 
   left: 0; 
   width: 100%;
   font-size: .5em;
   color: #ffffff;
   margin-left: 20px;
}

ol.bulletlist {
    margin-left:10px;
    padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	list-style-type: square;
	/*font-size: 13px;
	font-style: normal;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	color: #484641;
	line-height:18px;*/
}

#form-style {color: #ffffff;}
#form-style p {color: #ffffff;}
.form-style {color: #ffffff;}
.form-style p {color: #ffffff;}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

a {color: #004488; text-decoration:none; font-size: .98em;}
/* we like off-black for text */

p, body, select, input, textarea{font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #484641; /*font: Helvetica, Arial, sans-serif;*/}

/* BODY STYLING */

/*.full-width-bg{background:#0094d6;}
     
body {background:#0094d6; background-color:#0094d6;}*/

/* Website background color and default font styles */
body {
  background: #0094d6;
  background-color: #f8f7f8;
  color: ;
  font-family: ;
  font-size: ;
  line-height: ;
}


#mainwrapper {
    	margin: 0 auto;
  		max-width: 960px;
  		_width: 960px;
  		padding: 0 30px;
  		/*text-align: center;*/
  		-webkit-font-smoothing: antialiased;
		float:inherit;
        background-color:#ffffff;
	}

#mainContent-left, #mainContent-left {
    /*margin-left:230px;*/
	width: 70%;
	/*width: 576px;*/
	float: left;
}
#pk_text, #mainContent-left{ background-color:#ffffff; }    
    
    #columnsection-right, .columnsection-right {
    width: 25%;
	float: right;
}

.columnleft { width:33%; float:left; padding-right: 20px; padding-top: 20px;}
.columncenter { width:33%; float:right; padding-left: 20px; padding-top: 20px;}
.columnright { width:33%; float:right;}

@media screen and (max-width: 480px) {
    .columnleft { width:100%; float:left; margin-left: 15px;}
    .columncenter { width:100%; float:left;}
	.columnright { width:100%; float:left;}
    
    ol.bulletlist {
    margin-left:10px;
    padding-left:10px;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	list-style-type: square;
    float: left;
	/*font-size: 13px;
	font-style: normal;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	color: #484641;
	line-height:18px;*/
}
    
}


@media screen and (max-width: 480px) {
    
    #mainwrapper {
    	float: left;
		clear: left;
		/*margin: 0 0 0px;*/
		width: 98%;
		_width: 98%;
		padding-left:5px;
		padding-right:0px;
        background-color:#ffffff;
		}

#mainContent-left, #mainContent-left {width: 100%; float: left;}
#columnsection-right, #columnsection-right {width: 100%; float: left;}
#bottomsection-left, #bottomsection-center, #bottomsection-right {width: 100%; float: left;}

#imageheader { 
   position: absolute; 
   top: 5px; 
   left: 0; 
   width: 100%;
   font-size: 1.0em;
   font-weight: bold;
   color: #ffffff;
   margin-left: 10px;
}
#imageheader p { 
   position: absolute; 
   top: -60px; 
   left: 0px; 
   width: 100%;
   font-size: .75em;
   color: #ff7900;
   margin-left: 0px;
   margin-bottom: 20px;
   
}

#fontwhite, #fontwhite p {color:#ffffff;}

}
#quotation-mark {color:#0457a4; font-size:40px; font-weight:bold; text-align:right; font-style:italic;}
#tquote, #tquote p { color:#004488;
font-family: 'Open Sans',Helvetica,Arial,sans-serif; 
font-size:6px; 
font-weight:600; 
/*letter-spacing: -0.3pt; 
line-height:16px;*/
border:1px solid #004488;
border-top: none;
border-left: none;
border-right: none;}


/*-----------------------------------------------------------------------*/
/* Simple hnavscaleigation Bar for Compliance Programs 
/*-----------------------------------------------------------------------*/
   #hnavscale, .hnavscale, .hnavscale ul{
      width: 100%;
      height: auto;
      float: left;
      /*margin: 0 0 .5em 0;/*3em*/
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;}
   #hnavscale li, .hnavscale li {
      float: left; text-align:center; width:16%;}
   #hnavscale li a, .hnavscale li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #hnavscale li a:hover, .hnavscale li a:hover {
      /*color: #ff7900;
      background-color: #e2e7e7; */
      color: #ffffff;
	  background-color: #069; }

.navextend, .navextend a, .navextend a:hover {width:100%; color:#ffffff; background-color:#ff7900; text-align:center;}
#navextend a:hover {width:100%; color:#ffffff; background-color:#ff7900; text-align:center;}

#sectionspacer-ty, .sectionspacer-ty {line-height: 20px; padding-top: 200px;}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
    
    .formwrap {
        float: left; 
        width: 200px;
        max-width: 200px !important;
        top: -30px; 
        padding-bottom: 10px; 
        right: -70%;
        left: 65%;
        /*background-color: #f0f0f0;*/
        padding-left: 0px; 
        padding-top: 0px; 
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        z-index: 2; font-size: 11px; font-weight: bold;}
        
        .imagewrap {width: 100%; height: auto; position: relative;}
.imagewrapform { width: 100%; height: 260px;}

#sectionspacer-ty, .sectionspacer-ty {line-height: 20px; padding-top: 150px;}
    }

	  
@media screen and (max-width: 480px) {
    
    .formwrap, #formwrap {
        float: left; 
        width: 100%; 
        top: 60px; 
        padding-bottom: 10px; 
        left: 0px; 
        background-color: #f0f0f0; 
        padding-left: 20px; 
        padding-top: 20px; 
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;}
    
	#hnavscale, .hnavscale {
      width: 100%;}
	#hnavscale li, .hnavscale li {
      float: left; width:100%; display:block;}
	#hnavscale li a, .hnavscale li a {
		float: left;
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc;
	  width:100%; }
	  
	  .navextend, .navextend a, .navextend a:hover, .navextend a:link, .navextend a:active, .navextend a:visited {width:100%; color:#ffffff; background-color:#ff7900; display:block;}
	   /* End hnavscalescale bar styling. */
       .quote-box {height: auto; float: left; display: block;}

#sectionspacer, .sectionspacer {line-height: 20px; margin-top: 100px;}
#sectionspacer-ty, .sectionspacer-ty {line-height: 24px; padding-top: 100px; /*margin-top: 100%; padding-top: 100px; padding-bottom: 30px; display: inline-block; margin-top: 300px;*/}
      
      }/*END of Responsive*/
      
  



/* From hubtheme-style.css */

/* Testimonial */
.quote-box {
    background: #f5f5f5;
    padding: 30px;
    padding-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    margin-bottom: 30px;
    height: auto;
}
.quote-box:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f5f5f5;
    position: absolute;
    bottom: -20px;
    margin-left: -20px;
    left: 50%;
}
.quote {
    border: none;
    padding: 0;
    font-size: 16px;
    color: #666666;
    margin: 0px;
}
.details {
    font-size: 13px;
}
.name {
    display: block;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}
.quote-box .title {
    display: block;
    color: #b3b3b3;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 13px;
}
.quote-box .fa{
    font-size: 18px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.img-rounded {
    border-radius: 6px;
}

.testimonial-headshot img{
    border-radius: 50%;
    max-width: 150px;
    max-height: 150px;
    margin-top: -10px;
    border: 5px solid #f5f5f5;
}

/* Buttons */
.hs-button.primary {
    color: #ffffff; 
    font-weight: bold;
    font-size: 13px;
    background-color: #ff7900;
    margin: 10px;
    margin-left: 1px;
    padding: 5px;
    /*width: 140px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}

/* FAQ Module */
.accordion { margin-bottom: 20px; }
.accordion_group {
    margin-bottom: 2px;
    padding-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f0f0f0;
    padding: 5px 10px;
}
.accordion_header {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    width: 100%;
    padding: 10px 10px;
    color: #1073ac;
}
.accordion_icon{
    color: ;
    padding-right: 10px;
}
.accordion_content { padding: 10px 10px; font-size: 13px; }


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"],
.hs_cos_wrapper_type_form input[type="datetime"],
.hs_cos_wrapper_type_form input[type="datetime-local"],
.hs_cos_wrapper_type_form input[type="date"],
.hs_cos_wrapper_type_form input[type="month"],
.hs_cos_wrapper_type_form input[type="time"],
.hs_cos_wrapper_type_form input[type="week"],
.hs_cos_wrapper_type_form input[type="number"],
.hs_cos_wrapper_type_form input[type="email"],
.hs_cos_wrapper_type_form input[type="url"],
.hs_cos_wrapper_type_form input[type="search"],
.hs_cos_wrapper_type_form input[type="tel"],
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus,
.hs_cos_wrapper_type_form input[type="datetime"]:focus,
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus,
.hs_cos_wrapper_type_form input[type="date"]:focus,
.hs_cos_wrapper_type_form input[type="month"]:focus,
.hs_cos_wrapper_type_form input[type="time"]:focus,
.hs_cos_wrapper_type_form input[type="week"]:focus,
.hs_cos_wrapper_type_form input[type="number"]:focus,
.hs_cos_wrapper_type_form input[type="email"]:focus,
.hs_cos_wrapper_type_form input[type="url"]:focus,
.hs_cos_wrapper_type_form input[type="search"]:focus,
.hs_cos_wrapper_type_form input[type="tel"]:focus,
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {
    display: inline-block;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{
    width: 70%;
    float: left;
    margin-top: 2px;
    height: 36px;
}
.blog-sidebar #hs_form_target_blog_subscription input[type="email"] {}

#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}

/* Blog Header - anasantos*/
#headerblog { 
color:white;
background-image:url(https://cdn2.hubspot.net/hubfs/454160/blog-header-image.png); 
  background-repeat:no-repeat; 
  background-color:#004488; 
  width:100%;
  height: auto; 
}

/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    display: block;
    text-rendering: optimizelegibility;
    margin: 0px 0px 20px;
}

/* Input */
.widget-type-google_search input[type="text"] {
    width: 60%;
    float: left;
    margin-top: 0px;
    height: 36px;
}
.widget-type-google_search input[type="focus"] {}

.widget-type-google_search .hs-button.primary {
    float: left;
    margin-left: 2px;
}

/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { /*width: 100%;*/ width:100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input,
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { /*width: 100%;*/ width:5%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}

/* Form Error Selectors
   ========================================================================== */
.hsformerror{
    font-size: 12px!important;
    border: 0 !important;
    color: #FFF!important;
    background-image: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    z-index: 99999 !important;
    border-color:  !important;
    background:  !important;
}
.hsformerror .close-form-error {
    color: ;
}
.hsformerror em {
    border-color:  transparent transparent !important;
}




/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container {}

.footer-background,
.footer-background a,
.footer-copyright a,
.footer-container-wrapper .more-links a,
.footer-container-wrapper .contact-us a,
.footer-container-wrapper .about-us a {
    color: ;
}
.footer-background,
.footer-background a {
    background: ;
}
.footer-container-wrapper .more-links a:hover,
.footer-container-wrapper .contact-us a:hover,
.footer-container-wrapper .about-us a:hover {
    color: #FFF;
}
.footer-container-wrapper .more-links a {
    margin: 10px 0px;
}
.footer-container-wrapper .footer-copyright{
    background: ;
    color: ;
    padding: 10px 0px;
    font-size: 12px;
}
.footer-container-wrapper .social-icons .fa{
    font-size: 20px;
    padding-right: 5px;
}

/* Back to Top */
.container-fluid .row-fluid .back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: auto;
    font-size: 20px;
    padding: 1px 8px 4px;
    border-radius: 4px;
    background: ;
    cursor: pointer;
}
.back-to-top a {
    color: ;
}



    
/*.image { 
   position: relative; 
   width: 100%; 
}

h2 { 
   position: absolute; 
   top: 100px; 
   left: 0; 
   width: 100%; 
}
h2 span { 
   color: #ffffff; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); 
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}
h2 span.spacer {
   padding:0 5px;
}
    */