/*
Theme Name: Eric Insurance
Author: Common Ventures
Author URI: http://www.commonv.com/ 
Description: Custom Wordpress theme for Eric Insurance Website
Version: 1.2
*/

input:focus { outline: none!important; }

html, body{
	height:100%;
	font-weight:300;
	font-size:18px;
}

p{
	line-height:1.7;
}

h1{
	text-transform:uppercase;
	font-weight:500;
}

p, span, a{
	font-weight:300;
}

h1, span, h2 span, h3 span, h4 span{
	font-weight:500;
}

h2{
	font-size:22px;
	margin-top:0px
}

.centered{
	text-align:center;
}

strong{
	font-weight:500;
}

header{
	width:100%;
	position: fixed;
	z-index: 5;
	background:rgba(255,255,255,0.9);
	border-bottom:1px solid #c2c2c2;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}


header nav{
	font-size:18px;
	font-weight:300;
	padding:20px 0;
}

.nav{
	display:none;
}

.top-bar{
	height:40px;
	background:rgba(0,0,0,0.7);
	display: block;
	width:100%;
	line-height: 40px;
	overflow:hidden;
	-webkit-transition: height 300ms ease;
	-moz-transition: height 300ms ease;
	-ms-transition: height 300ms ease;
	-o-transition: height 300ms ease;
	transition: height 300ms ease;
}

.top-bar div{
	float:right;
	margin-right:40px;
}

.top-bar div a{
	margin:0 10px;
	border: 0;
	color: #fff;
    padding: 7px;
}

/*.top-bar div a:nth-child(2){
    background: #2d6c9d;
    margin:0 10px;
	border: 0;
	color: #fff;
    padding: 7px;
}*/

.top-bar div a:last-child{
	background:#922a8e;
	margin:0 10px;
	border: 0;
	color: #fff;
    padding: 7px;
}

/*.top-bar div a:nth-child(2):hover, .top-bar div a:last-child:hover{
	background:#f79623;
}*/

.top-bar.scrolled{
	height: 0;
}

.tel{
	color:#F4F8FB;
	text-decoration: none!important;
}

.tel:hover, .tel:active, .tel:focus{
	color:#fff;
}

.top-bar .btn{
	display:inline;
	border:2px solid #f79622;
	color:#f79622;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.top-bar .btn:active, .top-bar .btn:focus, .top-bar .btn:hover{
	background:rgba(247,150,35,0.5);
	color:#fff;
}

.btn{
	padding:10px 40px;
}

.btn.small{
	padding:5px;
}

header.scrolled > nav{
	padding:15px 0;
}

header nav ul{
	float:right;
	line-height: 100px;
	padding-right:20px;
	margin-bottom:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

header nav ul li a{
	color:#a1a29f;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}

header nav ul li a:hover, header nav ul li a:focus{
	text-decoration: none;
}

header .logo img{
	height:50px;
	padding-left:20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.nav > li > a {
    padding: 0px 15px;
}

.nav.on{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    padding:0;
}

.nav.on li{
	float:none;
	text-align: center;
	border-bottom:1px solid #dcdcdc;
	height: 60px;
    line-height: 60px;
}

.nav.on li:last-child{
	border-bottom:none;
}


.claim-link a{
	background: rgba(192,32,48,0);
    	color: #c62030;
	border:2px solid #c62030;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

.claim-link a:hover, .claim-link a:active, .claim-link a:focus{
	background: rgba(192,32,48,1)!important;
    	color: #fff;
} 

/* NAV EXPAND */

.expand{
  height:30px;
  width:30px;
  background:transparent;
  display:block;
  position:relative;
  float:right;
  cursor:pointer;
  right:20px;
  top:10px;
}

.expand.on{
	position: absolute;
    top: 15px;
}


.expand span{
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  background:#337ab7;
  display:block;
  width:100%;
  height:100%;
  position:absolute;
}

.expand span:first-child{
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 20%, 0 20%);
  clip-path: polygon(0 0, 100% 0, 100% 20%, 0 20%);
}


.expand span:nth-child(2){
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);

  
}


.expand .closer{
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50%   50%,50% 50%, 50% 50%, 50% 50%);
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%,50%   50%, 50% 50%, 50% 50%);
  opacity:0;
}


.expand.on{
	position: absolute;
    top: 15px;
}

.expand.on > .closer{
-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  opacity:1;
}



.expand.on > span:first-child{
-webkit-clip-path: polygon(50% 0, 50% 0, 50% 20%, 50% 20%);
clip-path: polygon(50% 0, 50% 0, 50% 20%, 50% 20%);
  opacity:0;
}

.expand.on > span:nth-child(2){
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  opacity:0;
}

.expand.on > span:last-child{
-webkit-clip-path: polygon(50% 80%, 50% 80%, 50% 100%, 50% 100%);
clip-path: polygon(50% 80%, 50% 80%, 50% 100%, 50% 100%);
  opacity:0;
}

.expand span:last-child{
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 100%, 0 100%);
clip-path: polygon(0 80%, 100% 80%, 100% 100%, 0 100%);
}



