@import url('/css/normalize.css');
@import url('/css/foundation.css');
@import url('/js/fancybox/jquery.fancybox.css');
@import url('/css/animate.min.css');
@import url('/css/font-awesome.min.css');

/**********************************************************************

UBhapE2 STYLES 

**********************************************************************/
/* ============== TRANSITION - ENTIRE SITE ============== */

a {
  -moz-transition: all .3s; 
  -webkit-transition: all .3s; 
  -o-transition: all .3s; 
  transition: all .3s;
}

/* ============== TYPOGRAPHY ============== */

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading li, .wf-loading ul, .wf-loading ol {
    visibility: hidden;
}
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active li, .wf-active ul, .wf-active ol  {
    visibility: visible;
}
body, p, ul, ol, li{
	font-family:"adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family:"clavo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clavo-light{
	font-family:"clavo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:200;
}
p{
	text-align:justify;
}
a{
	color:#004ab8;
}
a:hover{
	color:#003584;
	border-bottom: 1px dashed #003584;
}
.at4-share-btn:hover, #social-stream *:hover{
	border-bottom:0;	
}
::selection {
	background: #001364;
	color:#fff;
	}
::-moz-selection {
	background: #001364;
	color:#fff;
}
ul, ol, dl{
	list-style-position: inside;
}

/* ============== SITE BACKGROUNDS ============== */

html, body{
	background:#111;
}

main{
	background: url(../images/bg/creampaper.png) #f0f0f0;
	padding-bottom:1rem;
	padding-top:2.5rem;
}
@media only screen and (max-width: 940px) {
	main{
		padding-top:3rem;
	}
}


/* ============== NAV ============== */
.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button){
	background:none;
}
header .fa{
	line-height:1.7 !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button){
	background:#111;
}
.top-bar-section li.active:not(.has-form) a:hover:not(.button){
	background:#222;
}


/* ============== FOOTER  ============== */

footer{
	background:#111;
	padding-top:1rem;
}
footer, footer p, footer li, footer a, footer h5{
	color:#fff;
}
footer a:hover{
	color:#ccc;
	border-bottom-color:#ccc;
}

/* ============== TO TOP  ============== */

.go-top {
	position: fixed;
	bottom: 8rem;
	right: 4rem;
	text-decoration: none;
	color: #fff;
	background-color: #001364;
	font-size: .8rem;
	padding: 1rem;
	display: none;
	-moz-transition: none !important; 
  	-webkit-transition: none !important; 
  	-o-transition: none !important; 
  	transition: none !important;
	border-radius:3px;
}

.go-top:hover, .go-top:focus {
	background-color: #000d43;
	color:#ccc;
	border-bottom:0;
}

@media only screen and (max-width: 1075px) {
	.go-top{
		display:none !important;
	}
}

/* ============== SYSTEM PAGES ============== */

.system-message .error{
	background:none;
	color:#222;
}
.system-message{
	border:0;
	background:none;
}


/* ============== FORM ELEMENTS ============== */

textarea{
	height:6.3125rem;
}

form small{
	color:#903;
	margin-bottom:5px;
	display:block;
}

label{
	cursor:default;
}

form .error{
	background:none;
}
.error textarea{
	background-color:#ccc;
}
#recaptcha_area table, fieldset legend{
	background:none;
}
fieldset{
	border-color:#888;
}
.col4-margin-bottom{
	margin-bottom:1.21rem;
}
.form-border-left{
	border-left:1px solid #d4d4d4;
}
.req{
	color:#7B0002;
	font-size:.7rem;
}
/* ============== IMG FLOAT ============== */

.img-float-left{
	float:left;
	margin: 15px 20px 5px 0px;
	clear:left;
}
.img-float-right{
	float:right;
	margin: 15px 10px 5px 10px;
	clear:right;
}
figure img {
  border: 1px solid #310056;
  background-color: #000;
  padding: 1px;
  color:#fff;
}
figcaption {
  color: #000;
  text-align: center;
  padding: 5px;
}
.no-back-border{
	background:none;
	border:none;
}
/* ============== MISC STYLES ============== */

