/**************************
/  TOP OPTIN
/**************************/
.clear{clear:both;}

.apoif-top-optin{
	border-right: 1px solid #3297CA;
	border-left: 1px solid #3297CA;
	border-bottom: 1px solid #3297CA;
	margin: 0 0 10px;
}


.apoif-top-optin-container {
	border: 6px solid #dce1e2;
}


.apoif-top-optin .left-side{
	float: left;
	width: 63%;
	padding: 14px 20px;
	border-right: 2px dashed #e1e1e1;
}

.apoif-top-optin .right-side{
	float: left;
	width: 25%;
	padding: 10px 20px 20px;
	text-align: center;
}

@media screen and (max-width: 768px){
	.apoif-sharing a span{
		display: inline-block!important;
		text-indent: -99999px!important;
		width: 0px!important;
		text-align: center!important;
	}
	
	.apoif-sharing a{
	width: 21.0%;

}

}



@media screen and (max-width: 986px){
	
	
	.apoif-sharing a{
	width: 23.26% !important;

}

}

@media screen and (max-width:499px){
	.apoif-top-optin .left-side,
	.apoif-top-optin .right-side{
		float: none;
		width: 84%;
	}
	.apoif-top-optin .left-side{
		border-right: none !important;
		border-bottom: 2px dashed #e1e1e1;
	}
	.apoif-top-optin .left-side .optin form{
		text-align: center;
	}
	.apoif-top-optin .left-side .optin form > input[type="email"],
	.apoif-top-optin .left-side .optin form > input[type="submit"]{
		width: 100%;
		margin-bottom: 10px;

	}
	
	.apoif-sharing a{
	width: 21.16%;

}
}

@media screen and (min-width: 769px){
	.apoif-sharing a{
	width: 23.268%;

}
}


	.apoif-sharing a{
	float: left;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-right: 1px;
	text-decoration: none;
	background-color: #a09f9f;
	display: block;
		opacity: 1!important;
		padding: 5px;
}


.apoif-sharing a span{
	color: #fff;
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
	height: 34px;
	line-height: 34px;
	display: block;

}

.apoif-sharing a:not(.subscribe) span{

	background-repeat: no-repeat;
	padding-left: 25px;
}



.apoif-sharing a.fb{

}

a.fb:hover{
	background-color: #5284b5;
}

.apoif-sharing a.fb span{
	background-image: url('iconfb.png');
}




.apoif-sharing a.tw{


}

a.tw:hover{
	background-color: #74c4e5;
}

.apoif-sharing a.tw span{
background-image: url('icontw.png');
}

.apoif-sharing a.pnt{
	margin-right: 1px;
	background-image:none !important;
}

a.pnt:hover{
	background-color: #c85c60;
}

.apoif-sharing a.pnt span{
	background-image: url('iconpnt.png');
}

.apoif-sharing a.rddt{

	margin-right: 0;
	background-image:none !important;
}

a.rddt:hover{
	background-color: #8dcad6;
}

.apoif-sharing a.rddt span{
	background-image: url('iconrddt.png');
}



.apoif-top-optin{
	margin: 0 0 10px;
text-align: center;
}

.apoif-top-optin .left-side{
	float: left;
	padding: 18px;
	border-right: 2px dashed #e1e1e1;
}

.apoif-top-optin .right-side{
	float: left;
	padding: 10px 16px 20px;

}

.apoif-top-optin .left-side .heading{
	color: #382e15;
	margin: 6px 0 1px;
	line-height: 22px;
	font-family: Georgia;
	font-size: 18px;
	text-align: left;
}

.apoif-top-optin .left-side form input[type="email"]{
	margin: 0;
	border-radius: 4px;
	padding: 13px 13px;
	border: 1px solid #c2c2be;
	width: 282px;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	display: inline-block;
	float: left;

}

.apoif-top-optin .left-side form input[type="email"]::-webkit-input-placeholder {
  color:#5b5b5b!important;
}


.apoif-top-optin .left-side form input[type="submit"]{
	background-color: #3d382d;
	border: none;
	border-radius: 5px;
	padding:13px 20px !important;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	font-family: Georgia;
}

.apoif-top-optin .left-side .label{
	margin: 10px 5px;
	text-align: center;
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	color: #b2aba9;
}

.apoif-top-optin .left-side .label a{
	color:#687f8e;
}

.apoif-top-optin .right-side .heading{
	font-size: 14px;
	margin: 10px 0;
	font-family: Georgia;
	color: #706b69;
}

.apoif-top-optin .right-side .heading a{
	color: #334d92;
	font-weight: bold;
}

.apoif-top-optin .right-side .fb-like{
	text-align: center;
	background-color: #f0f1f9;
	padding: 15px 30px 10px;
	border: 1px solid #c6d1ec;
	border-radius: 5px;
	display: inline-block;
}

.apoif-top-optin .right-side .fb-like iframe{
	width: 87px;
}

/**************************
/  BOTTOM OPTIN
/**************************/


.apoif-bottom-optin{
	background-color: #e9ecdc;
	border-radius: 5px;
	text-align: center;
	padding: 30px 110px 20px;
	margin: 0 0 20px;
	background-image: url(http://pioneersettler.com/wp-content/themes/Curated/images/radial-bg.png);
	background-size: cover;
}

.apoif-bottom-optin h2{
	margin-top: 10px;
}

.apoif-bottom-optin .desc{
	font-size: 15px;
	font-family: Calibri;
	color: #595858;
	line-height: 17px;
}

.apoif-bottom-optin .optin form input[type="email"]{
	width: 380px;
	border: 2px solid #d1d1c4;
	border-radius: 7px;
	padding: 5px 10px;
	font-size: 20px;
	vertical-align: top;
	font-family: Calibri;
}

.apoif-bottom-optin .optin form input[type="submit"]{
	background-color: #aa9f81;
	color: #fff;
	border: none;
	border-radius: 7px;
	padding: 7px 25px;
	font-weight: normal;
	font-family: 'Droid Sans';
}

.apoif-bottom-optin .label{
	font-size: 15px;
	font-family: Calibri;
	color: #918c8a;
	margin: 0;
}

.apoif-bottom-optin .optin .label a{
	color:#738a99;
}

.apoif-side-optin{
	border-bottom: 6px solid #b1aca5;
	padding: 0 0 20px
}

.apoif-side-optin p{
	color: #4f4e4e;
	font-family: Calibri;
	line-height: 19px;
	font-size: 15px;
}

.apoif-side-optin .optin form input[type="email"]{
	margin: 0;
	border: 2px solid #c1bfb2;
	border-radius: 5px;
	padding: 5px 10px;
	color: #c5912e;
	font-family: Calibri;
	width: 195px;
}

.apoif-side-optin .optin form input[type="submit"]{
	border: none;
	color: #fff;
	background-color: #b1aca5;
	border-radius: 4px;
	padding: 7px 15px;
	font-size: 15px;
	font-family: Calibri;
}


/**************************
/  WIDGET
/**************************/


.widget_apoif_optin_forms_newsletter{
	background-color: #f5f6ee;
	padding: 30px 20px 20px;
	border-radius: 3px;
}

.widget_apoif_optin_forms_newsletter .widget-title{
	margin-bottom: 5px;
}

.widget_apoif_optin_forms_newsletter .widget-title .block-cap{
	border-bottom: none;
	border-top: 1px solid #cacaca;
	margin-bottom: 0px;
}

.widget_apoif_optin_forms_newsletter .widget-title h3{
	border-top: 4px solid #b1aca5;
	border-bottom: none;
	padding: 10px 0 0;
	text-transform: none;
	color:#3f3e39;
}