@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Arvo');


html,
body {
  height: 100%;
  width: 100%;
}
body {
  color: #333;
 /* font-family:'Bree Serif' 'Open Sans', Verdana, Arial, Helvetica, sans-serif; 'Roboto Slab''Bitter'*/
  background: #FFF;
font-family: 'Arvo', serif;
  /*font-family: 'monospace', 'Roboto' ,'PT Sans', 'sans-serif';*/
  /*#ECE8DC url(../images/bg_ptn.png) repeat top left;*/
}

.fg-color-white {
  color: #ffffff !important;
}
.fg-color-black {
  color: #000000 !important;
}
.fg-color-sea {
  color: #16a085 !important;
}
.fg-color-sea-light {
  color: #1abc9c !important;
}
.fg-color-green {
  color: #27ae60 !important;
}
.fg-color-green-light {
  color: #2ecc71 !important;
}
.fg-color-blue {
  color: #2980b9 !important;
}
.fg-color-blue-light {
  color: #3498db !important;
}
.fg-color-red {
  color: #c0392b !important;
}
.fg-color-red-light {
  color: #e74c3c !important;
}
.fg-color-silver {
  color: #bdc3c7 !important;
}
.fg-color-silver-light {
  color: #ecf0f1 !important;
}
.fg-color-gray {
  color: #95a5a6 !important;
}
.fg-color-gray-light {
  color: #95a5a6 !important;
}
.fg-color-yellow {
  color: #f39c12 !important;
}
.fg-color-yellow-light {
  color: #f1c40f !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-black {
  background-color: #ffffff !important;
}
.bg-color-sea {
  background-color: #16a085 !important;
}
.bg-color-sea-light {
  background-color: #1abc9c !important;
}
.bg-color-green {
  background-color: #27ae60 !important;
}
.bg-color-green-light {
  background-color: #2ecc71 !important;
}
.bg-color-blue {
  background-color: #2980b9 !important;
}
.bg-color-blue-light {
  background-color: #3498db !important;
}
.bg-color-red {
  background-color: #c0392b !important;
}
.bg-color-red-light {
  background-color: #e74c3c !important;
}
.bg-color-silver {
  background-color: #bdc3c7 !important;
}
.bg-color-silver-light {
  background-color: #ecf0f1 !important;
}
.bg-color-gray {
  background-color: #95a5a6 !important;
}
.bg-color-gray-light {
  background-color: #95a5a6 !important;
}
.bg-color-yellow {
  background-color: #f39c12 !important;
}
.bg-color-yellow-light {
  background-color: #f1c40f !important;
}
.bg-color-cream
{
	background-color:#EDECE9 !important;
}
[class*=border-color] {
  border: 1px solid;
}
.border-color-white {
  border-color: #ffffff !important;
}
.border-color-black {
  border-color: #ffffff !important;
}
.border-color-sea {
  border-color: #16a085 !important;
}
.border-color-sea-light {
  border-color: #1abc9c !important;
}
.border-color-green {
  border-color: #27ae60 !important;
}
.border-color-green-light {
  border-color: #2ecc71 !important;
}
.border-color-blue {
  border-color: #2980b9 !important;
}
.border-color-blue-light {
  border-color: #3498db !important;
}
.border-color-red {
  border-color: #c0392b !important;
}
.border-color-red-light {
  border-color: #e74c3c !important;
}
.border-color-silver {
  border-color: #bdc3c7 !important;
}
.border-color-silver-light {
  border-color: #ecf0f1 !important;
}
.border-color-gray {
  border-color: #95a5a6 !important;
}
.border-color-gray-light {
  border-color: #95a5a6 !important;
}
.border-color-yellow {
  border-color: #f39c12 !important;
}
.border-color-yellow-light {
  border-color: #f1c40f !important;
}
*:hover[class=outline-color] {
  outline: 3px solid;
}
.outline-color-white {
  outline-color: #ffffff !important;
}
.outline-color-black {
  outline-color: #ffffff !important;
}
.outline-color-sea {
  outline-color: #16a085 !important;
}
.outline-color-sea-light {
  outline-color: #1abc9c !important;
}
.outline-color-green {
  outline-color: #27ae60 !important;
}
.outline-color-green-light {
  outline-color: #2ecc71 !important;
}
.outline-color-blue {
  outline-color: #2980b9 !important;
}
.outline-color-blue-light {
  outline-color: #3498db !important;
}
.outline-color-red {
  outline-color: #c0392b !important;
}
.outline-color-red-light {
  outline-color: #e74c3c !important;
}
.outline-color-silver {
  outline-color: #bdc3c7 !important;
}
.outline-color-silver-light {
  outline-color: #ecf0f1 !important;
}
.outline-color-gray {
  outline-color: #95a5a6 !important;
}
.outline-color-gray-light {
  outline-color: #95a5a6 !important;
}
.outline-color-yellow {
  outline-color: #f39c12 !important;
}
.outline-color-yellow-light {
  outline-color: #f1c40f !important;
}


