@import url(http://fonts.googleapis.com/css?family=Oleo+Script|Great+Vibes);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);html,

body {
  font-size: 95%; 
  }

body {
  background: #ffffff;
  color: #333333;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

.left {
  float: left !important; }

.right {
  float: right !important;
  right: 0
  }
.center{
	text-align: center;
	font-weight: normal;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.row{
	width: 100%;
}
.col-12{
	width: 980px!important;
	margin: 0 auto;
	padding: 12px;
	text-align: left;
}
#top-nav{
	height: 81px;
	background: white;
	border-bottom: 2px #b0a795 solid;
	
}
#top-nav .logo{
	float: left;
	width: 268px;
	margin-right: 20px;
	display: inline-block;
	overflow: hidden;

}
#top-nav .nav-top{
	display: inline-block
}
#top-nav .nav-top ul li{
	float: left;
	margin-right: 20px;
	list-style-type: none;
}
#top-nav .nav-top ul li a{
	color: #807e7f;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -.5px;
	text-transform:uppercase;
	text-decoration: none;
	/*font-weight: 600;*/
	font-size: 14px
	}
#top-nav .nav-top ul li a:hover{
	color: #26b36b;
	}
#header{
	  background: #f8f9fa;
	  clear: both;

}
#container{
	background: #f8f8f8;
 	clear: both;	
}
#footer{
	 clear: both;
}
#footer .links h1 {
	color: #656565;
	font-weight: bold;
	font-size: 12px;

}
#footer .links{color: #a2a2a2;
	font-size: 11px;
	text-align: center;

}
#footer .links a{color: #a2a2a2;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px
}
#footer .links a:hover
	{
	text-decoration: underline;
	}

#footer .links span {
display:inline-block;
color:#a2a2a2!important;
padding:0 5px;
}

.btn-large {
	font-size:18px;
	padding:20px 50px;
	margin:5px 10px;
}
.btn-success {
	background-color: #2ecc71;
	background-image:none;
	border: 0;
	-webkit-box-shadow: 0 3px 0 rgba(2, 154, 67, 1);
	box-shadow: 0 3px 0 rgba(2, 154, 67, 1);
	line-height: 1.8;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background-color: #29c36a;
	color:#FFF;
	border: 0;
	-webkit-box-shadow: 0 3px 0 rgba(2, 139, 61, 1);
	box-shadow: 0 3px 0 rgba(2, 139, 61, 1);
}
.btn-primary {
	background-color: #2db6d8;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #209ab8!important;
	color:#FFF!important;
}

