/*   
Theme Name: Shield WP V2
Theme URI: http://ema.com
Description: Theme for Income Shield.
Author: Mryozzo
Author URI: http://mryozzo.info
Version: 2
*/


/*-----------------------------------
	General Styles
------------------------------------*/
html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}
body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #707070;
}
a:active, button:active, textarea:active, input:active, select:active, a:focus, button:focus, textarea:focus, input:focus, select:focus {
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
.container {
	max-width: 960px;
}
section {
	padding: 30px 0;
}
section.dark {
	background: #171717;
}
section.bgreen {
	background: #33485b;
	color: #d4d4d4;
}
main > .container {
	padding-top: 40px;
}

/*-----------------------------------
	Typhography
------------------------------------*/

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight: 600;
	margin: 15px 0 15px;
	font-family: 'Open Sans', sans-serif;
}
section.dark h1,section.dark h2,section.dark h3,section.dark h4,section.dark h5,section.dark h6,
section.dark .h1,section.dark .h2,section.dark .h3,section.dark .h4,section.dark .h5,section.dark .h6,
section.bgreen h1,section.bgreen h2,section.bgreen h3,section.bgreen h4,section.bgreen h5,section.bgreen h6,
section.bgreen .h1,section.bgreen .h2,section.bgreen .h3,section.bgreen .h4,section.bgreen .h5,section.bgreen .h6 {
	color: #fff;
}
h1, .h1 {
	font-size: 28px;
}
h2, .h2 {
	font-size: 24px;
}
h3, .h3 {
	font-size: 20px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 16px;
	margin-bottom: 0;
}
h6, .h6 {
	font-size: 14px;
}
.lg-text {
	font-size: 32px;
}
.xl-text {
	font-size: 42px;
	font-weight: 700;
}
.font1 {
	font-family: 'Open Sans', sans-serif !important;
}
.font2 {
	font-family: 'Montserrat', sans-serif !important;
}
.semibold {
	font-weight: 600 !important;
}
.light {
	font-weight: 300 !important;
}
.lead {
	max-width: 600px;
	margin: 0 auto 25px;
	clear: both;
	font-size: 14px;
	font-weight: 400;
}
.disclaimer {
	font-size: 11px;
	font-weight: normal;
	margin: 15px auto 0;
}
.section-title {
	padding-bottom: 15px;
	margin-bottom: 25px;
	position: relative;
}
@media (max-width: 767px) {
	.section-title br {
		display: none !important
	}
}
.section-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background: #d4d4d4;
}
.navy-bg-title,.navy-bg-title {
	padding: 5px 10px;
	margin: 0 0 15px;
	color: #f8ca44;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26);
}
.navy-bg-title {
	background: #373646;
}
.navy-bg-title {
	background: #373646;
}
.margin-btm-lg {
	margin-bottom: 50px;
}
p {
	margin-bottom: 30px;
}
.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.normal {
	text-transform: none !important;
}
.capitalize {
	text-transform: capitalize;
}
.navy-text {
	color: #373646 !important;
}
.orange-text {
	color: #f8ca44 !important;
}
a {
	display: inline-block;
	color: #373646;
}
a:hover {
	color: #f8ca44;
}
.btn-navy, .btn-orange {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	outline: none;
	border: none;
}
.btn-navy.sm {
	padding: 7px 10px;
	font-size: 12px;
}
.btn-navy-lg, .btn-orange-lg {
	font-weight: 700;
	font-size: 20px;
}
.btn-navy-xl, .btn-orange-xl {
	font-size: 28px;
}
.btn-navy, .btn-primary {
	background: #373646;
	color: #f8ca44;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26);
	white-space: nowrap;
}
.btn-navy:hover {
	background: #2d2c39;
	color: #fff;
}
.btn-orange {
	background: #f8ca44;
}
.btn-orange:hover {
	background: #373646;
	color: #fff;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	border-color: #ccc;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 30px;
}
blockquote {
	padding: 0 20px 0 30px;
	margin: 0 0 30px 15px;
	font-size: 14px;
	border-left: 5px solid #eee;
	position: relative;
	min-height: 40px;
	font-style: italic;
}
blockquote:after {
	font-family: FontAwesome;
	content: '\f10d';
	width: 40px;
	height: 40px;
	line-height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	margin-left:-22px;
	border-radius: 500px;
	border: 2px solid #eee;
	color: #dddddd;
	background: #fff;
	text-align: center;
	font-style: normal;
}
.page-header {
	margin: 0 0 30px;
	padding-bottom: 15px;
	color: #373646;
	font-weight: 300;
	position: relative;
	border-bottom: 1px solid #cccccc;
	font-size: 40px;
}
.page-header.sm {
	font-size: 20px;
}
.page-header.md {
	font-size: 30px;
}
.page-header:after {
	content: '';
	width: 100px;
	height: 4px;
	background: #cccccc;
	position: absolute;
	left: 0;
	bottom: 0;
}
.page-header.text-right:after {
	left: auto;
	right: 0;
}
.page-header.text-center:after {
	left: 50%;
	margin-left: -50px;
}


