@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  box-sizing: border-box;
}

body{
	height:100%;
    margin:0;
    padding:0;
    border:0;
    box-sizing: border-box;
}
.mobile-resp{
    display:none;
}
.desktop-resp{
    display:block;
}
.relative{
    position:relative;
}
.absolute{
    position: absolute;
}
a{
    text-decoration: none;
	color:#0088CC;
}
a, a:visited, a:active {
    outline-style: none;
}
a:hover,  a.hover-highlight:hover,
span.hover-highlight:hover,
div.hover-highlight:hover
{
	color:#005580;
    text-decoration: underline;
    cursor:pointer;
}
img {
    border: medium none;
	vertical-align:middle;
}
img.resp{
    width:100%;
    height:auto;
}
/*
ul{ 
	margin-left:0; padding-left:0;
}*/
ul.right-arrow{ padding-left:0 }
ul.right-arrow > li{ list-style:none; margin-bottom:2px; }
ul.right-arrow > li:before { content: "\203A \0020"; }

ul.inline{
    margin:0; padding:0;
}
ul.inline li{display:inline;list-style-type:none;padding-right:20px;}

.border{
    border:solid 1px;
}
.pointer{
	cursor:pointer;
}
.bold {
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.line-through{
	text-decoration:line-through;
}
.underline{
    text-decoration: underline;
}
.uppercase{
    text-transform: uppercase;
}
.highlight {
    color: #804040;
	font-size:110%;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.float:before, .float:after{
    content:"";
    display:table;
}
.float:after{
    clear:both;
}
.float > *{
    float:left;
}
.row:after, .row:before,
.paragraph:after, .paragraph:before,
.large-paragraph:after, .large-paragraph:before,
.small-paragraph:after, .small-paragraph:before{
	display: table;
	content: " ";
}
.row:after,.paragraph:after, 
.large-paragraph:after, 
.small-paragraph:after{
	clear:both;
}
.margin-zero{
	margin:0;
}
.padding-zero{
	padding:0;
}
.none {
    display: none;
}
.block {
    display: block;
}
.hidden{
    position: absolute;
    visibility: hidden;
}
.shadow{
    box-shadow: 5px 5px 5px #888;
}
.inline {
    display: inline;
}
.inline-block{
	display: inline-block;
}
.indent,
.indent-desktop{
	margin-left:40px;
}
.small-indent{
	margin-left:20px;
}
.tiny-indent{
    margin-left:10px;
}
.double-indent{
	margin-left:80px;
}
.outdent{
    margin-right:40px;
}
.small-outdent{
    margin-right:20px;
}
.tiny-outdent{
    margin-right:10px;
}
.double-outdent{
    margin-right:80px;
}
.center{
	text-align:center;
}
.center-div{
	margin-left:auto;
	margin-right:auto;
}
.left-align{
    text-align:left;
}
.right-align{
	text-align:right;
}
.paragraph{
	margin-top:20px;
}
.small-paragraph{
	margin-top:10px;
}
.large-paragraph{ 
	margin-top:40px;
}
.color-brown{
	color:#804040; border-color:#804040;
}
.color-orange{ 
	color:#F89C2F; border-color:#F89C2F;
}
.color-red{
	color:red; border-color:red;
}
.color-gray{
	color:#666666; border-color:#666666;
}
.color-light-gray{
	color:#999999; border-color:#999999;
}
.color-very-light-gray{
	color:#E2DAD7; border-color:#E2DAD7;
}
.color-black{
	color:black; border-color:black;
}
.color-blue{
	color:#30F; border-color:#30F;
}
.gray-background{
	background-color:#eee;
}
.smaller-text{
	font-size:90%;
}
.fine-print{
	font-size:80%;
}
.larger-text{
	font-size:110%;
}
hr.single-line{
	border-width:1px 0 0 0;
    border-style:solid;
    color:#E2DAD7;
    margin:5px auto;
}
.dotted-underline{
	border-bottom:1px dotted;
}
.hover-underline{
	text-decoration:none;
	/*color:inherit;*/
}
.hover-underline:hover{
	text-decoration:underline;
	/*color:#0000CC;*/
	color:rgb(0, 136, 204);
}

.opacity-50{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
.preload{
	display:none
}
input {
	/*height:18px;*/
}
input, textarea, select {
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
	/*border-radius:3px;*/
	border:solid 1px #aaa;
    color:#333;
}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], 
input[type="password"], input[type="file"], input[type="date"], textarea, select, .input-height{
	padding:5px 5px;
	margin:1px 0;
}
input[type="radio"], input[type="checkbox"]{
	margin:6px 4px 4px 0px;
}
input:focus, textarea:focus, select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
select optgroup{
    font-style: normal;
}
textarea.fixed{
	overflow:hidden;
	resize:none;
}
/*width*/
.width140{ width:140px}
.width200{ width:200px}
.width300{ width:300px}
.width400{ width:400px}
.width500{ width:500px}
.width600{ width:600px}

.marginVertical{
    margin-top:20px;
    margin-bottom:20px;
}
.marginTop{
    margin-top:20px;
}
.marginBottom{
    margin-bottom:20px;
}
.container{
    border-radius:3px;
    padding:20px 10px;
}
.page-container{
    padding:10px 25px;
}

/* box */
.box{
	border:solid 1px #ccc;
	border-radius:3px;
	padding:20px;
	overflow:hidden;
}

.header, h1, h2, h3, h4{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
    font-family:'Open Sans', arial;
	/*color:#804040;*/
    color:#303030;
	font-weight:500;
    margin-bottom:5px;
}
h1{
    font-size:17pt;
}
h2{
    font-size:16pt;
}
h3{
    font-size:14pt;
}
h4{
    font-size:12pt; margin-top:10px;
}

/*Button */
.standard-button {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:5px;
	border:none;
	-moz-box-shadow:2px 2px 2px #ffffff;
	-webkit-box-shadow:2px 2px 2px #ffffff;
	box-shadow:2px 2px 2px #666;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7D5E56), color-stop(1, #A38C87) );
	background:-moz-linear-gradient( center top, #7D5E56 5%, #A38C87 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D5E56', endColorstr='#A38C87');*/	
	background-color:#7D5E56;
	color:#FFF;
		
	display:inline-block;
	*display:inline;
	/**width:80px;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
    font-family:'Open Sans', sans-serif;
	font-size:15px;
	padding:8px 35px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	/*border:solid 2px black\9;*/	/*ie8*/
	
}
.standard-button:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A38C87), color-stop(1, #7D5E56) );
	background:-moz-linear-gradient( center top, #A38C87 5%, #7D5E56 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A38C87', endColorstr='#7D5E56');*/
	background-color:#A38C87;
	}
.standard-button:active {
	position:relative;
	top:2px;
	left:2px;
	box-shadow:-2px -2px 2px #333333;
}
a.standard-button:hover{
	text-decoration:none;
	color:#FFF;
}

/* alternative-button requires standard-button */
.alternative-button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #DFDFDF) );
	background:-moz-linear-gradient( center top, #EDEDED 5%, #DFDFDF 100% );	
	background-color:#EDEDED;
	color:#666666;
}
.alternative-button:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED) );
	background:-moz-linear-gradient( center top, #DFDFDF 5%, #EDEDED 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A38C87', endColorstr='#7D5E56');*/
	background-color:#DFDFDF;	
}

.medium-button{
	font-size:13px;
	padding:6px 10px;
	border:solid 1px black\9;
    border-radius:3px;
    box-shadow:2px 2px 2px #CCC;
}

.small-button{
	font-size:11px;
	padding:3px 5px;
	border:solid 1px black\9;
    border-radius:2px;
    box-shadow:2px 2px 2px #CCC;
}

.large-button{
	font-size:18px;
	padding:8px 35px;
	border:solid 1px black\9;
}

.extralarge-button{
	font-size:24px;
	padding:12px 42px;
	border:solid 1px black\9;
}

.round-icon{
	border: solid 2px white;
	border-radius:10px;
	padding:1px 4px; 
	background-color:#666666; 
	color:white; 
	font-weight:bold;
}
.round-icon:hover{
	border:solid 2px #666;
}

.close-icon {
    padding: 0px;
    cursor: pointer;
    background: none repeat scroll 0% 0% transparent;
	border:0;
	margin-top:-5px;
    float: right;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color:#ccc;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
	outline:0;
}
.close-icon:hover{
	color:#666;
}

/* kjTabs */
/*
.kjTabs{
    .tabs{
        .tab-item
        .tab-item
    }
    .tabsContent{
        .tab-content
        .tab-content
    }
}

*/
.kjTabs:after, .kjTabs:before,
.tabs:after, .tabs:before,
.tabsContent:after, .tabsContent:before,
.tab-content:after, .tab-content:before{
    display: table;
    content: " ";
}
.kjTabs:after, .tabs:after, .tabsContent:after, .tab-content{
    clear:both;
}

/* style=default or tabs */

.kjTabs .tab-item{
	float:left;
	margin-right:10px;
	margin-top:10px;
	padding:10px 20px;
	border:solid 1px #eee;
	border-bottom-color:#ccc;
	border-radius:3px 3px 0 0;
	background-color:#fff;
	margin-bottom:-1px;
	cursor:pointer;

}
.tab-item:hover{
	border-width:1px;
	border:solid #ccc;
	border-width:1px;
	background:linear-gradient( to bottom right, #fff, #eee );

}
.tab-item.selected{
	background:linear-gradient( to bottom, #eee, #fff );
	/*margin-top:0px;
	padding-top:20px;*/
	border-color:#ccc;
	border-bottom-color:#fff;
}
.tab-item a{
	color:inherit;
	text-decoration:none;
}
.tab-item a:hover{
	color:#0088CC;
}
.tabsContent{
	border:solid 1px #ccc;
	border-radius:0px 3px 3px 3px;
	/*padding:20px;*/
    overflow:hidden;
    overflow-y:visible;
}
.tab-content{
    display:none;
    padding:10px;

}

/* style = accordion */
.kjTabs.style-accordion .tab-item{
    float:none;
    width:auto;
    margin: 0px;
/*    border-color: #666;
    border-width: 1px;*/
    font-size: 120%;
    letter-spacing: 1px;
    background-color: #E8E8E8;
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    border-radius: 3px 3px 0px 0px;
    color:#303030;
}

.kjTabs.style-accordion .tab-content{
    border:solid 1px #CCC;
}
.kjTabs.style-accordion .tabsContent{
    display:none;
}



/* table*/
table.hover-highlight{
    border-spacing: 0;
}
table.hover-highlight td{
    padding:10px;
}
table.hover-highlight tr:hover td{
    background-color: #EEE;
}

/*from bootstrap 4.2*/

.btn {
  display: inline-block;
  /*padding: 6px 12px;*/
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #333;
  background-color: #e6e6e6;
  border-color: #ccc;
    padding: 3px 6px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;

  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

/*horizontal-form*/
.horizontal-form > div {
    display: table-row;
}
.horizontal-form > div > * {
    display: table-cell;
    margin-bottom: 10px;
}
.horizontal-form > div.collapse {
    display: block;
}
.horizontal-form > div.collapse > * {
    display: inline-block;
}

.horizontal-form > div > label {
    padding: 5px 10px 10px 0px;
    text-align:right;
    /*vertical-align: top;*/
}
.horizontal-form > div > div.text{
    padding: 5px 10px 5px 0px;

}
table.horizontal-form td{
    padding: 5px 5px 0 0;
}
table.horizontal-form td.input{
    padding: 0px 5px;
}
table.horizontal-form td.input input[type=radio],
table.horizontal-form td.input input[type=checkbox]{
    margin-top:7px;
}

/*.horizontal-form > div > div > * {
    margin-bottom: 5px;
}*/

/*blockquote*/
blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 700px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

/*input length*/
input.input-email,
input.input-subject,
input.input-fullname,
input.input-address{
    width:350px;
}
input.input-name,
input.input-phone,
input.input-state{
    width:240px;
}
input.input-zipcode{
    width:120px;
}
input.input-password,
input.input-company,
input.input-city,
input.input-country,
input.input-creditcard{
    width:300px;
}
textarea.input-message{
    width:370px;
    height:160px;
}

.input-xsmall{
    width: 150px;
}
.input-small{
    width: 180px;
}
.input-medium{
    width:220px;
}
.input-large{
    width:250px;
}
textarea.input-large{
    height:75px;
}

/*Use for recordModal framework */
#recordModal .modal-dialog{
    width:70%;
}
#recordModal .modal-body{
    min-height:200px;
}
#recordModal .modal-footer{
    position:relative;
    /*text-align:left;*/
}
#recordModal .modal-footer-left{
    float:left;
}
#recordModal .modal-footer-right{
    float:right;
}
#recordModal .modal-dialog .modal-message-div{position:absolute; height:auto; width:100%; top:-15px; text-align:center}
#recordModal .modal-dialog .modal-message-div .modal-message{ background-color: #ffff00; padding:5px 10px; font-size:12pt; border-radius:3px; }
#recordModal .modal-dialog .modal-message-div .modal-message.warning{ background-color: #ffff00; box-shadow:2px 2px 5px #ffff00; }
#recordModal .modal-dialog .modal-message-div .modal-message.success{ background-color: #74C365; box-shadow:2px 2px 5px #74C365; }
#recordModal .modal-dialog .modal-message-div .modal-message.error{ background-color: #ca0002; box-shadow:2px 2px 5px #ca0002; }

