@charset "utf-8";



/*--- button 
----------------------------------------------------*/

/*	default	*/

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	position:relative;
	top:0;	left:0;
	margin:0 0 10px;
	padding: 1em 2em;
	width:auto;
	cursor: pointer;
	box-sizing: border-box;
	display:inline-block;
	color:#4D688D;
	font-size:1em;
 font-weight:400;
	text-shadow:none;
	text-decoration:none;
	vertical-align: middle;
	border:none;
	border-color:none;
	background-color: #fff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
	button:hover,
	a.btn:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover{
 background-color: #fafafa;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);
	}

/*	blue	*/
button.blue,
a.btn.blue,
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue {
	color:#fff;
 font-weight:300;
	background-color: #4D688D;
}
	button.blue:hover,
	a.btn.blue:hover,
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover{
 background-color: #496285;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.8);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.8);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,.8);
	}


/*	navy	*/
button.navy,
a.btn.navy,
input[type="submit"].navy,
input[type="reset"].navy,
input[type="button"].navy {
	color:#fff;
 font-weight:300;
	background-color: #4A5B71;
}
	button.navy:hover,
	a.btn.navy:hover,
	input[type="submit"].navy:hover,
	input[type="reset"].navy:hover,
	input[type="button"].navy:hover{
 background-color: #6566B;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,1);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,1);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,1);
	}


/*	red	*/
button.red,
a.btn.red,
input[type="submit"].red,
input[type="reset"].red,
input[type="button"].red {
	color:#fff;
 font-weight:300;
	background-color: #C75C5C;
}
	button.red:hover,
	a.btn.red:hover,
	input[type="submit"].red:hover,
	input[type="reset"].red:hover,
	input[type="button"].red:hover{
 background-color: #C5504F;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.6);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.6);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,.6);
	}


/*	orange	*/
button.orange,
a.btn.orange,
input[type="submit"].orange,
input[type="reset"].orange,
input[type="button"].orange {
	color:#fff;
 font-weight:300;
	background-color: #E3A166;
}
	button.orange:hover,
	a.btn.orange:hover,
	input[type="submit"].orange:hover,
	input[type="reset"].orange:hover,
	input[type="button"].orange:hover{
 background-color: #E09858;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
	}


/*	green	*/
button.green,
a.btn.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
	color:#fff;
 font-weight:300;
	background-color: #73C3AF;
}
	button.green:hover,
	a.btn.green:hover,
	input[type="submit"].green:hover,
	input[type="reset"].green:hover,
	input[type="button"].green:hover{
 background-color: #68BEA8;
  -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
     -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
          box-shadow:inset 1px 1px 3px rgba(0,0,0,.4);
	}



/*---  style
------------------------------------------------------------------------------------*/
/*
form .control-group {
form .help-inline,
form .required {
	position: relative;
}*/
/*.splat {
	position:absolute;
	top:-5px;
	color: #e32;	color: #f6c;
/*	content: '*';*/
/*	display:inline;
	padding:0 0 0 2px;
	font-weight: bold;
}*/

/*--- generic
----------------------------------------------------*/
form .required {
	position: relative;
}
/*
form .required label:before {
	color: #e32;
	content: '*';
	display:inline;
	padding-right:3px;
}*/
form .required:after { 
	position:absolute;
	top:0;
	color: #f6c;
	content: '*';
	display:inline;
	padding:0 0 0 3px;
	font-weight: bold;
}

@media (min-width: 320px) and (max-width: 496px)  {
	form .required:after { 
		top:20px;
	}
}
@media screen and (min-width: 497px) and (max-width: 767px)  {
	form .required:after { 
		top:0;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	form .required:after { 
		top:20px;
	}
}




/* Form errors */
form .error {
	/*border:1px solid #FFF;*/
	border-radius: 2px;
	font-weight: normal;
	padding:7px 0 5px;
}
form .error textarea,
form .error input {
	border-color: rgba(221, 48, 48, 0.7);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(221, 48, 48, 0.5);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(221, 48, 48, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(221, 48, 48, 0.5);

}

form .error:after {
	position:absolute;
	content: '';
}
form .error-message {
	display:block;
	border-radius: none;
	border: none;
	background: none;
	margin:-5px 0 3px;
	padding:0 0 0 11.5em;
	font-size:0.9em;
}
@media screen and (max-width: 992px) {
	form .error-message {padding:0;}
}
@media screen and (min-width: 494px) and (max-width: 767px) {
	form .error-message {	padding:0 0 0 11.5em;}
}


form .error,
form .error-message {
	color: #D90000;
	box-shadow: none;
	text-shadow: none;
}



/*--- bootstrap
----------------------------------------------------*/

div.alert a.close {display:none;}

.message,
.alert,
.alert-success,
.alert-danger,
.alert-error {
	position: relative;
	text-align:center;
	width:300px;	width:290px;
	margin:.5em auto 20px;
	padding:8px;
	background:#FFF;
	border:2px solid #5C7CA5;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow:0 0 3px rgba(64,98,124,0.4);
	-moz-box-shadow:0 0 3px rgba(64,98,124,0.4);
	box-shadow:0 0 3px rgba(64,98,124,0.4);

}
.message:after,
.alert:after,
.alert-success:after,
.alert-danger:after,
.alert-error:after,
.message:before,
.alert:before,
.alert-success:before,
.alert-danger:before,
.alert-error:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.message:after,
.alert:after,
.alert-success:after,
.alert-danger:after,
.alert-error:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #FFF;
	border-width: 6px;
	margin-left: -6px;
}
.message:before,
.alert:before,
.alert-success:before,
.alert-danger:before,
.alert-error:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #5C7CA5;
	border-width: 9px;
	margin-left: -9px;
}
.message,
.alert-danger,
.alert-error {
	border-color: #DD3030;
  color: #CC0000;
}
.message:before,
.alert-danger:before,
.alert-error:before {
	border-top-color: #DD3030;
}
.alert-success {
	color: #24548C;
}