/*-----------------------------------
	Header
------------------------------------*/

header {
	position: relative;
	padding: 15px 0 20px;
	background: #33485b;
}
header:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	content: '';
	background: #383747;
}
.contact-details {
	color: #adb1b3;
	font-size: 13px;
	padding: 5px 15px 0;
}
.contact-details span {
	padding: 0;
	margin: 0;
	display: block;
}
.contact-details a {
	font-family: 'Montserrat', sans-serif;
	font-size: 34px;
	line-height: 1;
	color: #ffffff;
	white-space: nowrap;
	font-weight: 700;
	position: relative;
}
.contact-details a img {
	position: relative;
	top: -3px;
	margin-right: 5px;
}
.navbar {
	background: #ebf1ef;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif;
	min-height: 40px;
	margin: 0;
	border: none;
	overflow: hidden;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
.navbar a {
	color: #adb1b3;
	text-transform: uppercase;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 10px;
	position: relative;
}
.nav>li>a:hover, .nav>li>a:focus, .navbar-nav>li.active>a {
	text-decoration: none;
	background-color: transparent;
	color: #33485b;
}
.nav>li a:after {
	-webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   transition: all 0.1s linear;

   	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	opacity: 0;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #383747;
}
.navbar-nav>li.active>a:after, .nav>li>a:hover:after, .nav>li>a:focus:after {
	margin-top: 0;
	opacity: 1;
}
.navbar-toggle .icon-bar {
	background: #373646;
}
@media (min-width: 768px) and (max-width: 996px) {
	.navbar-nav>li>a {
		font-size: 13px;
		padding: 10px;
	}
}
@media (max-width: 767px) {
	.contact-details {
		position: absolute;
	}
	.nav>li a:after {
		top: 50%;
		left: 0;

		border-left: 6px solid #383747;
		border-right: none;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;

		margin-top: 0;
		margin-left: -6px;
	}

	.navbar-nav>li.active>a:after, .nav>li>a:hover:after, .nav>li>a:focus:after {
		margin-top: 0;
		margin-left: 0;
		opacity: 1;
	}
}

@media (max-width: 767px) {
	header .logo img {
		max-width: 80%;
	}
	.contact-details a {
		font-size: 28px;
		font-weight: 400;
	}
	.contact-details a img {
		top: -1px;
		max-width: 25px;
	}
}
@media (max-width: 600px) {
	.contact-details {
		position: relative;
		float: none;
		text-align: center !important;
		clear: both;
	}
	.contact-details a {
		font-size: 20px;
	}
	header .logo {
		display: block;
		text-align: center;
	}
}


/*-----------------------------------
	Footer
------------------------------------*/

footer {
	background: #373646;
	padding: 15px 0 30px;
	margin-top: 50px;
	color: #605f6c;
}
footer a {
	color: #fff;
}
footer .menu {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 15px 0;
	border-bottom: 1px solid #605f6c;
}
footer .menu li, footer .menu li a {
	display: inline-block;
}
footer .menu li a {
	font-family: 'Montserrat', sans-serif;
	margin-right: 25px;
	color: #fff;
}
footer .menu li a:hover {
	color: #e0b543;
}
@media (max-width: 767px) {
	footer .container .row {
		margin: 0;
	}
	footer .menu li a {
		white-space: nowrap;
	}
}
@media (max-width: 400px) {
	footer .menu li {
		display: block;
	}
	footer .menu li a {
		padding: 0 0 15px;
	}
}	

/*-----------------------------------
	Homepage
------------------------------------*/
.intro {
	background: #c9d5a3 url(img/intro-bg1.jpg) no-repeat top center;
	min-height: 650px;
	border-bottom: 1px solid #383747
}
.intro-bg2 {
	background: #c9d5a3 url(img/intro-bg2.jpg) no-repeat bottom center;
	min-height: 650px;
	border-bottom: 1px solid #383747
}
.s-points {
	font-size: 18px;
	/*font-family: 'Montserrat', sans-serif;*/
	font-weight: 300;
	color: #373646;
	/*text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);*/
}


/*-----------------------------------
	Landing v4
------------------------------------*/
.intro.landing-v4 {
	background: #33485b url(img/edm4background-v2.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.intro.landing-v4 .lead-form-container {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.intro.landing-v4 .xl-text {
	font-size: 38px;
}
.landing-v4 .leadform {
	border: 2px solid #373646;
	border-top: 5px solid #373646;
}
.landing-v4 .lead-form-container > p {
	color: #373646;
	text-shadow: 0px 1px 4px rgba(255, 255, 255,1);
}


@media (max-width: 767px) {
	.intro {
		background-position: top right;
	}
	.s-points div {
		margin-bottom: 25px;
	}
}
.service-icon {
	display: inline-block;
	width: 62px;
	height: 73px;
	margin: 0 0 15px;
	background: url(img/shield-icons.png) no-repeat 0 0;
}
.service-icon.icon2 {
	background-position: -62px 0;
}
.service-icon.icon3 {
	background-position: -124px 0;
}
.service-icon.icon4 {
	background-position: -186px 0;
}
blockquote.testimonial {
	border: none;
	padding: 0;
	margin: 0 0 25px;
}
blockquote.testimonial .message {
	background: #fff;
	display: block;
	position: relative;
	padding: 17px;
	border: 2px solid #e3e3e3;
	text-align: left;
	font-style: italic;
	font-size: 14px;
	margin: 0 0 5px;
}
blockquote.testimonial .message:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 20px;
	width: 45px;
	height: 46px;
	background: url(img/testimonial-arrow.png) no-repeat;
}
blockquote.testimonial .from {
	padding-left: 75px;
}