/* Two Col Table*/
.two-col-table{
    display:table;
}
.two-col-table > div{
    display:table-row;
}

.two-col-table > div > *{
    display:table-cell;
    vertical-align:top;
    padding-bottom:5px;
}
.two-col-table > div > *:first-child{
    padding-right:20px;
}
.two-col-table > div > label:first-child{
    font-weight: normal;
    padding-top:6px;
}


/*
Responsive
*/


/*base.css*/
@media all and (max-width:1200px) {

    .desktop-resp{
        display:none;
    }
    .mobile-resp{
        display:block;
    }

    /*standard input*/
    input, textarea, select{
        /*font-size:120%;*/
    }

    .indent-desktop{
        margin-left:0;
    }


    input.input-email,
    input.input-subject,
    input.input-fullname,
    input.input-address{
        width:420px;
    }
    input.input-name,
    input.input-phone,
    input.input-state
    {
        width:270px;
    }
    input.input-password,
    input.input-company,
    input.input-city,
    input.input-country,
    input.input-creditcard{
        width:320px;
    }

    input.input-zipcode{
        width: 180px;
    }
    textarea.input-message{
        width:420px;
        height:400px;
    }

    /* RWD Table*/
    /* http://codepen.io/geoffyuen/pen/FCBEg */
    /*.rwd-table {
      margin: 1em 0;
      min-width: 450px;
    }
    .rwd-table tr {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }
    .rwd-table th {
      display: none;
        border:none;
    }
    .rwd-table td {
      display: block;
        border:none;
        padding:0;
    }
    .rwd-table td:first-child {
      padding-top: .5em;
    }
    .rwd-table td:last-child {
      padding-bottom: .5em;
        border-bottom:solid 1px #CCC;
    }
    .rwd-table td:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 6.5em;
      display: inline-block;
    }*/

}