.btn{
	padding: 15px 50px;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	border-radius: 3px;
	line-height: 45px;
	text-decoration: none;
}
/*.btn-default{
	color: #26b36b;
	padding: 8px 30px;
	border-radius: 3px;
	border: 1px #26b36b solid;
	font-size: 14px;
	text-decoration: none;
}*/
.btn_border{
	border: 1px #d8d8d8 solid;
}
/*.btn.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
*/
.btn.small {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 0.8125rem; }
.btn.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
.green{
	background: #26b36b;

}
.red{
	background: #e11a55;
}
.green_txt{
	color: #65c53b;
}
.black_txt{
	color: #333;
}
h1{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.radius{
		border-radius: 3px;

}
.shade_1{
	background: #f8f8f8;
}
.shade_1 .block_1{
	background:url('../img/bg_block_1.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.shade_1 .block_1 h2, .shade_3 h2{
	font-family: 'Great Vibes', cursive;
	text-align: center;
	font-size: 46px;
	line-height: 54px;
	font-weight: normal
	}
.shade_2{
	background: white;
}
.shade_3{
	background: #f4f4f4;
}
.shade_4{
	background: #e7e7e7;
}
.shade_5{
	background: #f4f4f4;
}
.shadow{
	-webkit-box-shadow: 0px 2px 3px 0px rgba(216,216,216,0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(216,216,216,0.75);
	box-shadow: 0px 2px 3px 0px rgba(216,216,216,0.75);
	}
.radius{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;
}
.radius-top{
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border: 0px solid #000000;
}
.radius-btm{
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border: 0px solid #000000;
}

/*select{
	background: #ffffff;
	color: #777;
	border: 1px solid #e0e0e0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	height: 28px;
	padding: 5px;}

.regform-txtfield {
border: 1px solid #e0e0e0;
background: #fff;
color: #777777;
width: 240px;
padding-left: 10px;
height: 27px;
font: 12px arial;
}
*/
.inputs{
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    height:23px
}

.inputs:focus {
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background: #fff;
    /*box-shadow: 0 0 0 3px #fff38e, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 );*/
    outline: none;
}
select{
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    */
    color:#888;
    /*border:none;*/
    border: 1px solid #e0e0e0;
    outline:none;
    display: inline-block;
    cursor:pointer;
    height:27px;
}
#search_box_home select{
	padding:3px;
    height:42px;
}
#search_box_home .btn{
	padding: 10px 50px;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	border-radius: 3px;
	line-height: 40px;
	text-decoration: none;
}
#search_box_home ul li{
	float: left;
	margin-right: 15px;
	list-style-type: none;
}
.regform-txtfield{
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#888;
    border: 1px solid #e0e0e0;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:25px;
    min-width: 240px
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/*label {position:relative}
 clabel:after {
    content:'>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:5px 5px 0 2px;
    baborder-bottom:1px solid #ddd;*
    position:absolute;
    pointer-events:none;
}
.none label:after {
	    content:none;
	    }
.none label:before {
	    content:none;
	    }
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
*/

.testimonial {
    margin: 0;
    background: #ffffff;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #f5f5f5;
    /*background-image: linear-gradient(#CEF3FF, #B7EDFF);*/
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ffffff;
    margin: 0 0 0 25px;
}

.testimonial-author {
    margin: 20px 0 50px 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align: left;
}

.testimonial-author span {
    font-size: 12px;
    color: #666;
}

.list_carousel {
				/*background-color: #f1f1f1;
				border-top: 1px #d8d8d8 solid;*/
				margin: 0 0 30px 60px;
				width: 160px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 16px;
				line-height: 20px;
				color: #999;
				text-align: center;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}
			.list_carousel li img{
				border-radius: 100px;
				width: 70px;
				height: 70px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
#foo4{
	/*height: 220px!important;*/
}

/*========== 6. PLANS AND PRICING ==============*/

.pricing {
	padding:25px;
	color:#FFF;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.pricing .planname {
	text-transform:uppercase;
	font-weight:600;
}
.pricing .price {
	font-size:52px;
	font-weight:300;
	margin:10px 0;
}
.pricing .billing {
	text-transform:uppercase;
	color:#FFF;
	opacity:0.7;
}
.pricing .price .curr {
	display:inline-block;
	font-size:20px;
	vertical-align:super;
}
.pricing .price .per {
	display:inline-block;
	font-size:20px;
	vertical-align: baseline;
}
.color1 {
	background-color:#2ecc71;
}
.color2 {
	background-color:#1abc9c;
}
.color3 {
	background-color:#16a085;
}
/* Animation */

.pricing {
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.pricing:hover {
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	z-index:2;
}
/*form*/


table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {	border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

caption, th { text-align: left; }

/*h1, h2, h3, h4, h5, h6 { font-weight: normal; }*/

q:before, q:after { content: ''; }

strong { font-weight: bold; }

em { font-style: italic; }

a img {	border: none; } /* Gets rid of IE's blue borders */

a { text-decoration: none; }



/* ---------- CLEARFIX ---------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }





/* ---------- GENERAL ---------- */
.round {
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
}

p {
	margin-bottom: 1.25em; /* 20/16 */
	color: #9498a1;
}

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.half-size-column {
	width: 48%;
}

div.stripe-separator {
	background: transparent url('../images/separator-bg.png') repeat-x left center;
	height: 0.562em; /* 9/16 */
	display: block;
	margin: 1.25em 0; /* 20/16 */
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.625em; /* 10/16 */ }







/* ---------- COLORS ---------- */
a { color: #2069b4; }
	a:hover { color: #2a2e36; }

p a, p a:hover { border-bottom: 1px dotted; }

.blue {
	background-color: #2069b4;
	color: white;
}
	.blue:hover {
		background-color: #5081b3;
		color: white;
	}


/* ---------- WIDTHS ---------- */
/* Form Inputs Style */
.default-width-input { width: 20.833em; /* Default Value. Equals 250px for the 12px font size */ }	

.full-width-input { width: 95%; 
                    height:5px;
                    }

/* Textarea Style */
.full-width-textarea {
	width: 95%;
	height: 12.5em; /* 150/12 */
}

/* Page Container Style */
.page-full-width { padding: 0 1.875em; /* 30/16 */ }

.page-limited {
	width: 60em; /* 960/16 */
	margin: 0 auto;
}




/* ---------- FORMS ---------- */
form label {
	display: block;
	text-transform: uppercase;
	color: #2a2e36;
	margin: 0 0 0.3125em 0;
}

form label.alt-label { text-transform: none; }

form input[type="text"], input[type="password"], textarea {
	border: 1px solid #d9dbdd;
	padding: 1em 0.625em; /* 16/16 10/16 */
	outline: none;
}
	form input[type="text"]:hover, input[type="password"]:hover, textarea:hover,
	form input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		border: 1px solid #bbbdbe;
	}
	.chk_list
{
    padding:5px; 
	font-family:Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-size:9pt;
    
    }
form input[type="checkbox"]
{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(check_radio_sheet.png) left top no-repeat;
}
 form input[type="radio"] { margin-right: 0.833em; /* 10/12 */ }

form input[type="submit"] {
	border: none;
	cursor: pointer;
	padding: 0.833em; /* 10/12 */

	background-position: right center;
	padding-right: 3em; /* 36/12 */
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}

form#search-form input {
	border: none;
	/* The inner text overflows on the BG image, so we're setting a right padding to stop that */
	padding-right: 3em; /* 36/12 */
}
	form#search-form input:focus {
		/* Same as .dark:hover */
		background-color: #5d6677;
		color: white;
	}

form p em {
	margin-top: 0.833em; /* 10/12 */
	display: block;
}

form p.form-error, form p.form-error label { color: #cf4425; }

form p.form-error em {
	background: transparent url('../images/icons/message-boxes/error.png') no-repeat left center;
	padding-left: 2em; /* 24/12 */
}

form input.error-input { border: 1px solid #ff876f; }
	form input.error-input:hover { border: 1px solid #b03e27; }

/* Styling the HTML5 placeholders */
/* So far they don't work in: IE, Opera 10 and below, Firefox 3.6 and below */
::-webkit-input-placeholder { color: #858d9c; }
:-moz-placeholder { color: #858d9c; }





/* ---------- CONTENT BOXES ---------- */
.information-box, .confirmation-box, .error-box, .warning-box {
	padding: 0.830em 0.830em 0.830em 2em; /* 10/12 36/12 */
	margin-bottom: 0.833em; /* 20/12 */
}

.information-box {
	background: #e5f5f9 url('../images/icons/message-boxes/information.png') no-repeat 0.833em center;
	border: 1px solid #cae0e5;
	color: #5a9bab;
}

.confirmation-box {
	background: #e7fae6 url('../images/icons/message-boxes/confirmation.png') no-repeat 0.833em center;
	border: 1px solid #b7cbb6;
	color: #52964f;
}

.error-box {
	background: #fde8e4 url('../images/icons/message-boxes/error.png') no-repeat 0.833em center;
	border: 1px solid #e6bbb3;
	color: #cf4425;
}

.warning-box {
	background: #fdf7e4 url('../images/icons/message-boxes/warning.png') no-repeat 0.833em center;
	border: 1px solid #e5d9b2;
	color: #b28a0b;
}






/* ---------- CONTENT ---------- */
div#content {
	background: #f8f9fa url('../images/artwork-pattern.png') repeat-x left bottom;
	/*border: 1px solid #eeefef;
	 30/16 */
}

form#login-form {
	width: 18.75em; /* 300/16 */
	margin: 0 auto;
}