.intro .lead-form-container {
	max-width: 555px;
	float: right;
}
.aboutincome {
	min-height: 260px;
}
@media (max-width: 767px) {
	.aboutincome {
		min-height: 1px;
		margin-bottom: 15px
	}
}

/*-----------------------------------
	Form Elements
------------------------------------*/

.form-control:focus {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.lead-form-container {
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 35px 0 25px;
}
.lead-form-container.short {
	margin: 20px auto;
	max-width: 555px;
}
.lead-form-container > p {
	font-size: 19px;
	color: #fff;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26);
}
.leadform {
	background: #fff;
	display: block;
	padding: 15px 25px;
	border-top: 5px solid #373646;
	text-align: left;
}
.leadform.salary-calc {
	font-family: 'Montserrat', sans-serif;
	max-width: 450px;
	margin: 20px auto 30px;
}
.result-container {
	max-height: 0;
	overflow: hidden;

	-webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
	
}
.result-container.showresult {
	max-height: 1000px;
	-webkit-transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -ms-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
}
.result-container label#result {
	display: block;
	margin: 5px 0 15px;
	font-size: 40px;
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
article .leadform, .leadform.salary-calc {
	border-bottom: 5px solid #f8ca44;
	position: relative;
	margin-bottom: 30px;
}
article .leadform:after, article .leadform:before, .leadform.salary-calc:before, .leadform.salary-calc:after{
	content: '';
	position: absolute;
	left:0;
	height: 100%;
	width: 1px;
	background: #ccc;
	top: 0;
}
article .leadform:after, .leadform.salary-calc:after {
	left: auto;
	right: 0;
}
.leadform div[class*='col'] {
	padding-left: 8px;
	padding-right: 8px;
}
.leadform label {
	font-size: 16px;
	line-height: 1;
	margin: 0 0 10px;
	color: #000;
	display: block;
	text-transform: uppercase;
}
.leadform input, .leadform select, .leadform textarea {
	font-size: 16px;
}
.leadform input[type="text"], .leadform input[type="email"],.leadform textarea, .leadform input[type="tel"] {
	width: 100%;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	padding: 0 13px;
}
.leadform textarea {
	min-height: 200px;
	height: 200px;
	padding: 13px;
}
.leadform input[type="submit"] {
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}
.leadform input.wpcf7-captchar {
	max-width: 100px;
	margin-top: 10px;
}
.leadform #fullname {
	background: url(img/fullname-bg.png) no-repeat center right;
}
.leadform #occupation {
	background: url(img/occupation-bg.png) no-repeat center right;
}
.leadform #phone {
	background: url(img/phone-bg.png) no-repeat center right;	
}
.leadform #email {
	background: url(img/envelope-bg.png) no-repeat center right;	
}
.input-container {
	margin: 0 0 20px;
	position: relative;
}
.input-container.no-bottom-margin {
	margin: 0 0 0;
}
.why-link {
	display: inline-block;
	margin: 0 0 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #676767;
	text-decoration: underline;
	position: relative;
}
.radio-grp {
	display: inline-block;
	padding: 0 20px 0 0;
	/*overflow: hidden;*/
	vertical-align: top;
	position: relative;
}
.radio-styled input[type=radio] {
	margin: 0;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left:-999px;
}
.radio-styled + .radio-styled {
	margin-left: 12px;
}
.radio-styled label {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	color: #a3b0b8;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	font-weight: normal;
	text-transform: none;
	background: url(img/radio-bg.png) no-repeat 0 0;
	padding: 0 0 0 28px;
}
.radio-styled input[type=radio]:checked+label {
	background: url(img/radio-bg.png) no-repeat 0 -19px;
}
.combo-styled {
	display: inline-block;
	width: 210px;
	vertical-align: top;
	border-radius: 3px;
	position: relative;
	margin-top: 10px;

	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cdcdcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cdcdcd',GradientType=0 );
}
.combo-styled:after {
	content: '\f0d7';
	font-family: FontAwesome;
	width: 32px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	color: #2b2b2b;
	border-radius: 0 3px 3px 0;
	border: 1px solid #cccccc;
	pointer-events: none;

	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cdcdcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cdcdcd',GradientType=0 );
}
.combo-styled select {
	padding: 5px 10px;
	color: #2b2b2b;
	outline: none;
	border: none;
	width: 100%;
	height: 40px;
	border-radius: 3px;
	display: block;
	line-height: 40px;

	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cdcdcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cdcdcd',GradientType=0 );
	border: 1px solid #cccccc;
}
.input-container .error-msg, .why-link .tip-msg {

	-webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;

	position: absolute;
	font-size: 12px;
	display: inline-block;
	padding: 4px;
	border-radius: 0;
	margin: 0 0 20px;
	background: #c50000;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	bottom: 100%;
	left: 10px;
	opacity: 0;
	pointer-events: none;
}
.why-link .tip-msg {
	width: 150px;
	left: 0;
	z-index: 9999;
	background: #373646;
	text-align: left;
	color: #f8ca44;
}
.input-container .error-msg:after, .why-link .tip-msg:after {
	position: absolute;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #c50000;
	left: 5px;
	top:100%;
}
.why-link .tip-msg:after {
	border-top: 4px solid #373646;
}
.input-container .error-msg.showmsg, .why-link:hover .tip-msg {
	margin: 0 0 5px;
	opacity: 1;
}