.img-center, .imgcenter, .text-center, .video-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}
.no-margin-top{
	margin-top:0 !important;
}
.font-normal{
	font-weight:normal !important;
}
.no-pad-right{
	padding-right:0 !important;
}
.no-pad{
	padding:0 !important;
}
.no-pad-left{
	padding-left:0 !important;
}
.hide{
	display:none;
}
.strong, .bold{
	font-weight:bold;
}
.relative{
	position:relative;
}
.black{
	color:#222 !important;
}
.white{
	color:#fff !important;
}
.list-in{
	list-style:inside;
}
.no-border{
	border:none !important;
}
.push-right{
	margin-left:2rem;
}
.uppercase{
	text-transform:uppercase !important;
}
.stroke{
	-webkit-text-stroke: 1px black;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.no-box-shadow{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
.border-radius{
	border-radius:5px;
}
.italic{
	font-style:italic;
}

/* ============== ADD THIS ============== */

.at-share-close-control .right, .at-share-close-control .left{
	float:none !important;
}
.at-vertical-menu, .at4-follow{
	z-index:99;
}
div#at4-share{
	padding-right:0 !important;
}

/* ============== SITE BY STYLES ============== */ 

#ub-link {
    display: block;
    float: right;
	margin: 0;
    padding: 0;
}
#ub-link a:link,
#ub-link a:visited {
		background: url("/images/site-by-logo.png") no-repeat scroll 0 0;
		background-size: contain;
		display: block;
		float: right;
		height: 23px;
		text-indent: -9999px !important;
		width: 140px;
		-moz-transition: all .3s; 
		-webkit-transition: all .3s; 
		-o-transition: all .3s; 
		transition: all .3s;
		opacity: .8; 
		filter: alpha(opacity: 100);
}
#ub-link a:hover,
#ub-link a:active {
		opacity: 1;
		filter: alpha(opacity: 100);
}

/* ============== IE WARNING ============== */

.iewarning{
	padding:20px;
	background:#900;
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	margin-bottom:15px;
	margin-top:50px;
	width:100%;
}
.iewarning a{
	color:#6fafff !important;
}
.iewarning a:hover{
	color:#5387c8 !important;
}

/* ============== NOSCRIPT/MAINTENANCE ============== */

#noscript-warning, #maintenance-warning {
    background-color: #AE0000;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 120%;
    font-weight: bold;
    left: 0;
    padding: 0.313em 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
	border-top: 10px #fff;
}
#maintenance-warning{
	background-color:#eee000;
	color:#222;
	position:absolute;
}
#noscript-padding, #maintenance-padding {
    padding-top: 3.5rem;
}

/* ============== SEARCH BOX ============== */

.search-box{
	padding-top:1.2rem;
}
.search-box form{
	margin:0;
}
.search-ico {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	background:none !important;
	color:#ccc !important;
	box-shadow:none !important;
}
.search-ico:hover {
	color:#9f9f9f !important;
}
header .search-ico{
	padding:0 !important;
}
.search-header{
    background: none !important;
   /* border-color: #808080 !important; */
    border-style: none none solid !important;
    border-width: 0 !important;
    color: #fff !important;
	height:2.4125rem !important;
	box-shadow:none !important;
}
.search-header:focus{
    background: none !important;
  /*  border-color: #354743 !important; */
    box-shadow: none !important;
}

.top-search input::-webkit-input-placeholder {
   color: #354743 !important;
}
.top-search input:focus::-webkit-input-placeholder {
   color: #354743 !important;
}
.top-search input:-moz-placeholder { 
   color:#354743 !important;  
}
.top-search input:focus:-moz-placeholder { 
   color: #354743 !important;  
}
.top-search input::-moz-placeholder { 
   color: #354743 !important;  
}
.top-search input:focus::-moz-placeholder { 
   color: #354743 !important;  
}
.top-search input:-ms-input-placeholder {  
   color: #354743 !important;  
}
.top-search input:focus:-ms-input-placeholder {  
   color: #354743 !important;  
}
/* ============== REVEAL MODAL ============== */
.reveal-modal-bg{
	z-index:999999;
}
.reveal-modal{
	z-index:9999999;
}

/* ============== TOOLTIPS ============== */
.has-tip:hover, .has-tip:focus, .tooltip{
	z-index:9999999;
}
/* ============== BUTTONS ============== */

/* ADDING SHADOW TO FOUNDATION BUTTONS */
button, .button{
	padding:.82rem 2rem .85rem;
	-webkit-box-shadow:0 4px 0 #007295;
	-moz-box-shadow:0 4px 0 #007295;
	box-shadow:0 4px 0 #007295;
}
button.secondary, .button.secondary{
	-webkit-box-shadow:0 4px 0 #B9B9B9;
	-moz-box-shadow:0 4px 0 #B9B9B9;
	box-shadow:0 4px 0 #B9B9B9;
}
button.success, .button.success{
	-webkit-box-shadow:0 4px 0 #368A54;
	-moz-box-shadow:0 4px 0 #368A54;
	box-shadow:0 4px 0 #368A54;
}
button.alert, .button.alert{
	-webkit-box-shadow:0 4px 0 #CF280E;
	-moz-box-shadow:0 4px 0 #CF280E;
	box-shadow:0 4px 0 #CF280E;
}