/*-------------------------------------------
   HELPERS
-------------------------------------------*/

/* alignment */
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.alfa {
  margin-left: 0 !important;
}
.omega {
  margin-right: 0 !important;
}
.content-middle
{
	vertical-align:middle; 
	display:table-cell;
}
.normalize-spacing a, .normalize-spacing li
{
	padding: 0 !important;
	text-transform: none !important;
}


/* margin & padding helpers */
.margin-less {
  margin: 0px !important;
}
.margin-top-less{
	margin-top:0px !important;
}
.margin-bottom-less{
	margin-bottom:0px !important;
}
.margin-left-less{
	margin-left:0px !important;
}
.margin-right-less{
	margin-right:0px !important;
}
.margin-5, .margin-top-5
{
	margin-top:5px;
}
.margin-10, .margin-top-10
{
	margin-top:10px;
}
.margin-bottom-5
{
	margin-bottom:5px;
}
.margin-bottom-10
{
	margin-bottom:10px;
}
.margin-left-5
{
	margin-left:5px;
}
.margin-left-10
{
	margin-left:10px;
}

.margin-right-5
{
	margin-right:5px;
}
.margin-right-10
{
	margin-right:10px;
}

.padding-less {
  padding: 0px !important;
}
.padding-top-less{
	padding-top:0px !important;
}
.padding-bottom-less{
	padding-bottom:0px !important;
}
.padding-left-less{
	padding-left:0px !important;
}
.padding-right-less{
	padding-right:0px !important;
}
.padding-5
{
	padding-top:5px;
}
.padding-10
{
	padding-top:10px;
}
.padding-bottom-5
{
	padding-bottom:5px;
}

.padding-right-15 {
    padding-right: 15px;
}
.padding-bottom-10
{
	padding-bottom:10px;
}

.padding-right-5
{
	padding-right:5px;
}
.padding-right-10
{
	padding-right:10px;
}

.padding-left-5
{
	padding-right:5px;
}
.padding-left-10
{
	padding-left:10px;
  padding-right: 5px;
  padding-bottom: 9px;
}

/* margin & padding helpers */

/* border helpers */
.border-less {
  border: 0px !important;
}
.border-top-less{
	border-top:0px !important;
}
.border-bottom-less{
	border-bottom:0px !important;
}
.border-left-less{
	border-left:0px !important;
}
.border-right-less{
	border-right:0px !important;
}
.border-top {
  border-top: 1px solid #bdc3c7;
}
.border-bottom {
  border-bottom: 1px solid #bdc3c7;
}

.border-left {
  border-left: 1px solid #bdc3c7;
}
.border-right {
  border-right: 1px solid #bdc3c7;
}

/* border helpers */


/* visibility */
.ninja {
  display: none;
}
.visible
{
	display:block !important;
}
.visible-phone, .visible-tablet {
  display: none;
}
.visible-desktop {
  display: block;
}
.hidden-phone, .hidden-tablet  {
  display: block;
}
.hidden-desktop {
  display: none;
}
.muted {
  color: #96A1AC;
}
/* position */
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.pos-fixed {
  position: fixed;
}
.pos-static {
  position: static !important;
}
/* text  */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}

.text-bold
{
	font-weight:500 !important;
}

.text-uppercase
{
	text-transform:uppercase !important;
}

.no-decoration, .text-no-decoration
{
	text-decoration:none !important;
}

.text-smaller
{
	font-size: 9px;
    font-style: normal;
    font-weight: normal;
    line-height: 11px !important;
    text-decoration: none;
}
.text-italic
{
	font-style:italic; font-weight:lighter; font-family:gerogia,arial;
}

/* layout */
.height350
{
	height:350px;
}