.leadform p {
	margin: 7px 0 0;
	font-size: 12px
}

/*slider*/
.leadform .slide-container {
	padding: 35px 0 0;
}
.leadform .slide-container * {
	-webkit-transition: 0s ease;
    -moz-transition: 0s ease;
    -ms-transition: 0s ease;
    -o-transition: 0s ease;
    transition: 0s ease;
}
.leadform .slide-container label {
	margin-top: 11px;
	display: block;
}
.leadform .sliderHolder {
	background: #adb1b3;
	width: 100%;
	height: 5px;
	border: none;
	position: relative;
	z-index: 20;
}
.leadform .ui-slider-range{
	height: 5px;
	background: #373646;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.leadform .ui-slider-handle input {
	
	background: #f2f2f2; 
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cdcdcd 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cdcdcd)); 
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%); 
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%); 
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%); /
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cdcdcd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cdcdcd',GradientType=0 );

	pointer-events: none;
	width: 100px;
	margin-left: -47px;
	color: #383747;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	border: none;
	padding: 0 0 0 0;
	position: absolute;
	top: -25px;
	text-align: center;
	text-decoration: none;
	outline: 0;
	border-radius: 0;

	z-index: 99999;
	pointer-events: none;
	opacity: 1;
	visibility: visible;
}
.leadform #ageslide .ui-slider-handle input, .leadform #ageslide2 .ui-slider-handle input {
	width: 36px;
	margin-left: -15px;
}
.leadform .ui-slider-handle{
	width: 10px;
	height: 10px;
	top: -3px;
	margin: 0 !important;
	border-radius: 500px;
	outline: none !important;

	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cdcdcd 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cdcdcd 100%);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cdcdcd',GradientType=0 );
	border: 1px solid #cdcdcd;

	overflow: visible !important;
}
.leadform .ui-slider-handle:after {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #cdcdcd;
	position: absolute;
	top: -7px;
	left: -2px;
}
@media (max-width: 620px) {
	.combo-styled {
		margin-top: 20px;
		display: block;
		width: 100%;
	}
}
@media (max-width: 400px) {
	.radio-grp {
		display: block;
		margin-top: 15px;
	}
	.radio-styled {
		line-height: 19px;
	}
	#submit {
		font-size: 16px;
		padding: 10px;
	}
}