button.brand, .button.brand, .productLarge input[type="submit"]{
	background-color: #001364;
    border-color: #000d45;
    color: #fff;
	-webkit-box-shadow:0 4px 0 #00082c;
	-moz-box-shadow:0 4px 0 #00082c;
	box-shadow:0 4px 0 #00082c;
}
button.brand:hover, button.brand:focus, .button.brand:hover, .button.brand:focus, .productLarge input[type="submit"]:hover{
	background-color: #00082c;
}

.black-btn{
	background-color: #444;
    border-color: #5f5f5f;
	-webkit-box-shadow:0 4px 0 #000;
	-moz-box-shadow:0 4px 0 #000;
	box-shadow:0 4px 0 #000;
}
.black-btn:hover, .black-btn:focus, .black-btn:active{
	background-color: #000;
    border-color: #333;

}



/* ============== ACCORDION ============== */
.accordion dd.active a{
	background:none;
}
.accordion .fa-plus{
	display:inline;
}
.accordion .fa-minus{
	display:none;
}
.accordion .active .fa-plus{
	display:none;
}
.accordion .active .fa-minus{
	display:inline;
}
/* ============== SOCIAL STREAM ============== */ 

#social-stream *{
  -moz-transition: none !important; 
  -webkit-transition: none !important; 
  -o-transition: none !important; 
  transition:none !important;
}

.stream li .section-intro{
	-moz-box-sizing:content-box !important;
	box-sizing:content-box !important;
}

.f-facebook{
	display:none !important;
}
.dcsns-toolbar{
	padding:30px 80px 5px 0 !important;
}
/* ============== OVERRIDE UNDERLINE ============== */ 

.no-underline, button, .button, nav a{
	border-bottom:0 !important;
}

/* ============== TOOLTIPS ============== */
.has-tip:hover, .has-tip:focus, .tooltip{
	z-index:9999999;
}
/* ============== BLOG ============== */
.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li{
	font-size:.9rem;
}
.blog-comments{
	list-style:none !important;
}
.comment-list{
	background:none;
	border:none;
	margin-bottom:0;
}


