@charset "utf-8";

.clearfix:after { content: ""; display: table; clear: both; }
/* hide edit items */
.add-widget{display:none}
.delete-widget{display:none}
.grab-widget{display:none}
.grab{display:none}
.flex-order{display:none}
.area{ order: attr(data-mobile-order); }
.area-delete{display:none}
/* wysiwyg classes */
.size8 {font-size: .8rem}
.size9 {font-size: 1.2rem}
.size10 {font-size: 1.0rem}
.size11 {font-size:1.1rem}
.size12 {font-size: 1.2rem}
.size13 {font-size: 1.3rem}
.size14 {font-size: 1.4rem}
.size15 {font-size: 1.5rem}
.size16 {font-size: 1.6rem}
.size17 {font-size: 1.7rem}
.size19 {font-size: 1.9rem}
.size21 {font-size: 2.1rem}
.size23 {font-size: 2.3rem}
.size26 {font-size: 2.6rem}
.size28 {font-size: 2.8rem}
.size31 {font-size: 3.1rem}
.size35 {font-size: 3.5rem}
.size40 {font-size: 4.0rem}
.top5{margin-top: 5px !important}
.top10{margin-top: 10px !important}
.top15{margin-top: 15px !important}
.top20{margin-top: 20px !important}
.top25{margin-top: 25px !important}
.top30{margin-top: 30px !important}
.top35{margin-top: 35px !important}
.top40{margin-top: 40px !important}
.top45{margin-top: 45px !important}
.top50{margin-top: 50px !important}
.bottom5{margin-bottom: 5px !important}
.bottom10{margin-bottom: 10px !important}
.bottom15{margin-bottom: 15px !important}
.bottom20{margin-bottom: 20px !important}
.bottom25{margin-bottom: 25px !important}
.bottom30{margin-bottom: 30px !important}
.bottom35{margin-bottom: 35px !important}
.bottom40{margin-bottom: 40px !important}
.bottom45{margin-bottom: 45px !important}
.bottom50{margin-bottom: 50px !important}
.left5{margin-left: 5px !important}
.left10{margin-left: 10px !important}
.left15{margin-left: 15px !important}
.left20{margin-left: 20px !important}
.left25{margin-left: 25px !important}
.left30{margin-left: 30px !important}
.left35{margin-left: 35px !important}
.left40{margin-left: 40px !important}
.left45{margin-left: 45px !important}
.left50{margin-left: 50px !important}
.right5{margin-right: 5px !important}
.right10{margin-right: 10px !important}
.right15{margin-right: 15px !important}
.right20{margin-right: 20px !important}
.right25{margin-right: 25px !important}
.right30{margin-right: 30px !important}
.right35{margin-right: 35px !important}
.right40{margin-right: 40px !important}
.right45{margin-right: 45px !important}
.right50{margin-right: 50px !important}
.letter-spacing-0{letter-spacing: 0 !important}
.letter-spacing-1{letter-spacing: .01em !important}
.letter-spacing-2{letter-spacing: .02em !important}
.letter-spacing-3{letter-spacing: .03em !important}
.letter-spacing-4{letter-spacing: .04em !important}
.letter-spacing-5{letter-spacing: .05em !important}
.letter-spacing-6{letter-spacing: .06em !important}
.letter-spacing-7{letter-spacing: .07em !important}
.letter-spacing-8{letter-spacing: .08em !important}
.letter-spacing-9{letter-spacing: .09em !important}
.letter-spacing-10{letter-spacing: .10em !important}
.letter-spacing-11{letter-spacing: .11em !important}
.letter-spacing-12{letter-spacing: .12em !important}
.letter-spacing-13{letter-spacing: .13em !important}
.letter-spacing-14{letter-spacing: .14em !important}
.letter-spacing-15{letter-spacing: .15em !important}
.letter-spacing-16{letter-spacing: .16em !important}
.letter-spacing-17{letter-spacing: .17em !important}
.letter-spacing-18{letter-spacing: .18em !important}
.letter-spacing-19{letter-spacing: .19em !important}
.letter-spacing-20{letter-spacing: .20em !important}
.font-weight-normal{font-weight: normal !important}
.font-weight-semibold{font-weight: 600 !important}
.font-weight-bold{font-weight: bold !important}
.border-blue{border: 1px solid #000062 !important}
.border-gold{border: 1px solid #8B6838 !important}
.border-gray{border: 1px solid #ccc !important}
.border-none{border: none !important}
.un-bold{font-weight: 100}
/*alignment */
audio.left{ float: left; margin:5px 15px 5px 0}
audio.right{ float: right; margin:5px 0px 5px 15px}
audio.center{ display: block; margin:5px auto}
img{border-radius: 3px}
img.left{ float: left; margin-right:15px}
img.right{ float: right; margin-left:15px}
img.center{ display: block; margin-left: auto; margin-right: auto}
div.wrap-center{text-align:center;}
div.wrap-center a img.center{ display: inline; margin-left:0; margin-right: 0 }
iframe.left{ margin-left: 0; margin-right: auto}
iframe.right{ margin-left: auto; margin-right: 0}
iframe.center{display: block; margin-left: auto; margin-right: auto}
table.left{}
table.right{ float: right; }
table.center{ margin:0px auto}
.justify {text-align:justify; }
.left {text-align:left; }
.right {text-align:right; }
.center {text-align:center; }
p.justify {text-align:justify; }
p.left {text-align:left; }
p.right {text-align:right; }
p.center {text-align:center; }


.hide{display: none}
.disabled input:not([type="submit"]), .disabled textarea{pointer-events:none; background-color: #f5f5f5}
/* contact*/


form#contact-form td:first-child{font-weight: 600; text-align: right; white-space:nowrap; width :5% }
form#contact-form input[type="submit"]{ float: right; }
form#contact-form textarea {width: 100%; height: 15rem}

/* email */
form#email-form td{vertical-align:top; padding: 5px}
form#email-form td:first-child{font-weight: 600; text-align: right; white-space:nowrap; width :5% }
form#email-form input[type="submit"]{ float: right }
form#email-form textarea {width: 100%; height: 15rem}

/* fb-video-form */
form#fb-video-form td{vertical-align:top; padding: 5px}
form#fb-video-form td:first-child{font-weight: 600; text-align: right; white-space:nowrap; width :5% }
form#fb-video-form input[type="submit"]{ float: right }
form#fb-video-form input#url{ width:100% } 
form#fb-video-form textarea {width: 100%; height: 6rem}


/*forms */
/* reset buttons */
input[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button, select, .button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
			text-decoration: none;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],input[type="reset"],input[type="button"],button, select, a.button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}

input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, a.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input, textarea, select, a.button{display:inline-block; vertical-align: top; line-height: 2.5rem; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.2rem; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
.area textarea, .area input[type="text"], .area input[type="email"], .area input[type="password"], .area .button {
    width: auto;
    border: 1px solid #CCC;
    padding: 0px 6px;
	line-height: 2.5rem;
	color: #000;
}
.area textarea{ padding: 6px; line-height: 1.4; height: 5rem; }
select{height: 2.5rem; }
input[type="submit"], input[type="button"], a.button{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.3rem;
	line-height: 2.5rem;
	cursor:pointer;
	padding: 0px 17px;
	text-decoration:none;
	margin:0 0 0 0px;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	
	color:#333;
	text-shadow:0px 1px 0px #ffffff;
	border:1px solid #d1d1d1;
text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
	color: #000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	text-decoration: none;
	text-decoration: none;
}
a.button{}
a.button:hover{color:#333; }
/*prettyselect */
.prettySelectNative, .prettySelect{height: auto; font-size: 1.3rem; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 100%;}
.prettySelectNative, .prettySelect, select{line-height: 2.5rem; text-align:center; text-align-last:center; outline: 0; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor: pointer;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	color:#333;
	text-shadow:0px 1px 0px #ffffff;
	border:1px solid #d1d1d1;}
.prettySelect{display:inline-block; vertical-align: top; position:relative; padding: 0; }
.prettySelect .arrow{display: table-cell; width:23px; text-align:center}
.prettySelect .arrow .arrow-img{height:8px; width:8px; background: url(/images/pretty-select-arrow-12-gray.png) no-repeat center; display: block; float: right; margin-right: 8px; background-size: cover }
.prettySelect .selectBox{ display:table-cell; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 0 0 5px; height:100%; font: inherit; text-align: left;  text-align-last: left;}
.selectBoxRow{display: table; width: 100% }
.prettySelect li{font: inherit; text-align: left; text-align-last: left; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color:#666666; background: #F4F4F4; }
.prettySelect li span{padding: 0px 5px; line-height: 2; background-color: #fff; vertical-align: middle; display: block}
.prettySelect:hover, .prettySelect.expanded, select:hover{
	color: #000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	border:1px solid #d1d1d1;}
.prettySelect ul{position: absolute; top: 40px; left: 0; width: 100%; padding: 0; margin: 0; list-style-type: none; max-height: 260px;
overflow: auto; border: 1px solid #d1d1d1}
.prettySelect li {list-style-type: none; cursor: pointer}
.prettySelect li:hover{color: #000; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #E9E9E9}
.prettySelect.expanded ul{overflow: auto !important}

/* The radio-label */
.radio-label {
    display: inline-block;
	font-size: 1.3rem;
	color: #333;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
	margin-right:10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-check {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	color:#333;
	text-shadow:0px 1px 0px #ffffff;
	border:1px solid #d1d1d1;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-label:hover input ~ .radio-check {
   
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}

/* When the radio button is checked, add a blue background */
.radio-label input:checked ~ .radio-check {
    background-color: #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-check:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-label input:checked ~ .radio-check:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-label .radio-check:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #666667;
}

/* email */
.message{text-align: center; font-size: 1.4rem}
.form-messages{text-align: center; font-size: 1.4rem; margin:20px auto }
.alert{color: #f00}
input.alert{border-color: #f00 !important}
textarea.alert{border-color: #f00 !important}
.success{}
.submitting{color: #909090 !important}
.javascript-detect{margin: 20px auto; text-align: center; font-size: 1.4rem; color: #f00 !important}