.big{
	font-size:16px;
	font-weight:700;
}

.img-responsive{
	margin:0 auto;
}

img{
	max-width:100%;
	height:auto;
}

a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#header-carousel .header-section {
	padding-top:500px;
}

.header-section .btn {
    border: #fff 2px solid;
    font-size: 24px;
    text-shadow: none;
    color: #fff;
    background:rgba(255,255,255,0.0);
}

.header-section .btn:hover, .header-section .btn:active, .header-section .btn:focus{
	background:rgba(49,109,155,0.8);
}

.header-section .btn.small{
	font-size:16px;
	padding:10px;
}



html .slick-next {
    width: 40px;
    height: 40px;
    z-index:4;
}

html .slick-prev {
    width: 40px;
    height: 40px;
    z-index:4;
}

.intro{
	padding:40px 0;
}

.home-features{
	padding:0;
}

.home-features .feature{
	width:100%;
	height:auto;
	float:left;
	position: relative;
	overflow:hidden;
	min-height: 450px;
    background-size: 100%;
    background-position: center center;
}


.feature .btn{
	border:#fff solid 2px!important;
	color:#fff!important;
}


.section-background{
    background-size: cover;
    height: 100%;
    min-height:450px;
    background-position: center center;
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.home-features .feature::after{
	width:100%;
	height:100%;
	position: absolute;
	z-index:2;
	opacity:.5;
	content:" ";
	top:0;
	left:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.green-bg:after{
	background-color:#8ab63f;
}

.red-bg::after{
	background-color:#c62030;
}

.purple-bg::after{
	background-color:#922a8e;
}

.blue-bg::after{
	background-color:#2e6c9d;
}

.orange-bg::after{
	background-color:#f99700;
}



.feature:hover::after{
	opacity:0.8;
}

.feature:hover > .section-background{
	-ms-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}


.home-features .content{
position: absolute;
    z-index: 3;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 10%;
    top: 50%;
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.home-features .content img{
	width:150px;
}

/* === Accordion === */


.faq-block.active{
	display:block;
}


.faq-block {
    display: none;
}

#tab-1 {
 display: block;   
}


.ui-accordion-header{
	background:#4b8cbf;
	padding:10px;
	border-radius:5px;
	color:#fff;
	outline:none!important;
    box-shadow:none!important;
    cursor:pointer;
    position:relative;
}

.ui-accordion-header span{
	width:90%;
	display: block;
}

.ui-accordion-header-active{
	background:#2e6c9d;
}

.accordion p{
	margin-bottom:0;
}

.ui-accordion-header i{
	position: absolute;
	right:10px;
	top:10px;
}

.ui-accordion-header.ui-accordion-header-active i{
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

/*
.ui-accordion-header::before{
  content: '\e802';
  float:right;
  font-size:20px;
  	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.ui-accordion-header-active.ui-accordion-header::before{
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
*/

/* === flexible section colours === */

.call{
	background-color:#f79622;
	color:#fff!important;
}

section.standard{
	background-color:#F4F8FB;
}

section.standard:nth-child(2n){
	background-color:#fff;
}

.call .btn{
	color:#fff;
	border: 2px solid #fff;	
}

.call .btn:hover,
.call .btn:focus,
.call .btn.focus {
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
  background:rgba(255,255,255,0.1);
}

.call h2{
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	margin-bottom:20px;
}

.call .bigPad{
	padding:20px;
}

.content-block.photo{
	background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    color:#fff!important;
    text-shadow: 0 0 4px #000000;
}

.content-block.photo .btn{
	border-color: #fff;
	color:#fff;
}

.content-block.standard .btn{
	margin-top:20px;
}

.main, #about-us, #contact-us{
	background-image:url(img/bg-dna.jpg);
	background-size: cover;
    background-position: 50%;
   	background-attachment: fixed;
}

.product-block{
	padding:0;
}

.product{
	width:100%;
	float:left;
	position: relative;
	background:#fff;
	padding:20px;
	text-align:center;
}

.product .btn{
	margin:20px 0;
}

.product .content{
	margin:40px;
}

.product .content img{
	max-width:200px;
}

.product:nth-child(2n){
	background:#fbfbfb;
}

.fix-bottom{
    position:absolute;
    bottom: 0;
    transform: translateX(-50%);
}

/* ====== */


.button-row{
	text-align:center;
	/*padding-bottom:20px;*/
}

.bottom40{
	margin-bottom:40px;
}

.item{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.item p, #partners p{
	text-align:center;
}

section{
	padding:40px 0;
}

.bigPad{
	padding:40px 0;
}

section h1{
	margin-bottom:40px;
}

#contact-us{
	text-align:center;
}

.btn.large{
	font-size:24px;
}

.header-section{
	color:#fff;
	text-shadow: 0 0 3px #191919;
	padding-top:550px;
	background-size:cover;
	background-position:50% 10%;
}

.home .header-section{
	padding-top:90%;
}

.home .header-section h1 {
	margin-bottom:10px;
}

.header-section.no-bg {
	padding-top: 160px;
	background: none;
}

.header-section.no-bg h1 {
	margin-bottom:10px;
}

#products{
	background:#fff;
}