.blog-post-meta{ margin: 4px 0 9px; padding: 3px 0;font-weight: 700;color: #555; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.blog-post-meta span{padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #eee;text-transform: uppercase;font-size: 10px;}
.blog-post-meta span:last-of-type{ border-right: 0;}
.blog-post-meta span a, .blog-post-meta span span.blogpost-date{ font-weight: 400;margin: 0;padding: 0;}
.blog-post-meta{ margin-bottom: 15px;}
.blog-post-meta{ float: left; padding: 12px 0;text-transform: uppercase;font-size: .8rem;color: #555;font-weight: 700;}
.blog-post-meta a{ padding-left: 3px;font-weight: 400;}

.blog-meta .meta-block .meta-block-inner { margin: 0 0 15px; border: 1px solid #ccc; border-bottom: 0; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; overflow: hidden; 
background: #f7f7f7;
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededed 100%);
background: linear-gradient(to bottom,  #f7f7f7 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );

border-radius:3px;

}

.blog-meta .meta-block .meta-block-inner .meta-number,
.blog-meta .meta-block .meta-block-inner .meta-text { display: block; text-align: center; border-top: 1px solid #fafafa; border-bottom: 1px solid #ccc; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); }

.blog-meta .meta-block .meta-block-inner .meta-number,
.blog-meta .meta-block .meta-block-inner .meta-number a {color: #666; }
.blog-meta .meta-block .meta-block-inner .meta-number { font-size: 1.6rem; font-weight: 700; padding:5px; }

.blog-meta .meta-block .meta-block-inner .meta-text { font-size: .7rem; font-weight: 700; color: #666; text-transform: uppercase; padding: 5px;}

 .read-article {
        
        -moz-box-shadow: 0px 10px 14px -7px #3e7327;
        -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
        box-shadow: 0px 10px 14px -7px #3e7327;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
        background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
        
        background-color:#77b55a;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        border:1px solid #4b8f29;
        
        display:inline-block;
        color:#ffffff;
        font-family: "ff-tisa-sans-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size:14px;
        font-weight:bold;
        padding:5px 19px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #5b8a3c;
				
		 -webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
		 transition: all 0.5s ease;
		 
		 margin-bottom:2rem;
        
    }
    .read-article:hover {
        
        -moz-box-shadow:inset 0px 10px 14px -7px #3e7327;
        -webkit-box-shadow:inset 0px 10px 14px -7px #3e7327;
        box-shadow:inset 0px 10px 14px -7px #3e7327;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
        background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
        
        background-color:#77b55a;
		
		color:#fff;
		border-bottom:none !important;
        
        
    }
    .read-article:active {
        position:relative;
        top:1px;
    }
.blog-author-info {
    border: #979797 1px solid;
	border-left:none;
	border-right:none;
    padding: 10px 0;
	margin-top:15px;
	max-width:34rem;
}
.author-bio{ margin-bottom:0;}
.blog-author-info .author {
    font-size: .7rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.author-photo{
	float:left;
	border:1px solid #000;
	margin-right:1rem;
}
.blog-author-info .author {
    font-size: .7rem;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

/* ============== BREADCRUMBS ============== */

.breadcrumbs > * a, .breadcrumbs > * span {
    color: #004694;
}

/* ============== BLOCKQUOTES / PULL QUOTES ============== */

blockquote, blockquote p{
	color:#555;
}
blockquote{
	border-left: 3px solid #777;
}
.pull-quote-left{
	float:left;
	max-width:19rem;
}
.pull-quote-right{
	float:right;
	max-width:19rem;
}
/* ============== ACCORDION ============== */
.accordion dd > a{
	font-weight:bold;
	background:none;
}
.accordion .content.active{
	background:none;
}
/* ============== HR ============== */
hr, .hr{
border: 0;
height: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%);
margin:1rem 0;
}
/* ============== FANCY DROP SHADOW ============== */
.fancy-shadow
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px 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;
}
.fancy-shadow:before, .fancy-shadow:after
{
content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.fancy-shadow:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/* ============== TOP ============== */
#top, #apps, #social{
	padding-top:1rem;
	background: rgb(204,215,233);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDdlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTdmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(204,215,233,1) 0%, rgba(90,127,183,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,215,233,1)), color-stop(100%,rgba(90,127,183,1)));
background: -webkit-linear-gradient(top, rgba(204,215,233,1) 0%,rgba(90,127,183,1) 100%);
background: -o-linear-gradient(top, rgba(204,215,233,1) 0%,rgba(90,127,183,1) 100%);
background: -ms-linear-gradient(top, rgba(204,215,233,1) 0%,rgba(90,127,183,1) 100%);
background: linear-gradient(to bottom, rgba(204,215,233,1) 0%,rgba(90,127,183,1) 100%);
}
/* ============== FEATURES ============== */
#features{
	padding-top:2.5rem;
}
.info-me-myself{
	padding-top:1rem;
}
/* ============== HOW ============== */
#how .row{
	padding-top:1.5rem;
}
#how{
	background:url(../images/bg/bedge_grunge.png);
	padding-bottom:1.5rem;
	border-top:3px solid #7f7f7f;
}
/* ============== PRIVACY ============== */
#privacy{
	padding-top:2.5rem;
	border-top:3px solid #7f7f7f;
}
/* ============== SOCIAL ============== */
#social{
	padding-top:2.5rem;
	padding-bottom:1.5rem;
	border-top:3px solid #7f7f7f;
}
.subscribe-text{
	height:3.6rem !important;
	border-radius:5px;
}
.subscribe{
	margin-left:10px;
}
/* ============== CONTACT ============== */
#contact{
	padding-top:2.5rem;
	border-top:3px solid #7f7f7f;
}
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ============== ICON CONTAINER ============== */
.icon-container {
    display: block;
    margin-top: 5px;
    min-height: 120px;
    float: left;
    margin-right: 20px;
}
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ============== SYSTEM MESSAGES H2 ============== */

.system-message h2{
	padding-top:1.5rem;
}
/* ============== BELLES FARM  =============================================================================================== */

/* ============== HERO  ============== */
.hero{
	background:url(/images/belles-farm/iPhone-5S-Isometric.png) no-repeat;
	background-position:320px;
}
.hero-pad{
	padding-bottom:15.5rem;
}
.hero-img{
	position:absolute;
	right:150px;
	top:25px;
}
@media only screen and (max-width: 910px) {
	.hero-img{
		right:35px;
		top:60px;
	}
	.hero-pad{
		padding-bottom:17.5rem;
	}
}
@media only screen and (max-width: 600px) {
	.hero-img{
		right:15px;
		top:60px;
	}
	.hero-pad{
		padding-bottom:18rem;
	}
}
@media only screen and (max-width: 320px) {
	.hero-img{
		right:0;
		top:93px;
	}
	.hero-pad{
		padding-bottom:9.5rem;
	}
}

/* ============== EMAIL SIGNUP ============== */

.email-signup{
	max-height:50px;
}
.belle-signup{
	height:2.6rem !important;
}
/* ============== APPS ============== */
#apps{
	padding-top:2rem;
	padding-bottom:2rem;
	border-top:3px solid #7f7f7f;
}
/* ============== ABOUT ============== */
#about{
	padding-top:2rem;
	padding-bottom:1rem;
	border-top:3px solid #7f7f7f;
}
.belle{
	padding-top:4.5rem;
}
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */
/* ==============  ============== */