/*-----------------------------------
	Page & Post
------------------------------------*/

.feat-img, .date-container {
	margin: 0 0 30px;
	position: relative;
}
.date {
	display: inline-block;
	background: #ebf1ef;
	color: #373646;
	padding: 10px 15px;
}
.feat-img .date {
	position: absolute;
	top: 30px;
	left: 0;
	
	background: #fff;
}
.thankyou {
	padding: 30px 0;
}
.thankyou h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	font-weight: 300;
	margin: 0 0 30px;
	padding: 0 0 20px;
	color: #f8ca44;
	position: relative;
}
.thankyou h1:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background: #828282;
}
.thankyou p{
	max-width: 650px;
	margin: 0 auto 30px;
}
.bordered-box {
	padding: 15px;
	border: 1px solid #cccccc;
	margin: 0 0 20px;
}

/*-----------------------------------
	Sidebar
------------------------------------*/

.sidebar aside {
	margin: 0 0 15px;
	padding: 20px 10px 10px;
	border: 1px solid #cccccc;
	position: relative;
	overflow: hidden;
	border-radius: 0 3px 3px;

	-webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.sidebar aside:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #cccccc;
	position: absolute;
	left: -10px;
	top: -10px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

	-webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.sidebar aside:hover {
	border-color: #f8ca44;
}
.sidebar aside:hover:after {
	background: #f8ca44;
}
.sidebar aside h6 {
	font-weight: normal;
	margin: 0 -10px 20px;
	padding: 0 10px 10px 20px;
	border-bottom: 1px solid #ccc;

	-webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
	
}
.sidebar aside:hover h6 {
	color: #f8ca44;
	border-bottom: 1px solid #f8ca44;
}
.sidebar .leadform {
	padding:15px;
	border: 1px solid #373646;
	border-top: 5px solid #373646;
	background: #c9d5a3 url(img/intro-bg2.jpg) no-repeat top right;
}
.sidebar .leadform #submit2 {
	font-size: 16px;
}
.sidebar .leadform div[class*='col'] {
	padding-left: 15px;
	padding-right: 15px;
}
.sidebar .leadform p {
	font-size: 11px;
}
.sidebar .radio-grp {
	margin-bottom: 15px
}
.sidebar .leadform h3 {
	margin-top: 0;
	display: inline-block;
	padding: 5px;
	background: #373646;
	color: #f8ca44;
}
.sidebar .combo-styled {
	width: 100%;
}
#sidebar aside {
	padding: 0 0 10px;
	margin-bottom: 25px;
	border:none;
	text-shadow: 0px 1px 4px rgba(0,0,0,.26);
}
#sidebar aside:after {
	display: none;
}
#sidebar aside a {
	display: block;
}
#sidebar .radio-styled label {
	color: #fff;
}
.widget-latest-post img {
	width: 100%;
	height: auto;
}
.widget-title {
	font-size: 22px;
	line-height: 1;
	color: #fff;
	font-weight: 300;
	background: #2d2c39;
	margin: 0 -10px;
	padding: 10px 15px;
}
.widget-post-title {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	padding: 5px 10px;
	margin: 0;
	background: #2d2c39;
	color: #fff;
}
.widget-post {
	display: block;
	position: relative;
	margin-top: 15px;
	padding: 0 0 10px 85px;
	min-height: 70px;
}
.widget-post img {
	position: absolute;
	width: 80px;
	height: auto;
	border: 4px solid #f1f1f1;
	left: 0;
	top: 0;
}
.post-page .lead-form {
	padding: 15px;
	background: url(img/intro-bg.png) no-repeat bottom center;
	margin: 30px 0;
}
.post-page .sidebar-form .lead-form {
	margin: 0;
}
.post-page .sidebar-form .input-wrap {
	width: 98%;
}
button#submit2 {
	padding: 15px 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
	button#submit2 {
		font-size: 15.5px;
	}
}
@media (max-width: 767px) {
	.post-page .sidebar-form .input-wrap {
		width: 100%;
		max-width: 340px;
		float: none;
		margin: 0 auto 2%;
	}
	.sidebar-form .widget-title {
		text-align: center;
	}
}