#partners{
	color:#fff;
	background:#f69332;
}

#about-us, #contact-us{
	min-height: 400px;
}

#about-us h1{
	color:#84ad48;
}

#products h1{
	color:#912f8b;
}

#products img{
-ms-transform:scale(0.7,0.7);
-webkit-transform:scale(0.7,0.7);
-moz-transform:scale(0.7,0.7);
-o-transform:scale(0.7,0.7);
	transform:scale(0.7,0.7);

}

#products p{
	font-size:16px;
}



#carousel .row{
	padding:0 0 40px 0;
}

footer{
	color:#fff;
	background-color:#2e6c9d;
	text-align:center;
}

.footer-contact{
	text-align:left;
}

.footer-contact a{
	text-decoration: underline;
}

.footer-contact .links a{
	display: block;
}

.privacy span a{
	margin:0 10px;
}

/* === Footer Nav === */

.footer-nav{
	background-color:#f69332;
}

.footer-nav ul{
	text-align: left;
    list-style: none;
}

.footer-nav ul li ul{
	font-weight:100;
	padding-left:20px;
	list-style: none;
}

.footer-nav ul li ul li::before{
	content:"+ ";
}

.footer-logo img{
	width:200px;
	float:left;
}

footer section{
	padding:20px 0;
}

.footer-nav{
    background-color:#f69332;
    padding: 40px 0;
}

.disclaimer{
	background-color:#518ab7;
	padding:40px;
}

.copyright{
	text-align: center;
}

.copyright, .disclaimer{
	font-size:14px;
}

.privacy{
	text-align:center;
}

.brand-values{
	font-size:18px;
}

.brand-values span{
	padding:10px;
}

.eric-red{
	color:#c62030;
}

.eric-purple{
	color:#922a8e;
}

.eric-blue{
	color:#2e6c9d;
}

.eric-green{
	color:#8ab63f;
}

footer a, footer a:hover, footer a:focus{
	color:#fff;
}

.cat-list, .tag-list{
	margin-bottom:40px;
}