@media all and (max-width:670px) {

    /*standard input*/
    input, textarea, select{
        font-size:120%;
    }

    .indent-desktop{
        margin-left:0;
    }

    .box{
        padding:10px;
    }


    input.input-email,
    input.input-subject,
    input.input-fullname,
    input.input-address{
        width:280px;
    }
    input.input-name,
    input.input-phone,
    input.input-state
    {
        width:180px;
    }
    input.input-password,
    input.input-company,
    input.input-city,
    input.input-country,
    input.input-creditcard{
        width:210px;
    }

    input.input-zipcode{
        width: 120px;
    }
    textarea.input-message{
        width:280px;
        height:270px;
    }

    /* RWD Table*/
    /* http://codepen.io/geoffyuen/pen/FCBEg */
    .rwd-table {
      margin: 1em 0;
      min-width: 300px;
    }
    .rwd-table tr {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }
    .rwd-table th {
      display: none;
        border:none;
    }
    .rwd-table td {
      display: block;
        border:none;
        padding:0;
    }
    .rwd-table td:first-child {
      padding-top: .5em;
    }
    .rwd-table td:last-child {
      padding-bottom: .5em;
        border-bottom:solid 1px #CCC;
    }
    .rwd-table td:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 6.5em;
      display: inline-block;
    }


    /* Two Col Table combined with .single-col-mobile*/
    .two-col-table.single-col-mobile{
        display:block;
    }
    .two-col-table.single-col-mobile > div{
        display:block;
    }
    .two-col-table.single-col-mobile > div:not(:first-child){
        margin-top:10px;
    }
    .two-col-table.single-col-mobile > div > *{
        display:block;
        vertical-align:top;
    }
    .two-col-table.single-col-mobile > div > *:first-child{
        padding-right:0;
    }

}

/* Mobile menu -  See https://tympanus.net/codrops/2013/04/17/slide-and-push-menus/ */
.cbp-spmenu {
	background: #47a3da;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	background: #258ecd;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}