@media (max-width: 500px) {
	.post-nav-link {
		width: 100%;
		margin-bottom: 30px;
	}
	.post-page .input-wrap {
		width: 100%;
		margin: 0 0 2%;
	}
	.post-page .input-wrap input {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.post-nav-link {
		width: 100%;
		margin-bottom: 30px;
	}
	.post-page .input-wrap {
		width: 100%;
		margin: 0 0 2%;
	}
	.post-page .input-wrap input {
		width: 100%;
	}
}



/*-----------------------------------
	Landing v2
------------------------------------*/
.check-icons {
	list-style-type: none;
	padding: 0;
	margin: 0 0 25px;
}
.check-icons li {
	padding: 0 0 0 25px;
	margin: 0 0 10px;
	position: relative;
}
.check-icons li:before {
	content: '\f00c';
	font-family: FontAwesome;
	color: #617efc;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}
.hiddenform {
	display: none;
}
.showform {
	display: block;
}
.s-points2 {
	font-size: 16px;
	color: #fff;
	/*text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26);*/
}
.s-points2 span {
	background: rgba(0,0,0,.4);
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.s-points2 a {
	cursor: pointer;
}
.point {
	max-width: 360px;
	margin: 0 auto 20px;
	padding: 0 0 0 80px;
	position: relative;
	text-align: left;
	line-height: 27px;
	min-height: 50px;
}
.point.blood {
	background: url(img/blood-icn.png) no-repeat 0 0;
}
.point.freec {
	background: url(img/free-icn.png) no-repeat 0 0;
}
.point.cmpare {
	background: url(img/compare-icon.png) no-repeat 0 0;
}

.panel-default>.panel-heading {
	padding: 0;
	background: transparent;
	border: none;
}
.panel-title>a:hover, .panel-title>a {
	display: block;
	background: #373646;
	color: #f8ca44;
	padding: 15px 10px;
	-moz-transition: all 0.6s cubic-bezier(.49,.38,.23,.96);
	-o-transition: all 0.6s cubic-bezier(.49,.38,.23,.96);
	-webkit-transition: all 0.6s cubic-bezier(.49,.38,.23,.96);
	-ms-transition: all 0.6s cubic-bezier(.49,.38,.23,.96);
	transition: all 0.6s cubic-bezier(.49,.38,.23,.96);
	overflow: hidden;
}
.panel-title>a {
	position: relative;
}
.panel-title>a:after {
	content: '\f068';
	position: absolute;
	right: 3px;
	top: 4px;
	color: #a10302;
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 12px
}
.panel-title>a:before {
	content: '';
	width: 40px;
	height: 40px;

	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);

	background: #f8ca44;
	position: absolute;
	right: -20px;
	top: -20px;
}
.panel-title>a.collapsed {
	color: #373646;
	background: #fff;
}
.panel-title>a.collapsed:before {
	background:#373646;
}
.panel-title>a.collapsed:after {
	content: '\f067';
	color: #f8ca44;
}
#accordion {
	padding: 20px 0;
}
.feat-tab {
	padding: 20px 0;
}
.feat-tab .nav-tabs>li>a,
.feat-tab .nav-tabs>li.active>a,.feat-tab  .nav-tabs>li.active>a:hover,.feat-tab  .nav-tabs>li.active>a:focus {
	border-radius: 0;
	position: relative;
	border: 1px solid #ddd;
	border-top: none;
}
.feat-tab .nav-tabs>li>a {
	max-width: 40px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding:0 10px;

	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.feat-tab .nav-tabs>li.active>a,.feat-tab  .nav-tabs>li.active>a:hover,.feat-tab  .nav-tabs>li.active>a:focus {
	max-width: 1000px;
}
.feat-tab .nav-tabs>li.active>a {
	background: #373646;
	color: #f8ca44;
}
.feat-tab .nav-tabs>li>a i {
	display: inline-block;
	margin-right: 10px;
}
.feat-tab .nav-tabs>li>a:after {
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	opacity: 1;
	width: 100%;
	height: 2px;
	border: none;
	background: #ddd;
}
.feat-tab .nav-tabs>li.active>a:after {
	background: #f8ca44;
}
.feat-tab .nav-tabs {
	border-bottom: 1px solid #ddd;
}
.feat-tab .tab-pane {
	padding: 15px 10px;
	border: 1px solid #ddd;
	border-top: transparent;
}


/*-----------------------------------
	Landing v3
------------------------------------*/
.short-heading {
	max-width: 700px;
	margin: 30px auto;
}
.large-check, .small-arrow {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.large-check:after, .large-check:before, .small-arrow:before, .small-arrow:after {
	content: '';
	display: table;
	clear: both;
}
.large-check li, .small-arrow li {
	float: left;
	width: 33.33%;
	min-height: 56px;
	font-size: 18px;
	padding: 0 15px 0 70px;
	margin: 0 0 30px;
	text-align: left;
	position: relative;
}
.small-arrow li {
	padding-left: 55px;
}
.large-check li:after, .large-check li:before, .small-arrow li:before, .small-arrow li:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.large-check li:before, .small-arrow li:before {
	width: 50px;
	height: 50px;
	border-radius: 500px;
	background: transparent;
	border: 4px solid #373645;
}
.small-arrow li:before {
	width: 40px;
	height: 40px;
	border: 2px solid #a9a9a8;
}
.large-check li:after {
	content: '\f00c';
	font-family: FontAwesome;
	font-size: 60px;
	font-weight: normal;
	color: #f8ca43;
	/* width: 70px; */
	/* height: 70px; */
	text-align: center;
	line-height: 70px;
	margin-top: -15px;
}
.small-arrow li:after {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 20px;
	color: #a9a9a8;
	margin-top: 1px;
	line-height: 40px;
	width: 40px;
	text-align: center;
}
@media (max-width: 767px) {
	.large-check li, .small-arrow li {
		width: 100%;
	}
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	padding: 7px;
	border: 1px solid #ccc;
	text-align: center;
	margin-bottom: 30px;
}
.wp-caption img {
	margin-bottom: 7px;
}
.wp-caption p {
	margin-bottom: 7px;
}




#errorModal .modal-dialog {
	margin: 60px auto;
}
#errorModal .modal-content {
	border-top: 4px solid #373646;
}
#errorModal .modal-content h2 {
	margin: 0 0 20px;
	font-weight: 300;
	color: #c50000;
}
#errorModal .modal-header {
	border: none;
	padding: 0;
	position: relative;
}
#errorModal button.close {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: -10px;
	right: -10px;
	border-radius: 500px;
	background: #c50000;
	color: #fff !important;
	opacity: 1 !important;
}


body > img, body > iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	max-width: 0;
	max-height: 0;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
}