/*--- 
----------------------------------------------------*/
.msg {
	font-size:1.2em;
	color: #0088cc;
	text-align:center;
	margin-bottom:1.5em;
	line-height:1.4;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}






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

.alertred {color:#F00;font-weight:bold;}
.red {color:#C00;}
.minusred {color:#F00;}
.white {color:#fff;}
.gry {color:#999;}
.grn {color:#76B600;}
.orange {color:#FF7405;}
.pink {color:#F06;}
.blue {color: #0088cc;}
.navy {color:#005580;}
.b_yellow {background:#FF9;}
.u_line {text-decoration:underline;}
.cap {font-size:10px;color:#666;}
.txt_c {text-align:center;}
.txt_l {text-align:left;}
.txt_r {text-align:right;}
.bold {font-weight:bold;}
.txt120 {font-size:1.2em;}

.wid30 {width:30px;}
.wid40 {width:40px;}
.wid50 {width:50px;}
.wid60 {width:60px;}
.wid70 {width:70px;}
.wid80 {width:80px;}
.wid90 {width:90px;}
.wid100 {width:100px;}
.wid110 {width:110px;}
.wid120 {width:120px;}
.wid150 {width:150px;}
.wid170 {width:170px;}
.wid180 {width:180px;}
.wid190 {width:190px;}
.wid200 {width:200px;}
.wid210 {width:210px;}
.wid220 {width:220px;}
.wid230 {width:230px;}
.wid240 {width:240px;}
.wid250 {width:250px;}
.wid260 {width:260px;}
.wid270 {width:270px;}
.wid280 {width:280px;}
.wid290 {width:290px;}
.wid300 {width:300px;}
.wid310 {width:310px;}
.wid320 {width:320px;}
.wid330 {width:330px;}
.wid340 {width:340px;}
.wid350 {width:350px;}
.wid360 {width:360px;}
.wid370 {width:370px;}
.wid380 {width:380px;}
.wid390 {width:390px;}
.wid400 {width:400px;}
.wid430 {width:430px;}
.wid460 {width:460px;}
.wid480 {width:480px;}
.wid500 {width:500px;}
.wid520 {width:520px;}
.wid540 {width:540px;}
.wid600 {width:600px;}
.wid860 {width:860px;}


.area95 {width:95%;}
.area90 {width:90%;}
.area85 {width:85%;}
.area80 {width:80%;}
.area75 {width:75%;}
.area70 {width:70%;}
.area60 {width:60%;}
.area50 {width:50%;}

.ht40 {height:40px;}
.ht50 {height:50px;}
.ht80 {height:80px;}
.ht100 {height:100px;}

.pd_b5 {padding-bottom:5px;}
.pd_t5 {padding-top:5px;}
.mg_b5 {margin-bottom:5px;}
.mg_t30 {margin-top:30px;}
.mg_20a {margin:20px auto 0;}
.mg_0 {margin:0 auto;}

.hid {display:none;}
.fl_l {float:left;}
.fl_r {float:right;}
.clear {clear:both;}
.clear_l {clear:left;}
.clear_r {clear:right;}

/* new clearfix */
.clearfix {overflow:hidden;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*
--------------------------------------*/
.drop-shadow {
    position:relative;
    width:45%;
    padding:1em;
    margin:2em auto 5em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
}
 
.drop-shadow:after{
    right:10px;
    left:auto;
}

/*   round */
.round {
    -moz-border-radius:4px;
    border-radius:4px;
}
 
.round:before,
.round:after {
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
 
.round:after {
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}