.cat-list h3, .tag-list h3, .post h3{
	margin-top:0;
}

.post{
	border-bottom:1px solid #ddd;
	margin-bottom:40px;
	padding-bottom:20px;
}


.social-icon{
	font-size:20px;
	display:inline-block;
	margin-top:15px;
}


/* == Gravity Forms Overrides == */

html body .gform_wrapper ul li.gfield {
    padding-top: 0;
}

html .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 6px!important;
    border-top: none;
    border-bottom: none;
    padding-bottom: 6px;
    padding-top: 8px;
    box-sizing: border-box;
}

html .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

html .gform_wrapper li.gfield_error {
    padding-left: 0;
}

html .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
}

html .form-rating ul li{
	float:left;
	margin:0 10px 0 0!important;
}

html .form-rating ul li input{
	box-shadow: none!important;
}

html .form-rating .ginput_container{
	margin-top:0px!important;
}

html .datepicker{
	width:100%!important;
}

.customer-feedback{
	font-size:16px;
}




 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    



    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    	.home .header-section {
			padding-top:30%;
			background-position: 50% 35%;
		}

    	.header-section h1 {
			font-size:60px;
			margin-bottom:20px;
		}

		.header-section p {
			font-size:24px;
		}

		.item p, #partners p {
			text-align:inherit;
		}

		.header-section.no-bg h1 {
			font-size:40px;
			margin-bottom:10px;
		}
    	
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 1110px) {

    	.home-features .feature{
			width:50%;
		}

    	.privacy{
			text-align:right;
		}

		#carousel .row{
			padding:0;
		}

		.bottom40{
			margin-bottom:0px;
		}

		.product{
			width:33.3%;
		}

		.product .content{
			margin:0 40px;
			position: relative;
		  	top:10px;
			height:100%;
		}

		    	header nav ul{
			padding-right:40px;
		}

		header .logo img{
			padding-left:40px;
		}

		.nav{
    		display:block;
    	}

    	.expand{
    		display:none;
    	}

    	header .logo img{
			height:90px;
		}

		header.scrolled .logo img{
			height:50px;
		}

		header nav ul{
			line-height:100px;
		}

		header.scrolled nav ul{
			line-height: 50px;
		}
	
		.home-features .content{
  			width: 80%;
    		/*margin: 0 20%;*/
		}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    	.header-section{
    		padding-top: 500px;
    	}

		.header-section.no-bg {
    		padding-top: 210px;
    	}

    }

/* custom login form*/
.mm-ajax-login-inner {
    border: 4px solid #F89621;
    border-radius: 15px
}

.mm-ajax-login .close-button {
    border-radius: 22px;
    background: #F89621;
    border: 0px;
    height: 43px;
    padding: 5px;
    color: white;
}
#mm-ajax-login-form input {
	border-radius: 4px;
	border: 1px solid #BFC8D0;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset, rgba(107, 174, 228, 0.0745098) 0px 0px 1px 0px;
	padding: 6px 8px;
}
.login-buttons {
	text-align: right;
}
#mm-ajax-login-submit-button {
	font-family: museo-sans-rounded, Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 0 16px 0 0;
	border-radius: 4px;
	border: 1px solid transparent;
	padding: 6px 12px;
	background-color: #428bca;
	border-color: #357ebd;
	color: #fff;
	margin-right: 0px;
}
.mm-ajax-login-form-title {
	font-size: 36px;
}
#mm-ajax-login-form  .pp {
	float: right;
	margin: -75px 0 0 0;
}

body.page-id-406 .header-section, body.page-id-406 #nav, body.page-id-406 .footer-nav, body.page-id-406 .disclaimer {
		display: none;
}
.pp_pic_holder .pp_content_container {
	border: 5px solid #F89621;
	border-radius: 10px;
	padding: 10px 0 0 10px;
	background: white;

}
div.pp_default div.pp_top, div.pp_default div.pp_bottom {
	display: none;
}
div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right {
	background: none !important;
	padding: 0 !important;
}
div.pp_default .pp_close {
	top: -530px;
	left: 643px;
}

div.pp_default .pp_content {
	padding-top: 15px !important;
}