.no-overflow {
  overflow: hidden;
}
.overflow
{
	overflow:visible !important;
}
.scroll-vertical,
.scroll-y {
  overflow-y: scroll;
}
.scroll-horizontal,
.scroll-x {
  overflow-x: scroll;
}
.box-shadow {
  box-shadow: 0 0 10px 2px #ccc;
}

.box-shadow-small {
  box-shadow: 0 0 4px 2px #e3e3e3 !important;
}

.box-shadow-controls {
  box-shadow: 0 0 2px 1px #e3e3e3 !important;
}
.text-shadow {
  box-shadow: 1px 1px 0 #e3e3e3;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}


.inner-block, .inner-box
{
	padding:10px;
	overflow:hidden;
}
.full-width
{
	width:100%;
}

.cursor-pointer
{
	cursor:pointer !important;
}
.dashed
{
	height:1px;
	background:white; 
	border:0px;
	outline:0px;
	border-bottom:1px dashed #ccc;
}
/*-------------------------------------------
   END HELPERS
-------------------------------------------*/


/*------------------- HEADER -----------------*/
#header
{
	overflow: hidden;
	display: block;
	
}

#mainnav
{
	background: #222;; /*  #e74c3c; */
  background-color: linear-gradient(#333, #111);
	color: #333333;    /* #fff */
	display: block;
	overflow: hidden;
	width: 100%;
}

#mainnav ul
{
	margin-top: 1vh;
	list-style: none;
	float:left;
}

#mainnav ul li
{
	display: inline-block;
  color: #333333;
  cursor: pointer;
  margin-right: 10px;
  /*background: linear-gradient(#78B5E3, #3892D6);*/
  /*background-color: #62A9DF;*/
  /* box-shadow: 2px 2px 2px 2px; */
  color: #BDB9B9;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
}
  #mainnav ul li:hover {
	/*background:#daa520; #c0392b;
  border: 2px solid #daaaaa;
  border-radius: 5px;
  color: white; 
  font-style: bold; */
  display: inline-block;
  color: #333333;
  cursor: pointer;
  margin-right: 10px;
  background: linear-gradient(#78B5E3, #3892D6);
  background-color: #62A9DF;
  /* box-shadow: 2px 2px 2px 2px; */
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  
}
#mainnav ul li a
{
	font-size: 18px;
	text-decoration: none;
	color:inherit;
	padding: 5px !important;
	display:block;
    
}



#search-container {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    border-bottom: 1px solid #B2B2B2;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
    /*padding: 15px 0;*/
    position: relative;
    /*margin-bottom:20px;*/
}

#sitelogo
{
	text-decoration: none;
	float:left;
	display: block;
	border:0px;
	outline: 0px;
	
}
#searchform
{
	float:right;
	display: block;
	border:0px;
	outline: 0px;
	width:35%;
	margin-top: 1vh;
}
#searchform .btn
{
	width:60px; float:right;
	color:#fff !important;
}
#searchform .btn i
{
	color:#000 !important;
}
#searchform #searchField
{
	float:right; 
	width: 70%;
  	/*width:303px;*/
  	text-transform: uppercase;
  	letter-spacing: 0.5px;
}
/*--------------- END HEADER ---------------------*/



/*----------------- HOME PAGE ---------------------*/
.about-box-wrapper
{
	/*height:353px*/
}

#ol_container {
    padding: 0 0 0 1em;
    margin: 10px;
}
#ol_container li {
   border-bottom:1px solid #E3E3E3;
   padding-bottom: 3px;
}
/*------------------ END HOME --------------------*/

/*------------------- FOOTER -------------------------*/
#footer
{
	overflow: hidden;
	display: block;
	background: #3A3A3A;
	color:#fff;
}
#footer .footer-wrapper
{
	padding:10px 0px;
	color:#fff;
	font-size:12px;
}

.right{
	float:right;	
}
/*------------------- END FOOTER -----------------------*/



.stepContainer{
	width: 320px;
	margin: 0 auto;		
}
.stepContainer select{
	float: left;
	width: 310px;
}
.stepContainer p{
	float: left;
	width: 310px;
}
.stepContainer input[type="text"]{
	width: 295px;
	float:left;
}
.stepContainer  a.tip{
	float:left;
	margin: 5px 0 5px 5px; 	
}

.login_form input[type="text"], .login_form input[type="password"]{
	width:80%;
}