/**
 *
 * @author Alessandro Castellani @ 604media | http://604media.com
 * @package Bootstrap Starter
*/


/*
	-----------------------------------------------------------
		BODY
	-----------------------------------------------------------
*/

html, body {
    margin-top: 0; font-family: 'Lato', sans-serif;
  
}

img{border: 0 none;
    box-shadow: none;}

/* necessary for the top fixed navbar */


/*
	-----------------------------------------------------------
		STRUCTURE
	-----------------------------------------------------------
*/
.main-area{ padding:60px 0}
#content{ margin-top:53px}
.grey-section { background:#f9f9f9;  padding:30px 0}
.white-section { background:#fff; padding:30px 0}
.main-content{ position:relative; z-index:4}
.fancybox-button {background: rgba(141, 198, 63, 1.0) !important;}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #fff !important;}
.fancybox-bg {background: #f9f9f9 !important;}

/*
	-----------------------------------------------------------
		TYPOGRAPHY
	-----------------------------------------------------------
*/

h2{ font-weight:600; color:#0e76bc; line-height:1.3 }
h4{ font-weight:400; color:#0e76bc; font-size:21px; margin-bottom:20px; line-height:1.6 }
p{ font-size:18px; line-height:1.4; color:#666666; font-weight:400}
ul { margin:0 0 0 15px; padding:0}
a{ color:#0e76bc;  transition:all 0.6s}
 a:hover,  a:focus,  a:active{text-decoration:none; color:#8dc63f; transition:all 0.6s}
.blue{color:#0e76bc}
.green{ color:#8dc63f}
:focus {outline:none;}
.section-titles{color:#0e76bc; padding:0; margin:0}
.section-titles:after{ height:5px; width:60px; clear:both; display:block; background-color:#8dc63f; content:''; margin:10px 0 30px 0}
input[type=submit], .green-button {
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    font-weight: 400;
    border-radius: 3px;
    background: #8cc53f;
    background-image: -webkit-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -moz-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -ms-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -o-linear-gradient(top, #8cc53f, #7daf38);
    background-image: linear-gradient(to bottom, #8cc53f, #7daf38);
    border: solid 1px #7daf38;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    transition: all 0.6s;
    font-weight: 400;
    margin-top: 2px;
    float: none;
    width: 100%;
}
input[type=submit]:hover, .green-button:hover {
background-image: -webkit-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -moz-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -ms-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -o-linear-gradient(top, #0e75ba, #0a578b);
    background-image: linear-gradient(to bottom, #0e75ba, #0a578b);
    border: solid 1px #0a578b;
    color: #fff;
    transition: all 0.6s;
}

.blue-button {
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    font-weight: 400;
    border-radius: 3px;
    background: #0a578b;
    background-image: -webkit-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -moz-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -ms-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -o-linear-gradient(top, #0e75ba, #0a578b);
    background-image: linear-gradient(to bottom, #0e75ba, #0a578b);
    border: solid 1px #0a578b;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    transition: all 0.6s;
    font-weight: 400;
    margin-top: 2px;
    float: none;
    width: 100%;
}
.blue-button:hover, .blue-button:active, .blue-button:focus {
	background-image: -webkit-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -moz-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -ms-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -o-linear-gradient(top, #8cc53f, #7daf38);
    background-image: linear-gradient(to bottom, #8cc53f, #7daf38);
    border: solid 1px #7daf38;
    color: #fff;
    transition: all 0.6s;
}



/*
	-----------------------------------------------------------
		SEARCH FORM
	-----------------------------------------------------------
*/
.searchform { border:solid 1px #d7d7d7; border-radius:3px; line-height:24px; width:155px; float:right; padding-left:10px}
.searchform input[type=search]{ border:none; font-weight:300; width:105px}
.searchform button { border:none; background:none; float:right; padding:0 8px 0 0}
.searchform button:focus { outline:0 !important; }
.searchform button .fa{ color:#b3b2b0}
.searchform label{float:left; width:105px; padding:0; margin:0}



/*
	-----------------------------------------------------------
		MAIN NAV
	-----------------------------------------------------------
*/

nav.navbar.navbar-default.navbar-fixed-top { border: none; background:#fff; border-bottom:solid 1px #ecf4fa}
.top-navigation{ padding:20px 0 10px 0; width:575px; float:right; transition: all 0.6s}
.navbar-brand { background-size:contain; display: block;  transition: all .6s; -webkit-transition: all .6s; background-repeat:no-repeat; background-image:url(../img/insureline-logo.svg);   width: 239px;  height: 120px; top:5px; position:absolute }
.navbar > .container .navbar-brand { margin-left: 0}
.navbar-nav {  margin: 0 auto 0 auto;  display: table; table-layout: auto; float: none;  width: 70%; border-top:solid 1px #ebebeb; float:right;  padding-top:15px }
.navbar-nav>li { display: table-cell; float: none; text-align: center;}
.navbar-default .navbar-nav > li > a { font-size: 16px; padding-bottom:15px; line-height:1.2 }
.navbar-default .navbar-toggle{border-radius:5px;  margin-top: 24px; border-color:#0e76bc; padding:8px}
.navbar-default .navbar-toggle .icon-bar{background-color:#0e76bc;}
.navbar-toggle .icon-bar+.icon-bar{ margin-top:3px}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{}
.top-nav {float: right; margin: 30px 0 0 0; transition: all .2s; -webkit-transition: all .2s; width:253px}
a.number{ float:left; font-size:18px; line-height:1.3; width:170px; text-align:center}
a.number .fa, a.listing .fa { margin-right:5px}
.live-chat { display: none; width:23%; float:left; text-align:center; margin-top:1px}
.live-chat a{ border:solid 1px #0e76bc; border-radius:5px; line-height:1; text-transform:uppercase; padding:5px 13px; font-size:12px; margin-top:2px; transition:all 0.6s}
.live-chat a:hover{ background:#0e76bc; color:#fff; transition:all 0.6s}
.social { float: left; width:140px;}
.social ul { list-style:none; padding:0; margin:0 auto; width:130px;}
.social ul li{ float:left}
.social  a{ color:#b3b2b0; font-size:18px; margin:0 4px}
.nav > li { padding-left:20px; padding-right:20px}
.navbar-nav>li>a { padding-left: 0; padding-right: 0; margin-bottom:-1px; border-bottom:solid 4px #fff;}
.navbar-default .navbar-nav li:nth-last-of-type(1) { padding-right: 0}
.navbar-default .navbar-nav li a:hover, .top-nav a:hover { text-decoration: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { background-color:transparent; color:#0e76bc; border-bottom:solid 4px #0e76bc; }
.navbar-default .navbar-nav>.mPS2id-clicked>a:focus{ }
.sub-menu-columns .dropdown-menu{ width:530px}
.sub-menu-columns ul li { display: inline-block; float: left; width: 250px;}
.sub-menu-columns ul li:nth-child(odd) { float: left; margin-right: 10px;}
.sub-menu-columns ul li:nth-child(even) {  float: right;}
#main-menu .caret{ border:none!important;}
#main-menu .caret:before {  /*font-family: "Font Awesome 5 Pro"; content:'\f0d7';*/ font-size:9px; position:absolute; right: -10px;
    top: 21px;}
.dropdown-menu>li>a{ text-align:left}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background:#ecf4fa}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ecf4fa;}


/*
	-----------------------------------------------------------
		HEADER
	-----------------------------------------------------------
*/

.header.home{ height:480px; position:relative; }

.header.home span.bg{animation-name: fading;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 30s;
animation-direction:normal;
background-size:cover; background-position: center center; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1}

@keyframes fading {
  0% {
    opacity:1;
  }
  27% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  93% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.header.home span.first{
  animation-delay: 10s;
}
.header.home span.second {
  animation-delay: 20s;
}
.header.home span.third {
  animation-delay: 30s;
}

.header.home span.fourth {
  animation-delay: 0s; background-position: right top
}


/*
	-----------------------------------------------------------
		HOMEPAGE
	-----------------------------------------------------------
*/
.quote-form { background:rgba(255,255,255,0.9); border-radius:10px; overflow:hidden; margin-top:92px; padding:25px 40px; border-left: solid 15px #0e76bc; position:relative}
.quote-form .gform_wrapper .top_label .gfield_label { display:none}
.quote-form h2{ padding:0; margin:0 0 5px 0; font-weight:400}
.quote-form h3{ font-size:17px; font-weight:500; margin:0; padding:0}
.quote-form p { font-weight:300; font-size:16px; line-height:1.2}
.quote-form p.small{ font-size:13px; margin:4px 0 0 0; padding:0}
.gform_wrapper .gform_footer input[type=submit] {
    text-transform: uppercase;
	font-size:12px!important;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    font-weight: 400;
    border-radius: 3px;
    background: #8cc53f;
    background-image: -webkit-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -moz-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -ms-linear-gradient(top, #8cc53f, #7daf38);
    background-image: -o-linear-gradient(top, #8cc53f, #7daf38);
    background-image: linear-gradient(to bottom, #8cc53f, #7daf38);
    border: solid 1px #7daf38;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3);
    transition: all 0.6s;
    margin-top: 2px;
    float: none;
    width: auto;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
background-image: -webkit-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -moz-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -ms-linear-gradient(top, #0e75ba, #0a578b);
    background-image: -o-linear-gradient(top, #0e75ba, #0a578b);
    background-image: linear-gradient(to bottom, #0e75ba, #0a578b);
    border: solid 1px #0a578b;
    color: #fff;
}

.quote-form .gform_wrapper div.validation_error{     position: absolute;
    top: 40px;
    left: 5%;
    width: 90%; border-radius:0; font-size:16px; background-color:rgba(255,255,255,0.9); border:solid 1px #790000!important; color:#790000; padding:10px;
 }
 
 .new_links{background:rgba(255,255,255,0.9); border-radius:10px; overflow:hidden; margin-top:20px; padding:10px 20px; border-left: solid 15px #0e76bc; position:relative; float:right; width:100%}
.new_links a{ clear:both; float:left; font-size:20px; font-weight:300}
.new_links a.blue-button { font-size:12px; width:auto; padding:7px 13px; margin:12px 0 5px 0;}
.new_links a.blue-button:active, .new_links a.blue-button:focus { color:#fff}
 .new_links a span{ font-size:35px}
 .new_links a.green:hover{ color:#0e76bc}
 
 .quote-form.heights .gform_wrapper div.validation_error { font-size: 13px; top:0}
  .quote-form.heights .gform_wrapper .top_label li input.large { font-size:14px!important}
   .quote-form.heights .gform_wrapper{ margin:0}
     .quote-form.heights .gform_wrapper h3{ margin-top:10px}
 .quote-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ margin:0!important; padding:0!important}
 
 .quote-form  .gform_wrapper li.gfield.gfield_error.gfield_contains_required{ margin:0!important; padding:0!important}
 
 .quote-form .gform_wrapper .gfield_description.validation_message, .quote-form .gform_wrapper .top_label .gfield_description.validation_message{ margin:0!important; padding:0!important}
 
 
 
 .quote-form .gform_wrapper .ginput_container+.gfield_description.validation_message{ margin-top:0}
 
 .quote-form .gform_wrapper li.gfield.gfield_error{ background:transparent; padding:0; margin:0; border:none}
 
 .quote-form .gform_wrapper .gfield_description.validation_message, .gform_wrapper .top_label .gfield_description.validation_message{ padding:0; margin:0}
 
.quote-form .gform_wrapper .instruction.validation_message{ display:none}

.quote-form .gform_wrapper .gform_footer{ margin:10px 0 0 0; padding:0}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.blue-section{ background:#0e76bc; padding:50px 0}
.blue-section h2, .blue-section p{ color:#fff}
.blue-section  .videoWrapper{ border:solid 10px #0c649f; margin-top:40px}
.blue-content{ padding-top:40px; text-align:center}
.blue-content h2{ margin-bottom:20px}
.blue-content p{ line-height:1.6; margin-bottom:30px; font-weight:300}

.referral-banner { background:#0e76bc; padding:20px 0; text-align: center}
.referral-banner h2{ color:#fff; font-weight: 300; margin: 0 0 5px 0; padding: 0}
.referral-banner p {color:#fff; font-weight: 300; margin-bottom: 5px}
.referral-banner a {color:#fff; font-weight: 300}
#client-referral {background: #0e76bc; text-align: left;}

.covid-video-block {
    margin-top: 92px;
    background: url('../img/covid-19/video-banner-white.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px; 
    padding: 41px 20px; 
    display: block; 
    overflow: hidden;
    position: relative;
}

.covid-video-block .col-md-5,
.covid-video-block .col-md-7 {
    text-align: center;
}

.covid-video-block .col-md-7 {
    padding-top: 20px;
}

.covid-video-block i {
    font-size: 150px;
}

.covid-video-block p {
    font-size: 30px; 
    color: #0e76bc; 
    font-weight: 300;
}

.covid-video-block span {
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 20px;
}

.covid-button {
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #959595;
    font-size: 16px;
}

.referral-banner.covid {
    background: #959595;
}

.referral-banner.covid .col-md-8 {
    text-align: left;
}

.referral-banner.covid h4 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
 }

 .referral-banner.covid p {
    font-size: 15px;
 }

/*
	-----------------------------------------------------------
		OWL CAROUSEL
	-----------------------------------------------------------
*/

#articleCarousel .top-section{ margin-top:10px}
#articleCarousel .controllers{ height:30px; width:40px; display:block; float:right; margin: 10px 30px 0 0}
#articleCarousel h3{ width:60%; float:left}
#articleCarousel .carousel-control{ text-shadow:none; color:#0e76bc; font-size:30px; position:relative}
#articleCarousel .right.carousel-control { float:right}
#articleCarousel ul{ margin:0; padding:0; list-style:none}
#articleCarousel ul li.left-article { padding-left:0;}
#articleCarousel p.excerpt{ color:#fff; text-shadow:1px 1px 2px #000; font-size:16px; margin:10px 0 20px 0; line-height:1.2}
.left-article .insurance-article{ height:360px; }
.left-article .insurance-article:after { top:0}
.left-article .insurance-article h2 { font-size:21px; }
.insurance-article { height:170px; background-size: 100% 100%; background-position:center center; display:block; width:100%; margin-bottom:20px; position:relative; overflow:hidden; background-color:rgba(0,0,0,1); transition:all 0.6s; }
.insurance-article h2 { color:#fff; font-size:16px; padding:0; margin:0; font-weight:400; text-shadow:1px 1px 2px #000}
.insurance-article .entry-content {  position:absolute; bottom:0; left:0; right:0; padding:15px; transition:all 0.6s; z-index:3 }
.insurance-article:after{ content:''; position:absolute; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4); top:0; z-index:2;  transition:all 0.6s; }
.insurance-article:hover{ background-size: 130% 130%; transition:all 0.6s;}
.insurance-article:hover:after{  transition:all 0.6s;  background-color:rgba(0,0,0,0.7); }
.insurance-article .entry-content p.date{ color:#fff; font-size:11px; margin:0; padding:0; text-shadow:1px 1px 2px #000}
.insurance-article .entry-content .read-more{ clear:both; text-transform:uppercase; color:#8dc63f; margin:5px 0 10px 0; font-size:11px; display:inline-block}
.insurance-article .category{ color:#fff; text-transform:uppercase; border-left: solid 2px #8dc63f;  margin:15px 0 0 0; padding:0; padding-left:5px; font-size:10px; text-shadow:1px 1px 2px #000}
.left-article .insurance-article .category{ font-size:12px; }
.left-article .insurance-article .entry-content p.date{ font-size:13px;}
.insurance-article:hover .entry-content{  transition:all 0.6s; }


/*
	-----------------------------------------------------------
		TOP TIPS
	-----------------------------------------------------------
*/

.top-tip-box{ border-radius:10px; border:solid 1px #ebebeb; -webkit-background-clip: padding-box; overflow:hidden}
.top-tip-box .image{ width:100%; height:160px; display:block; background-size:cover; background-position:top center}
.top-tip-box .content{ padding:10px 20px 20px 20px}
.top-tip-box .content h2{ font-size:18px}
.top-tip-box .content p { font-size:13px}
.top-tip-boxes .slide-buttons { font-size: 30px;}
.top-tip-boxes .controllers{ height: 30px;
    width: 65px;
    display: block;
    float: right;
    margin: 10px 0 0 0;}
	
	.owl-carousel.owl-loaded {
    display: block;
    clear: both;
}

.top-tip-boxes .controllers .next-slide{ margin-left:5px}
.top-tip-boxes .slide-buttons{ opacity:0.5;  transition:all 0.6s; color:#0e76bc}
.top-tip-boxes .slide-buttons:hover{ opacity:1; transition:all 0.6s}
.top-tip-boxes h3{ width:60%; float:left}


/*
	-----------------------------------------------------------
		BLOG
	-----------------------------------------------------------
*/
h4.widget-title, .archive .pagination p { margin:0; padding:0; float:left; font-size:18px; line-height:34px; vertical-align:middle;  }
.archive .pagination { margin:0 0 10px 0; padding:0}
.archive .pagination p {color:#0e76bc; font-weight:400; float:left; margin-right:5px}
.single #secondary.well, .archive #secondary.well {-webkit-box-shadow:none; box-shadow:none; margin-bottom:0}
h4.widget-title:after{ content:':'; margin-right:5px}
.single #secondary.well ul, .archive #secondary.well ul{ padding-top:0}
.single .date, .archive .date{ font-size:12px; padding-bottom:5px; font-weight:bold; color:#0e76bc; margin-bottom:0}
.single .date .fa, .archive .date .fa{ margin-right:5px}
.single .headers h1.page-title, .archive .headers h1.page-title{ padding:50px 0 40px 0}
.single #secondary.well, .archive #secondary.well{ background:none; border:none; border-radius:none}
.blog-navigation{border: none;
    background: #ecf4fa;
    border-radius: 10px;
    border-top: solid 10px #0e76bc;
    margin-top: -10px;
    margin-bottom: 0; padding:25px 25px 15px 25px}
	
.blog-navigation.bottom-pagination { border-bottom-left-radius:0; border-bottom-right-radius:0}
.single h4{ font-weight:600; font-size:16px; line-height:1.4}	
	
	
.widget_categories label{ display:none}
.postform{
	float:left;
    width: 150px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.blog-navigation .prev.posts{ font-size:16px; float:right; padding:5px 20px 0 0}
.blog-navigation .prev.posts:before{ content:'\f137'; font-family:"Font Awesome 5 Pro"; margin-right:10px}
.post-thumbnail{ width:100%; height:160px; background-size:cover; background-position:center center; display:inline-block; overflow:hidden; border:solid 1px #0e76bc; border-radius:10px}
h2.blog-title{ margin:0; padding:0; font-size:20px }
h2.blog-title a { transition:all 0.6s}
h2.blog-title a:hover{color: #8dc63f; transition:all 0.6s}
h2.blog-title:after{height:4px;  width:110px; clear:both; display: block; background-color: #8dc63f; content: ''; margin: 10px 0;}
.archived-article{ border-bottom:solid 1px #ecf4fa; padding-bottom:20px; margin-bottom:20px; float:left; width:100%}
.archived-article:nth-last-of-type(1){ border-bottom:none; margin-bottom:30px}
.single p, .archive p{ font-size:14px}
.single .site-main ul, .archive .site-main ul { margin-top:0}
.single .site-main ul li, .archive .site-main ul li{ font-size:14px}
.single ul.tick li, .archive ul.tick li { background-image:none;}
.single ul.tick li:before, .archive ul.tick li:before { font-family:"Font Awesome 5 Pro"; content:'\f046'; color:#0e76bc; margin-right:5px}
.archived-article p:nth-last-of-type(1){ margin-bottom:0; padding-bottom:0}
a.read-more{ float:right; font-size:12px; border-bottom:solid 2px #8dc63f; padding-bottom:0}
.pagination{ float:right;}
.pagination .wp-pagenavi a, .pagination .wp-pagenavi span{ border:none; background:#fff; border-radius:5px; width:30px; height:30px; line-height:21px; vertical-align:middle; 
text-align:center; color:#0e76bc; display:inline-block; font-size:16px; font-weight:400; transition: all 0.6s;     border: solid 1px #0e76bc;}
.pagination .wp-pagenavi span.current, .pagination .wp-pagenavi a:hover{ background:#0e76bc; color:#fff; transition: all 0.6s}
.pagination .wp-pagenavi { float:right; clear:none}
.top-tips{ float:right; text-transform:uppercase; font-size:18px}



/*
	-----------------------------------------------------------
		CALL TO ACTIONS
	-----------------------------------------------------------
*/
.cta{
border-left: none;
    margin-top: 0;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    border-top: solid 10px #ecf4fa;
    padding: 25px 25px 0 25px;
    margin-bottom: 60px;
	text-align:center;

}
.cta .cta-image{ background-size:contain; width:100%;  height:170px; display:block; background-repeat:no-repeat; background-position:center bottom}

.site-main .cta p{ margin-bottom:0; font-size:14px}
.site-main .cta h2{ margin:0; padding:0; font-size:22px; line-height:1}


/*
	-----------------------------------------------------------
		INSURANCE PARTNERS
	-----------------------------------------------------------
*/

.partners-section { background:url(../img/canada-map.png) #0e76bc; background-position:top center; background-repeat:no-repeat; text-align:center; padding-bottom:30px }
.partners-section p, .partners-section h2{ color:#fff}
.partners-section h2 { font-size:22px; padding:40px 0 0 0}
.partners-section p { font-size:16px; margin-bottom:20px}
.partner-logos{ width:100%; height:80px; background-color:#fff; border-radius:8px; background-size:contain; background-position:center center; display:block; margin-bottom:20px; background-repeat:no-repeat}
.partner-logos-section{ margin-top:40px}
.partner-logos-section .partner-logos{ border: solid 2px #ebebeb}

/*
	-----------------------------------------------------------
		INSURANCE CLAIMS
	-----------------------------------------------------------
*/

.dataTables_wrapper .tablepress th{ padding:18px 8px}
.dataTables_wrapper .tablepress td{ padding:14px 8px}
.dataTables_wrapper .tablepress th{ background:#0e76bc; color:#fff}
.dataTables_wrapper .tablepress .odd td{ background:#ecf4fa}


/*
	-----------------------------------------------------------
		TRAVEL INSURANCE
	-----------------------------------------------------------
*/

.green-button.travel {  width: auto; float:right; margin-top: 115px; font-size: 29px; padding: 15px 30px}

/*
	-----------------------------------------------------------
		FORMS
	-----------------------------------------------------------
*/
.page-template-form-page .headers { background-image:url(../img/forms.jpg)}
.page-template-form-page .headers h1.page-title { padding-top:0}
.page-template-form-page .gform_wrapper h2.gsection_title { margin-top:30px!important; float:left; width:100%; margin-bottom:20px!important}
.page-template-form-page .gform_wrapper h2.gsection_title:after { content:''; height:4px; width:60px; background:#8dc63f;
display:block; margin-top:5px}
.page-template-form-page .gform_wrapper{ border: solid 2px rgba(0,0,0,0.1); padding:0 25px 25px 25px; border-radius:10px}
.page-template-form-page .gform_wrapper .gsection{ border-bottom:none; padding-bottom:0}
.page-template-form-page .gform_wrapper ul{ margin:0; padding:0}
.page-template-form-page .gform_wrapper ul li{ background-image:none; margin:0; padding:0;}
.page-template-form-page .gform_wrapper .ginput_complex label { font-size:16px; padding:0; margin:10px 0 0 0; font-weight:400}
.page-template-form-page .gform_wrapper .top_label .gfield_label { margin:0; padding:0; color:#0e76bc; font-size:16px}
body.page-template-form-page .gform_wrapper label.gfield_label+div.ginput_container { margin-top:0}
body.page-template-form-page .gform_wrapper .gfield_required{ color:#8dc63f}
body.page-template-form-page .gform_wrapper.gf_browser_chrome .gfield_radio li{ float:left; margin-right:40px}
body.page-template-form-page .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { border:none;
border-radius:0; background:transparent; height:auto; box-shadow:none; margin-right:10px; margin-top:0; float:left}
body.page-template-form-page .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] label{font-weight:300}
body.page-template-form-page .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { letter-spacing:0}
body.page-template-form-page .gform_wrapper .gfield_radio li label { font-weight: 400; line-height: 1; margin: 0; padding: 0;
    vertical-align: super;}

/*
	-----------------------------------------------------------
		CAROUSEL
	-----------------------------------------------------------
*/
#myCarousel .carousel-indicators{ position:relative}
#myCarousel .carousel-indicators li{ width:auto; height:70px; float:left; text-indent:0; display:block; position:relative; border-radius:0; border:none; transition: all 0.2s; margin:0; 
width:11.1111%; text-align:center; }
#myCarousel .carousel-indicators li p{color:#0e76bc; font-weight:300; font-size:12px; line-height:1; text-transform:uppercase}
#myCarousel .carousel-indicators li:hover{ background:#fff}
#myCarousel .carousel-inner>.item .slider-content{ opacity:0; opacity:1; transition:all 0.5s}
#myCarousel .carousel-inner>.item.active .slider-content{opacity:1; transition:all 0.5s}
#myCarousel .carousel-indicators li.active, .carousel-indicators li.hover{transition: all 0.2s}
#myCarousel .carousel-inner, #myCarousel .carousel-inner item{ min-height:730px!important; padding:10px 0}
#myCarousel .carousel-caption { top:0;}
.slider-background{ width:100%; height:360px; background-size:contain; background-repeat:no-repeat; display:block; background-position: top center}
.carousel-control.left, .carousel-control.right{ background-image:none}
.carousel-nav-background{ background:#ecf4fa; float:left; width:100%}
#myCarousel .carousel-indicators { top:0}
#myCarousel .icon { width:55px; height:30px; background-size:contain; background-repeat:no-repeat; margin:10px auto 10px auto; background-position:center center}
#myCarousel .carousel-indicators{ margin-left:0; left:20%}
#myCarousel .carousel-inner>.item .slider-background{ margin-left:-200px; transition: all 0.6s; opacity:0}
#myCarousel .carousel-inner>.item.active.left .slider-background, #myCarousel .carousel-inner>.item.active.right .slider-background{ margin-left:-500px; transition: all 0.6s; opacity:0}
#myCarousel{ position:relative}
#myCarousel .carousel-inner>.item.active .slider-background { margin-left:0; transition: all 0.6s; opacity:1}
#myCarousel .carousel-inner>.item .slider-content{left:200px; transition: all 0.6s; text-align:left; position:absolute; top:0; width:400px; opacity:0; padding-left:30px}
#myCarousel .carousel-inner>.item.active.left .slider-content, #myCarousel .carousel-inner>.item.active.right .slider-content{left:200px; transition: all 0.6s; text-align:left; position:absolute; top:0; width:400px; opacity:0}
#myCarousel .carousel-inner>.item .green-button{ margin-top:40px; float:left; width:auto }
#myCarousel .carousel-control-new{ position:absolute; width:55px; height:55px; top:30%;  transition:all 0.6s; opacity:0.6}
#myCarousel .carousel-control-new:hover{ transition:all 0.6s; opacity:1}
#myCarousel .carousel-control-new .fa{ font-size:50px; color:#0e76bc; top:30%; text-shadow:none; position:absolute; border:solid 3px #0e76bc; border-radius:10px; line-height:50px; text-align:center; vertical-align:middle; width:55px; }
#myCarousel .carousel-control-new.right .fa {padding-left:5px}
#myCarousel .carousel-control-new.left .fa {padding-right:5px}
#myCarousel .carousel-control-new.left{ left:40px; right:auto;}
#myCarousel .carousel-control-new.right{ right:40px; left:auto}
#myCarousel .carousel-inner>.item.active .slider-content {left:0; transition: all 0.6s; opacity:1}
#myCarousel .carousel-inner>.item .insurance-similar-title h3{ opacity:0; transition: all 0.9s; text-align:left }
#myCarousel .carousel-inner>.item.active .insurance-similar-title h3{ opacity:1;  transition: all 0.9s; color:#0e76bc; margin:0; padding:20px 0 0 0}
#myCarousel .carousel-inner>.item .insurance-similar-title { border-top:solid 1px #ebebeb; padding-top:10px}
#myCarousel .carousel-inner>.item .insurance-similar, #myCarousel .carousel-inner>.item.active.left .insurance-similar,  #myCarousel .carousel-inner>.item.active.right .insurance-similar{ opacity:0; margin-top:70px; transition: all 0.6s; }
#myCarousel .carousel-inner>.item .insurance-similar-title, #myCarousel .carousel-inner>.item.active.left .insurance-similar-title,  #myCarousel .carousel-inner>.item.active.right .insurance-similar-title{ opacity:0; margin-top:50px; transition: all 0.6s; }
#myCarousel .carousel-inner>.item.active .insurance-similar{ margin-top:30px; opacity:1}
#myCarousel .carousel-inner>.item.active .insurance-similar-title{ opacity:1; margin-top:0; transition: all 0.6s; }
#myCarousel .carousel-caption { text-shadow:none; font-weight:200; color:#666666; font-weight:200; font-size:26px }
#myCarousel .carousel-caption h3{font-weight:300;}
#myCarousel .slider-content p{ font-size:21px}
#myCarousel .slider-content h4{ color:#0e76bc; font-size:42px; line-height:1.2}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


a.similar-insurance .similar-link{ background:rgba(255,255,255,0.95); width:100%; position:absolute; bottom:0; left:0; top:120px; right:0; text-align:left; font-weight:500; 
text-transform:none; font-size:16px; 
padding:10px; border:solid 1px #ebebeb; transition:all 0.6s; z-index:2 }
a.similar-insurance:hover  .similar-link{ top:90px; transition:all 0.6s; background:rgba(255,255,255,1); }

a.similar-insurance{ border-radius:10px; width:100%; height:170px;  position:relative; overflow:hidden;  transition:all 0.6s; display:block; -moz-transform: scale(1,1);
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);  
border:solid 1px #ebebeb; -webkit-background-clip: padding-box; margin-bottom:20px}

a.similar-insurance span{background-size: cover; background-position:center center; -webkit-transform: scale(1,1); transform: scale(1,1); position:absolute; top:0; bottom:0;
left:0; right:0; display:block; z-index:1;  border-radius:10px; transition:all 0.6s;  }

a.similar-insurance:hover span{ transition:all 0.6s; -moz-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}






/*
	-----------------------------------------------------------
		PLACEHOLDERS
	-----------------------------------------------------------
*/

.form-group .form-control, .form-group textarea{ border-radius:0; padding:5px 0 8px 20px; margin-bottom:8px}
.form-control { font-weight:100}
.form-control::-webkit-input-placeholder { color: #fff!important;}
.form-control:-moz-placeholder { /* Firefox 18- */ color: #fff!important; }
.form-control::-moz-placeholder {  /* Firefox 19+ */ color: #fff!important; }
.form-control:-ms-input-placeholder {   color: #fff!important;}

/*
	-----------------------------------------------------------
		HEADERS
	-----------------------------------------------------------
*/
.page-header{ margin-top:0}


/*
	-----------------------------------------------------------
		GENERIC PAGES
	-----------------------------------------------------------
*/

.headers{ background-size:cover; background-repeat:no-repeat; box-shadow:inset 0 -5px 20px rgba(0,0,0,0.05);  border-bottom:solid 1px #ecf4fa; background-position:top center; margin-top:100px}
.headers h1.page-title{padding:60px 0 10px; color:#0e76bc; font-size:54px }
.headers p { font-size:21px; padding-bottom:40px}
.site-main{ padding:40px 0; overflow:auto; }
.page-template-page-brand .site-main{ padding-top:0}
.site-main ul { margin:20px 0 }
.site-main ul ul:nth-of-type(1){ clear:both}

.site-main p{ line-height:1.6; margin-bottom:30px}
.site-main h3{ color:#0e76bc; font-size:24px;  border-top:solid 1px #ecf4fa; padding-top:20px; margin-top:20px}
.site-main ul{ width:100%; clear:both}
.site-main ul > li {     font-size: 18px; line-height: 1.4;color: #666666; font-weight: 400; padding-left:15px; list-style:none; margin-bottom:10px; background-image:url(../img/blue-bullet.png); background-repeat:no-repeat; 
background-position: left top 10px}
.site-main ol > li {font-size: 18px; line-height: 1.4;color: #666666; font-weight: 400; margin-bottom:10px;}
.site-main ul li.clear{ clear:both; margin-top:20px; display:inline-block}

.site-main ul li:nth-last-of-type(1) { margin-bottom:0}
.site-main blockquote { padding:0 0 0 30px; border-color:#0E76BB}
.site-main blockquote p{ font-size:23px; font-style:italic;}
#secondary.well, .brand-navigation{ border:none; background:#ecf4fa; border-radius:10px; border-top:solid 10px #0e76bc; margin-top:-10px; margin-bottom:40px}
#secondary.well ul, .brand-navigation ul{ list-style:none; margin:0; padding: 20px 10px}
#secondary.well ul li, .brand-navigation ul li{ border-bottom: solid 1px #bbd8ec; box-shadow: 0 1px #fff; width:100%}
#secondary.well ul li:nth-last-of-type(1), .brand-navigation ul li:nth-last-of-type(1){ border-bottom:none; box-shadow:none}
#secondary.well ul li.header, .brand-navigation ul li.header{ font-weight:900; font-size:19px }
#secondary.well ul li a, .brand-navigation ul li a{ font-size:16px; padding:10px; display:inline-block; width:100%; transition:all 0.6s}
#secondary.well ul li.active a, #secondary.well ul li.active:hover a, .brand-navigation ul li.active:hover a{ background:rgba(255,255,255,1);  transition:all 0.6s}
#secondary.well ul li:hover a{ background:rgba(255,255,255,0.7)}
.site-main .quote-form{ border-left:none; margin-top:0; border:solid 1px #e2e2e2; border-radius:10px; border-top: solid 10px #ecf4fa; padding:35px 25px 25px 25px; margin-left:-15px; margin-bottom:60px}
.site-main .quote-form h2{ font-size:18px; margin:0; padding:0 0 10px 0}
.site-main .quote-form h3{ border:none; padding:0; margin:10px 0 0 0; color:#666666; font-size:17px}
.site-main .quote-form p{ font-size:12px; margin-bottom:0}
.site-main .quote-form ul li{ background-image:none; padding:0; margin:0}
.site-main .gform_wrapper .top_label li.gfield.gf_left_half, .site-main .gform_wrapper .top_label li.gfield.gf_right_half{ margin-bottom:0!important;
width:49%}

.site-main .gform_wrapper .top_label li.gfield.gf_full { margin-bottom:0!important; width: auto; }
.site-main .gform_wrapper .top_label li.gfield.gf_full select { width: 100%; }
.site-main .gform_wrapper .top_label li.gfield.gf_right_half{ float:right}
.site-main .quote-form .gform_wrapper .gform_footer { margin-top:5px}
.site-main .quote-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{ font-size:11px!important}
.quote-form .gform_confirmation_message{ font-size:32px; color:#8dc63f; margin-bottom:20px}
body .quote-form .gform_wrapper ul li.gfield { margin-top:0!important; padding-top:0!important;
margin-bottom:0!important; padding-bottom:0!important}

#how-to-print { background-color:#ecf4fa; padding:0; border-bottom-left-radius:10px}
#how-to-print .inner { padding:25px}
.site-main #how-to-print h3{ margin:0 0 10px 0; padding:0;}
.site-main #how-to-print h4 { font-size:16px; margin:0; padding:0}
.site-main #how-to-print p{ font-size:14px; margin-bottom:0}
.site-main #how-to-print ol{ padding-left:15px}
.site-main #how-to-print ol li{ margin-bottom:15px} 
button.how-to-order{ background:#ecf4fa; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border:none; padding:10px 20px; color:#0e76bc; float:right}


/*
	-----------------------------------------------------------
		CONTACT PAGE
	-----------------------------------------------------------
*/

.headers.contact{ height:260px}
.headers.contact h1.page-title{ padding-top:100px}
#gform_wrapper_3.gform_wrapper .top_label .gfield_label, #gform_wrapper_3.gform_wrapper .ginput_complex label { display:none}
#gform_wrapper_3.gform_wrapper{}
#gform_wrapper_3.gform_wrapper li{ background:none}
#gform_wrapper_3.gform_wrapper textarea.large{width:100%}
#gform_wrapper_3 .ginput_container input{ height:54px; padding-left:10px; width:100%}
#gform_wrapper_3 .ginput_container textarea{ padding-top:20px}
#gform_wrapper_3.gform_wrapper ul.gform_fields li{ margin:0; padding:0}
#gform_wrapper_3.gform_wrapper .gform_footer{ margin:5px 0 0 0; padding:0}
#gform_wrapper_3.gform_wrapper .gform_footer input[type=submit]{ font-size:18px!important; padding:14px 30px}
.contact-details{border: none;
    background: #ecf4fa;
    border-radius: 10px;
    border-bottom: solid 10px #0e76bc;
    margin-bottom: 40px;
	padding:40px 20px 20px 20px
}
.contact-details p{ position:relative; padding:0 0 10px 20px; font-size:15px; font-weight:300}
.contact-details p i { position:absolute; top:4px; left:0}
.gform_wrapper .gform_body{ max-width:100%!important; width:100%!important}


/*
	-----------------------------------------------------------
		GOOGLE MAP
	-----------------------------------------------------------
*/

.headers.contact { position:relative}
.contact-header-text{ position:relative; z-index:3}
.contact-header-text p{ text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.75);}

.acf-map {
	width: 100%;
	height: 260px;
	position:absolute; top:0; z-index:1
	
}

/*.acf-map:before{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.6); z-index:2; content:''}

 fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}



/*
	-----------------------------------------------------------
		SEARCH PAGE
	-----------------------------------------------------------
*/

.search .headers, .error404  .headers{ background-image:url(../img/search-banner.jpg)}
.search .headers .page-title, .error404  .headers .page-title{ padding-bottom:60px}
.search .site-main article {    border-bottom: solid 1px #ecf4fa;
    padding-bottom: 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%;}
.search .site-main article  p { font-size:16px}



/*
	-----------------------------------------------------------
		BRAND
	-----------------------------------------------------------
*/
.logos{border-radius: 10px; border: solid 1px #ebebeb; -webkit-background-clip: padding-box;  margin-bottom:25px; padding-bottom:20px ;  }
.logo-image:after{ font-family:"Font Awesome 5 Pro"; font-size:22px; content:'\f00e'; position:absolute; bottom:0; right:15px; z-index:3; color:#0e76bc; cursor:pointer; transition:all 0.6s;
 line-height:1;}
.logo-image:hover:after{ color:#8dc63f; transition:all 0.6s}
.logos .logo-inner{ padding:0 0 20px 0;}
 .print .logos .logo-inner{ background-color:#ecf4fa; padding-top:20px}
.logos h4{ border-top:solid 1px #ebebeb; padding:10px 20px 8px 10px; font-size:18px; margin:0; font-weight:bold} 
.logos  p{ font-size:13px; padding:0 10px; margin:-10px 0 10px 0}
.logo-image{ width:100%; margin:0; height:135px; background-size:contain; background-position:center center; display:block; background-repeat:no-repeat; position:relative}
 
 
.logo-image.vector{height:210px;}
.logos .download-files, .guidelines .download-files{ position:relative; padding:3px 25px 3px 40px; width: auto; display: inline-block; border:solid 1px #0e76bc; color:#0e76bc; border-radius:5px; margin-left:10px; margin-bottom:5px;  transition:all 0.6s; font-size:12px; }
.guidelines .download-files{padding:6px 25px 6px 40px; }
.logos .download-files:hover, .guidelines .download-files:hover{ background:#0e76bc; color:#fff; transition:all 0.6s}
.logos .download-files:before, .guidelines .download-files:before{ font-family:"Font Awesome 5 Pro"; position:absolute; left:17px; top:4px}
 .guidelines .download-files:before{   left: 15px;  top: 7px;}
.logos .download-files.EPS:before, .logos .download-files.AI:before  { content:'\f247'}
.logos .download-files.PDF:before, .guidelines .download-files:before { content:'\f1c1'}
.guidelines .download-files.font:before { content:'\f031'}
.logos .download-files.JPEG:before { content:'\f1c5'}
.logos .download-files.PNG:before { content:'\f1c5'}
.guidelines h3.header{ color: #0e76bc; font-size:16px; font-weight:bold; padding:0; margin:0}
.guidelines p{ font-size:12px; margin:10px 0 15px 0}
.brand-sections.first{ display:block}
.brand-sections{ display:none}
.page-template-page-brand h4.widget-title { display:none}
.brand-navigation .nav > li { padding:0}
.brand-navigation .nav-tabs>li>a, .brand-navigation .nav-tabs>li.header {
    margin-right: 0;
    border: none;
    border-radius: 0;
	font-size: 16px;
    padding: 10px;
    display: inline-block;
    width: 100%;
    transition: all 0.6s;  color: #0e76bc;
}
.brand-navigation .nav-tabs { border-bottom:none}
.brand-navigation .nav-tabs>li { margin-top:1px}
.brand-navigation .nav-tabs>li.header{ font-weight:bold;     border-bottom: solid 1px #bbd8ec;
    box-shadow: 0 1px #fff;}

.brand-navigation.well ul.nav { padding:0}

.brand-navigation .nav-tabs>li.active>a, .brand-navigation .nav-tabs>li.active>a:hover, .brand-navigation .nav-tabs>li.active>a:focus {background: rgba(255,255,255,1);
    transition: all 0.6s; color: #0e76bc;}
	
.brand-navigation .nav-tabs>li.active>a, .brand-navigation .nav-tabs>li.active>a:hover, .brand-navigation .nav-tabs>li.active>a:focus { border:none}
.brand-navigation .nav>li>a:hover, .brand-navigation .nav>li>a:focus { background-color:#fff} 
.brand-navigation .nav>li>a:hover { color:#8dc63f; background-color:#fff}
.brand-navigation .fa{ text-align:center; font-size:55px; color:#0E76BB; display:block; margin-bottom:15px}
.brand-guidelines .tab-content h1{font-weight: 600; color: #0e76bc; line-height: 1.3; font-size:36px; padding:0; margin:0 0 10px 0}
.brand-guidelines .tab-content h2 { font-size:24px; margin: 5px 0 20px 0; font-weight:400 }

.brand-guidelines .tab-content h2:after {
    height: 5px;
    width: 60px;
    clear: both;
    display: block;
    background-color: #8dc63f;
    content: '';
    margin: 10px 0 30px 0;
}

.slide-section{ padding:30px; background:#bbd8ec; margin-top:-90%; transition:all 0.6s; position:absolute; width:100%}
.slide-section.open{ margin-top:0; transition:all 0.6s}

/*
	-----------------------------------------------------------
		FOOTER
	-----------------------------------------------------------
*/

footer{ padding:20px 0 0 0; border-bottom:solid 20px #dadada; border-top:solid 3px #0e76bc}
.footer-menus{ margin-top:30px}
footer ul { list-style:none;}
footer ul li{ margin-bottom:3px; line-height:1; margin-bottom:7px}
footer ul li a{ color:#666666; line-height:1; font-size:12px}
footer ul li.header{ margin-bottom:10px}
footer ul li.header a{ text-transform:uppercase; color:#0e76bc; }
footer .widget_wysiwyg_widgets_widget { list-style:none}
footer .widget_wysiwyg_widgets_widget img{ max-width:100%; height:auto}
footer .widget_wysiwyg_widgets_widget p{ font-size:16px; margin-top:15px}
footer .widget_wysiwyg_widgets_widget .phone-number{ font-size:26px; margin-top:20px; color:#0e76bc; font-weight:700; width:100%; clear:both; float:left}

.lower-footer { background:#cbcbcb; padding:30px 0; margin-top:40px}
.lower-footer ul{ margin:0; padding:0}
.lower-footer li{ color:#fff; float:left; font-size:14px}
.lower-footer li:nth-of-type(1) a{ margin-left:0}
.lower-footer a{ margin:0 10px}
.lower-footer a:hover{ text-decoration:underline}
.lower-footer a, .lower-footer p{ color:#fff; text-align:left; font-size:14px}
.lower-footer p{ clear:both; margin-bottom:0 }
footer .lower-footer ul.social li a{ font-size:25px; transition: all 0.6s}
footer .lower-footer ul.social li a:hover{ opacity:0.6;  transition: all 0.6s}
footer .lower-footer ul.social{ width:210px; float:right;}
.lower-footer  .green-button { margin-top:-20px; display: inline-block; width:auto}
.payment-footer { text-align: center}
.lower-footer  .green-button:hover { text-decoration:none}

/*
    -------------------------------------------
        FORM OVERRIDES & NEW SIGNUP
    -------------------------------------------
*/

.site-main li.gfield.gfield_error {
    border-bottom: none !important;
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.gform_wrapper .gform_body .top_label .gfield_label_hidden label.gfield_label {
    display: none;
}

.site-main li.gfield.gfield_error .gfield_label, .site-main li.gfield.gfield_error div.ginput_container {
    margin-top: 0 !important;
}

.site-main .button.gform_previous_button {
    margin-bottom: 0 !important;
}


.headers.signup {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #FFF;
}

.headers.signup p {
    color: #FFF;
}

.headers.signup h1 {
    padding-top: 0;
    margin-top: 0;
    color: #FFF;
}

.headers.signup .signup-button {
    display: block;
    margin: 15px auto;
}

section.signup .map {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 375px;
}

section.signup .acf-map {
    height: 100%;
}

footer.signup {
    padding: 0;
}

footer.signup .lower-footer {
    margin-top: 0;
}

.gfield_header h4, .gfield_header p {
    line-height: 1.2;
}

.gfield_footer h5 {
    line-height: 1.4;
}

/*
	-----------------------------------------------------------
		CLAIMS PAGE
	-----------------------------------------------------------
*/

.modal-section { padding: 15px; border-bottom: solid 1px #e2e2e2; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);}
.modal-section{ margin-top: 0; padding-top: 0 }
.modal-section:nth-last-of-type(1) { border-bottom: solid 1px #fff}
.modal-section:nth-of-type(1) p { font-size: 19px; margin-bottom: 0}
.modal-section h2 { font-size: 21px; margin: 0; padding: 0}
.modal-section h2:after { height: 3px; width: 40px; clear: both; display: block; background-color: #8dc63f; content: ''; margin: 10px 0 15px 0;}
.modal-section h3 {color:#0e76bc; font-weight: 600; font-size: 18px; margin: 15px 0 10px 0; padding: 0}
.modal-section p { font-size: 14px; margin-bottom: 5px}
.modal-section p.additional-content { margin-bottom: 15px; font-size: 16px;}
.modal-section:nth-of-type(1) .blue-button{ font-size: 13px; padding: 8px 14px; line-height: 1; text-align: center; float: left; width: auto; margin-top: 15px}
.modal-section .blue-button.email-claim { margin-right: 10px}
.modal-section:nth-last-of-type(1) .blue-button{ font-size: 11px; padding: 6px 10px; line-height: 1; text-align: center; float: left; width: auto; margin-top: 10px}
.claims-modal h4.modal-title  { font-size: 30px; font-weight: 600}
.claims-modal .insurer-logo { width: 100%; height: auto; border: solid 10px #fff; }
.claims-modal .modal-body { overflow: auto}
.claims-pop { width: 100%; height: 110px;  display: inline-block; border-radius: 10px; border: solid 1px #ebebeb; background-color: #fff; margin: 0 0 20px 0; position: relative; overflow: hidden}
.bg-images {background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; top:10px; bottom: 10px; left: 10px; right: 10px; content: ''; z-index: 2;     -webkit-transform: scale(1,1); transform: scale(1,1); transition: all 0.6s}
.link-instructions { position: absolute; bottom:-100%; top: auto; left: 0; right: 0; content: ''; background: rgba(14,118,188,0.2); transition: all 0.6s; z-index: 3; height: 100%}
.claims-pop:hover .link-instructions { bottom:0; transition: all 0.6s}
.claims-pop:hover .bg-images { -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); transition: all 0.6s}
.claims-pop:hover .link-instructions {background: rgba(14,118,188,0.9); }
.claims-pop .link-instructions p{ color:#fff; position: absolute; width: 100%; height: 100%; top: 37%; font-size: 16px}

/*
	-----------------------------------------------------------
		TESTIMONIAL PAGE
	-----------------------------------------------------------
*/

.testimonials { width:100%; padding: 30px 0; }
.testimonials .fa-quote-left { color: #0e76bc; font-size: 32px; margin-bottom: 10px}
.testimonial-content {  border-left: 0; margin-top: 0; border: solid 1px #e2e2e2; border-radius: 10px; border-top: solid 10px #ecf4fa; padding: 25px;  margin-bottom: 10px;}
.testimonial-content  p { margin-bottom:15px}
.testimonial-content  p.author {color: #0e76bc; margin-bottom: 0}
/*
    -------------------------------------------
        FIND A FRANCHISES PAGE
    -------------------------------------------
*/

/** FRANCHISE HEADER BUTTON **/
.franchise-button {font-size: 10px; padding: 10px}

.franchise-box {
	width: 90%;
    margin-top: 0;
	margin-bottom: 30px;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    border-top: solid 10px #ecf4fa;
    padding: 30px 15px;
	display: inline-block;
}

.franchise-box h3 {font-weight: bold; padding-top: 0; margin-top: 0; margin-bottom: 10px; border: none;}
.franchise-box p {font-size: 14px; margin-bottom: 0}
.franchise-box p.first {margin-bottom: 10px;}
.franchise-box .col-md-5 {margin-top: 5%;}
.franchise-box .green-button {font-size: 14px;}






/*
    -------------------------------------------
        FRANCHISE LISTING
    -------------------------------------------
*/

.franchise-listing-container {width: 100%; padding: 50px 15px; display: inline-block;}
.franchise-address-box {height: 100%; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; padding-top: 50px;}
.franchise-listing-map {width: 100%; height: 400px; background: #FAFAFA;}
.franchise-listing-map .acf-map {position: relative; height: 100%;}
.province {display: none;}







/*
    -------------------------------------------
        MODAL BUTTONS
    -------------------------------------------
*/
.quote-row {
    margin: 0 !important;
}

.quote-row .green-button {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}






/*
	-------------------------------------------
		RESPONSIVE
	-------------------------------------------
*/

@media (max-width: 1500px) {
#myCarousel .carousel-indicators{ width:80%; left:10%; margin-left:0}

}
@media (max-width: 1200px) {
.covid-video-block {padding: 53px 20px;}
.covid-video-block p {font-size: 24px;}
.new_links a { font-size:16px}
.new_links a span { font-size: 27px;}
.new_links a.blue-button { margin: 4px 0 0 0;}
}

@media (max-width: 1190px) {
	.navbar-default .navbar-nav > li > a{font-size: 13px;}
	
	/** FRANCHISE LISTINGS **/
	.franchise-box p {font-size: 12px;}
	.franchise-box .green-button {font-size: 11px;}
    .referral-banner.covid h4 {font-size: 18px}
    .referral-banner.covid p {font-size: 12px;}
}


@media (min-width: 1200px) {
	.site-main .quote-form{ margin-left:-15px}
	

}
@media (min-width: 767px) {
.navbar-brand.scroll {   transition: all 0.6s; -webkit-transition: all .6s; top: -46px; width:200px}
.top-nav.scroll {  margin-top: 5px; transition: all .6s; -webkit-transition: all .6s;  opacity: 0; visibility: hidden }
.navbar-nav.scroll { margin: 0; transition: all .6s;  -webkit-transition: all .6s; }
.top-navigation.scroll{ margin-top:-60px; transition: all .6s}
}

@media (max-width: 1020px) {
	.headers{ background-position: top right -300px}
    .headers.signup { background-position: top left; }
}

@media (max-width: 996px) {
	.top-navigation {
		width: 410px;
	}
}

@media (max-width: 991px) {
    .header.home {height: 570px;}
    #client-referral {text-align: center;}
    .referral-banner.covid .col-md-8 {text-align: center; margin-bottom: 20px;}
	.green-button.travel {     font-size: 20px; padding: 13px 25px;}
	footer .lower-footer { text-align:center}
	footer .lower-footer ul.social { float:none; margin: 20px auto}
	.lower-footer  .green-button { margin-top:10px}
	.lower-footer a, .lower-footer p { text-align:center}
    .covid-video-block i {font-size: 80px;}
	.new_links { margin-top:20px}
	.new_links a{ font-size:17px}
	.new_links a span{ font-size:24px}
	.navbar-brand{        width: 122px;
    height: 60px;}
	a.number{ font-size:14px}
	.live-chat a { font-size:10px}
	.searchform{width: 126px;}
	.searchform label{width: 93px;}
	.navbar-nav{ padding-top:0}
	.navbar-default .navbar-nav > li > a{ padding-bottom:0; height:56px;}
	#main-menu .caret:before{    right: -15px;}
	#myCarousel .slider-content h4{    font-size: 27px;}
	#myCarousel .slider-content p {
    font-size: 16px;}
	#myCarousel .carousel-inner>.item .green-button{ margin-top:10px; font-size:14px}
	#myCarousel .carousel-inner, #myCarousel .carousel-inner item{ min-height:520px!important}
	.slider-background{ height:210px}
	#articleCarousel ul li.left-article{ padding-left:15px}
	#myCarousel .icon{ width:35px; height:35px}
	#myCarousel p{ font-size:12px}
	.cta{ margin-left:-15px}
	.site-main .quote-form{ margin-bottom:20px}
	#myCarousel .carousel-indicators li p{ font-size:10px}
	.logos{ clear:both}
	
	/** FRANCHISE LISTINGS **/
	.franchise-box p {font-size: 14px;}
	.franchise-box .green-button {font-size: 14px;}
	.franchise-box {width: 70%;}
	.franchise-listing-map {margin-bottom: 50px;}
	.franchise-address-box {padding-bottom: 60px;}
}

@media (max-width: 768px) {
	.franchise-box {width: 85%;}
	.new_links.first { margin-top: 20px;}
}

@media (max-width: 767px) {
    .quote-form {margin-top: 40px;}
    .covid-video-block {margin-top: 20px; padding: 37px 20px;}
    .covid-video-block i {display: none;}
	.contact-details p{ margin-bottom:10px}	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ color:#0e76bc!important}
		.header.home{    height: 630px;}
	.new_links{ margin-top:20px; float:left; }
		#myCarousel .carousel-inner>.item .slider-content{ padding-left:0}
	.top-navigation{    width: 65%;}
	a.number { width:50%;  font-size: 18px;}
	.live-chat a {font-size: 14px;}
	.live-chat{ width:50%}
	.navbar-collapse{ width:100%; background:#0e76bc}
	.navbar-nav>li{ display:block; width:100%;  font-size:18px!important}
	.navbar-nav{ width:100%}
	.navbar-default .navbar-nav > li { padding:0}
	.navbar-default .navbar-nav > li > a{ height:auto; border-bottom:solid 1px rgba(255,255,255, 0.2); float:left; width:100%; clear:both; padding:15px 0; font-size:16px; color:#fff}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{border-bottom: solid 1px rgba(255,255,255, 0.2); background:#fff; color:#0e76bc }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; border-bottom:solid 1px rgba(255,255,255,0.1)}
	#main-menu .caret:before{ position:relative; top:-13px; right:0}
	.sub-menu-columns .dropdown-menu{ width:100%}
	.sub-menu-columns ul li{ width:100%}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ text-align:center; padding:15px 0}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ background:#ecf4fa}
	#myCarousel .carousel-inner>.item.active .insurance-similar-title h3{ padding-top:5px; font-size:10px}
	#myCarousel .carousel-indicators p{ display:none}
	.top-navigation {padding: 29px 0 10px 0;}
	#myCarousel .carousel-indicators li{ height:50px}
	#myCarousel { text-align:center}
	#myCarousel .carousel-inner>.item .slider-content, #myCarousel .carousel-inner>.item.active .slider-content{ width:100%; text-align:center!important}
	#myCarousel .carousel-inner>.item .green-button{ float:none}
	#myCarousel .carousel-control-new .fa{ font-size:25px; border: solid 2px #0e76bc; line-height: 29px;
    width: 31px; border-radius:5px}
	#myCarousel .carousel-control-new.left{ left:0}
	#myCarousel .carousel-control-new.right{ right:35px}
	.carousel-indicators{    width: 90%; left: 10%;     margin-left: 0;}
	.clear-footer{ clear:both}
}

@media (max-width: 690px) {
	.header.home{height: 660px;}
	.green-button.travel { margin: 0 0 20px 0; float: left; font-size: 15px}
}

@media (max-width:767px) and (min-width:631px) {
	a.listing {font-size: 19px; margin-top: 1px;}
}

@media (max-width:630px) and (min-width:481px) {
	a.listing {font-size: 15px; margin-top: 1px;}
}

@media (max-width:1199px) and (min-width:996px) {
	.live-chat {width: 15%;}
	.top-navigation {width: 412px;}
}


@media (max-width: 630px) {
    .header.home {height: 740px;}
	p{ font-size:14px; line-height:1.4}
	a.number{ font-size:14px}
	.live-chat a {font-size: 10px;}
	.top-navigation { width: 60%;}
	.navbar-brand { width: 90px;
    height: 45px;}
	.quote-form{ margin-top:30px}
	.top-navigation {
    padding: 20px 0 10px 0;}
	.navbar-default .navbar-toggle {
    margin-top: 19px;
    padding: 5px;
}
.headers{ background-position: top right -80px}


.headers h1.page-title {
    padding: 0;
    color: #0e76bc;
    font-size: 27px;
}

.headers.signup h1.page-title {
    color: #FFF;
}

.headers p {
font-size: 15px;
    padding-bottom: 10px;}
	
	.site-main p { margin-bottom:20px}
	.site-main{ padding:20px 0}
	.site-main blockquote p{ font-size:18px}
	.site-main blockquote{    padding: 0 0 0 15px;}
	.ginput_container input, .ginput_container select, .ginput_container textarea{ font-size:13px!important}
	.blog-navigation .prev.posts {
    font-size: 14px;
    float: left;
    padding: 5px 0 0 0;
}
h4.widget-title, .archive .pagination p{ font-size:13px}
.postform {
    float: left;
    width: 126px;}
	.archive .pagination{ float:left}
	.pagination .wp-pagenavi a, .pagination .wp-pagenavi span{    width: 20px;
    height: 20px;
    line-height: 13px; font-size:9px}
	h4.widget-title, .archive .pagination p{ line-height:24px}
	.single .headers h1.page-title, .archive .headers h1.page-title {
    padding: 10px 0 10px 0;
}

.carousel-indicators {
    width: 100%;
    left: 0;
    margin-left: 0;
}

#myCarousel .carousel-indicators{    width: 100%;left: 0%;}
	
	/** FRANCHISE LISTINGS **/
	.franchise-box {width: 100%;}
	.franchise-box h3 {font-size: 18px}
	.franchise-box p {margin-bottom: 0}
}

@media (max-width: 530px) {
    .header.home {height: 830px;}
    .video-block-container {width: 100% !important;}
	p{ font-size:14px}
	h2{font-size:20px}
	.quote-form h2{ font-size:17px}
	.quote-form p{ font-size:12px}
	.quote-form h3{ font-size:14px}
	.quote-form p.small{ font-size:10px}
	.quote-form{ margin-top:45px}
	#myCarousel .icon{ width:30px; height:30px}
	.blue-content h2{ margin-bottom:10px;}
	#myCarousel .carousel-indicators li{ height:45px}
	.slider-background {    height: 142px;}
	#myCarousel .slider-content h4{ font-size:20px; margin-bottom:6px}
	#myCarousel .slider-content p{ font-size:13px}
	#myCarousel .carousel-inner, #myCarousel .carousel-inner item {
    min-height: 350px!important;}
	.blue-content{ margin-top:0}
	.headers h1.page-title {padding: 0; color: #0e76bc; font-size: 24px;}
	.franchise-listing-map { height: 250px;}
	.lower-footer a, .lower-footer p{ font-size:12px}
}

@media (max-width: 480px) {
    .header.home {height: 850px;}
	.hidden-xxs{ display:none}
	.live-chat{ width:auto; float:right; margin-top:0; margin-right:5px}
	.live-chat a, a.number, a.listing { font-size: 18px;  border: solid 1px #0e76bc; border-radius: 5px; width:auto; padding:4px 7px; line-height:1; float:right; margin-top:0}
	a.listing {margin: 0 5px}
	a.listing i {margin: 0 auto; display: block}
	a.listing .fa {margin-right: 0;}
	a.number .fa{ margin-right:0}
	.navbar-default .navbar-toggle{ padding: 8px 5px;}
	.navbar-toggle .icon-bar{ width:20px}
	.navbar-toggle { margin-left:5px}
	#myCarousel .icon{ width:20px; height:13px}
	#myCarousel .carousel-indicators li{ height:30px}
	.top-navigation{ width:auto}
	.insurance-article h2{ font-size:12px}
	.insurance-article .entry-content p.date{ font-size:9px}
	.quote-form h2, .quote-form p{ font-weight:400}
	.headers { background-position:top right -220px; position:relative}
	.headers:before{ content:''; background:rgba(255,255,255,0.7); position:absolute; top:0; bottom:0; left:0; right:0;}
    .headers.signup:before{ content:''; background:rgba(255,255,255,0); position:absolute; top:0; bottom:0; left:0; right:0;}
	
	
	/** FRANCHISE LISTINGS **/
	.franchise-box .col-xs-5, .franchise-box .col-xs-7 {width: 100%;}
	.franchise-box .green-button {font-size: 12px;}
}

@media (max-width: 460px) {
.col-xs-6 { width:100%}
#find-office.col-xs-6, #buy-franchise.col-xs-6 {width: 50%;}
.modal-section:nth-of-type(1) p { font-size: 13px}	
.modal-section h2 { font-size: 18px}	
.modal-section h3 { font-size: 14px}	
.modal-section p { font-size: 12px}
}

@media (max-width: 430px) {
	.new_links{ border-left: solid 5px #0e76bc;}
	.quote-form{    padding: 20px;
    border-left: solid 5px #0e76bc;}
	.gform_wrapper { margin: 0}
	.col-xs-11{ width:100%}
	.quote-form p{ margin-bottom:0}
	
}