/**
 *
 * @author DLC @ 604media | https://dlc.ca
 * @package Bootstrap Starter
*/

/*
	-----------------------------------------------------------
		FONTS
	-----------------------------------------------------------
*/

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap';


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

html, body { margin-top: 0; background:#dedede; font-family: 'Source Sans Pro', sans-serif; color:#363636; height:100%;}
img{border: 0 none; box-shadow: none;}
h1, h2, h3{ font-weight:600; font-family: 'Montserrat', sans-serif; width:100%; clear:both }
h2{color:#004282; font-size:24px}
p{ font-size:18px; line-height:1.4; color:#363636; font-weight:300}
.content-area ul { margin:0 0 0 20px; padding:0}
.content-area ul li{ font-size:18px; margin-bottom:15px; font-weight:300}
blockquote{border-left: 5px solid #fed46c; padding: 0 20px; margin-bottom:30px}
.content-area blockquote p{color:#004282; font-size:21px}
a{color:#004282;  transition:all 0.6s}
a:hover,  a:focus,  a:active{text-decoration:none;color:#fed46c; transition:all 0.6s}
.yellow{ color:#fed46c}
.blue{color:#004282}

.sticky { position: fixed;  width: 100%; left: 0; top: 0; z-index: 9999; border-top: 0; transition: all 0.6s}

 
/*
	-----------------------------------------------------------
		STRUCTURE
	-----------------------------------------------------------
*/
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.row.is-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap;  flex-wrap: wrap; margin-left:0; margin-right:0}
.row.is-flex > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;  display: flex; -webkit-box-orient: vertical;
 -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
#primary { background:#fff; padding-top:20px}
.container.header{ background:#e8e8e8; padding-top:20px}
.container.main{background:#e8e8e8; }
.main-column{ background:#000}

/* BOOTSTRAP */
.d-block {display: block !important;}
.mt-0 {margin-bottom: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}

/*
	-----------------------------------------------------------
		HEADER
	-----------------------------------------------------------
*/
.whitebg{ background:#fff}
.top-header{ border-bottom:solid 1px #cdcdcd; float:left; width:100%; background:#fff;}
.top-header .whitebg{position:relative; }
.top-header p{ font-size:11px; line-height:1; padding-top:14px }
.top-header a.language {background: #fed46c; color: #004282; border-top-left-radius: 73px; border-bottom-left-radius: 50px; position: absolute; right: -15px; top: -25px; height: 100px; 
padding: 30px 18px 0 23px;}
.header-circle{ position:relative;  height:350px; overflow:hidden}
.logo-area{ background:#004282; border-radius:50%; position:absolute; width:410px; height:500px; display:block; margin:-130px 0 0 9px; -ms-transform: rotate(-25deg);  -webkit-transform: rotate(-25deg); transform: rotate(-25deg);}
.logo-area .logo{ background-size:contain; width:100%; height:115px; display:block; -ms-transform: rotate(25deg);  -webkit-transform: rotate(25deg); transform: rotate(25deg);
background-repeat:no-repeat; background-position:center center; position:absolute; left: 3%; top: 29%; }
.logo-area p{ font-size:14px; color:#fff; text-align:center; width:100%; margin: 0 0 0 -13px; position: absolute; bottom: 200px; -ms-transform: rotate(25deg);  -webkit-transform: rotate(25deg); transform: rotate(25deg); font-weight: 400;}
.main-header{ float:left; width:100%; background:#fff; overflow: hidden; padding-bottom:20px; height:200px }
.main-header-image{padding-bottom:0px;height:auto!important;}
.profile-image{ width: 85px; height: 85px; border: solid 1px #cdcdcd; border-radius: 50px; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); overflow:hidden; position:relative;
 display:block; float:right; margin:0 0 0 20px}
.profile-image span{ position:absolute; top:0; left: 0; width: 100%; height: 100%; background-size:cover; background-position: top center;  -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); overflow:hidden; }
.agent-profile{ margin:25px 15px 20px 20px}
.agent-details { text-align:right; float:right; width:350px}
.agent-details h2{ color:#004282; font-size:20px; font-weight:600; margin:0; padding:0}
.agent-details h3 { font-size:14px; font-weight:600; margin:0 0 5px 0; padding:0}
.agent-details a{color:#363636;}
.agent-details ul {display: inline-block; margin: 0 !important;}
.agent-details ul li{ list-style:none; float:right; margin-left:10px}
.agent-details ul li:nth-of-type(1){width: 100%;}
.agent-details ul li:nth-of-type(even){ margin-left:0}
.agent-details ul li:nth-of-type(3){ clear:both}
.top-header .social {padding: 0 0 0 10px; float: right; clear:right}
.top-header .social li { float:left; list-style-type: none; border-left: 1px solid #cdcdcd; padding: 8px 15px;}
.top-header .social li:nth-of-type(3) {clear:none}
.top-header .social li:last-child {border-right: 1px solid #cdcdcd;}
.top-header .social li a{ font-size:16px; color:#004282}
.top-header ul {margin: 0;}
.visible-mobile{ display:none}
.header-buttons-side {right: 10px;}
.app-buttons { width: 100%; height: 35px; float: right; margin: 0;}
.app-buttons a div {width: 90px; height: 35px; margin: 0; background-repeat: no-repeat; background-position: center; float: right;}
a.apple-btn > div {background-image:url('../img/apple.svg'); margin-right: 10px;}
a.google-btn > div {background-image:url('../img/google.svg');}
html:lang(fr) a.apple-btn > div  {background-image:url('../img/apple-fr.svg');}
html:lang(fr) a.google-btn > div  {background-image:url('../img/google-fr.svg');}
/*
	-----------------------------------------------------------
		MAIN NAV
	-----------------------------------------------------------
*/
.navbar { margin:0; border:none}
.navbar-fixed-top{ background:transparent; margin-top:0}
nav.navbar.navbar-default.navbar-fixed-top { border: none; }
.navbar-collapse.no-padding{ padding-left:0; padding-right:0}
.navbar-brand { background-size:contain; display: block;  transition: all .2s; -webkit-transition: all .2s; background-repeat:no-repeat }
.navbar > .container .navbar-brand { margin-left: 0}
.navbar-nav { float: right; margin: 10px 0 0 0; clear: right; transition: all .2s; -webkit-transition: all .2s; }
.navbar-default .navbar-nav > li > a { font-size: 16px; }
.navbar-default .navbar-toggle{border-radius:0}
.navbar-default .navbar-toggle .icon-bar{}
.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}
.navbar-default .navbar-nav li:nth-last-of-type(1) a { 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; }
.navbar-default .navbar-nav>.mPS2id-clicked>a:focus{ }
ul#main-menu{ background:#004282; border-top:solid 1px #225d96; -webkit-box-shadow: 0px -1px 0px 0px #00274e;
-moz-box-shadow: 0px -1px 0px 0px #00274e;
box-shadow: 0px -1px 0px 0px #00274e; position:relative; }
ul#main-menu li a { padding-top:20px; padding-bottom:20px; line-height:1; text-transform:uppercase; color:#fff; font-weight:100; transition:all 0.6s; position:relative; overflow:hidden}
ul#main-menu li a:hover, ul#main-menu li a:focus{ background:#00274e; color:#CCC;  transition:all 0.6s}
ul#main-menu li.active > a:after{  width: 90px; height: 80px;border-radius: 50%; background: #fed46c; content: ''; position: absolute; margin-left: auto;
margin-right: auto; left: 0; right: 0; bottom: -70px; opacity:1}
ul#main-menu li a:after{ width: 90px; height: 80px; border-radius: 50%; background: #d5aa41; content: ''; position: absolute; margin-left: auto;
margin-right: auto; left: 0; right: 0; bottom: -70px; opacity:0; transition:all 0.6s}
ul#main-menu li:hover a:after{ opacity:1; transition:all 0.6s}
.navbar-nav>li>.dropdown-menu{background:#004282; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ border:none; background:#00274e;}
ul#main-menu .dropdown-menu li{ text-align:left}
ul#main-menu .dropdown-menu li a:after { display:none}
ul#main-menu .dropdown-menu li a{ font-size:12px; padding-top:12px; padding-bottom:12px}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ background-color:#00274e; }
#lang_sel{ float:right; margin-top:6px}
#lang_sel a { transition:none}

/*
	-----------------------------------------------------------
		CAROUSEL
	-----------------------------------------------------------
*/
.carousel {  display: block; margin: 0;}
.carousel-control { z-index: 10;}
.carousel-inner > .item { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 420px;}
.carousel-indicators-title { position: absolute; bottom: 10px; left: 35%; z-index: 15; width: 70%; margin-left: -20%; padding-left: 0; list-style: none; text-align: center;}
.carousel-caption { left: 0 !important; right: 0 !important; bottom: 0; text-shadow: none; top: 15%}
.carousel-indicators { bottom: 0;}
.carousel-indicators li { border-radius: 50%; width: 15px; height: 15px;  margin: 0 5px;}
.carousel-indicators .active { width: 15px; height: 15px; margin: 0 5px}
.carousel-container { text-align: center;}
.carousel-thumb-container { display: inline-block;}
.carousel-indicators-thumb { position: relative; display: block; width: 100%; text-align: center;  border-radius: 2px;  overflow-y: auto;  overflow-x: hidden;  margin-top: -40px; margin-bottom: 30px; margin-left: auto;  margin-right: auto;}
.carousel-indicators-thumb ul {  margin: 0;}
.carousel-indicators-thumb li { position: relative; display: inline-block; width: 140px;  height: 100px;  border-radius: 0;  text-align: center; cursor: pointer; color: #fff; 
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); font-size: 12px; opacity: .75; filter: alpha(75); background-size: 100% auto; background-position: center center; list-style: none; margin: 1px;}
.carousel-indicators-thumb li span { position: absolute; bottom: 0;  left: 0;  width: 100%;   padding: 4px;}
.carousel-indicators-thumb li:hover, .carousel-indicators-thumb li:focus {  opacity: 1; filter: alpha(100); background-size: 110% auto;}
.slidersome-prev { float: left;}
.slidersome-next {  float: right;}
.carousel-indicators-thumb li { transition: background-size .2s, opacity .2s;  -webkit-transition: background-size .2s, opacity .2s;}
.carousel-indicators li {    border: 1px solid #004282;}
.carousel-indicators .active {    background-color: #004282;}
.caption-background{background: rgba(255,255,255,0.9); border-radius: 50%; position: absolute;      width: 650px; height: 550px; display: block;
-ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); right: -33px; top: 15px;}
.caption-background .carousel-caption { -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); margin: 20px 0 0 0; 
padding: 0 0 0 160px; text-align:left;     width: 500px;}

.carousel-control{ display:none}
.carousel-caption a.buttons { margin-top:20px; display:inline-block}
.carousel-caption .dlc-rates h2{ display:none}
.internal-carousel-paragraph usl.dlc-rate-table  ul li { float:left}
.item#current-rates{ padding:0; background:transparent; overflow:auto}
.item .rates-block { float:left; margin-left:20px}
 .carousel-caption .dlc-rates { display:none}


/*
	-----------------------------------------------------------
		APP CTA
	-----------------------------------------------------------
*/

.app-box .app-buttons {height: auto; padding: 15px 30px; background-color: #fed46c;}
.app-box .app-buttons a div {width: 150px; height: 50px;}
.app-box h2 {width: 50%; float: left; margin-top: 10px;}
html:lang(fr) .app-box h2{font-size: 20px;}



/*
	-----------------------------------------------------------
		GENERIC PAGES
	-----------------------------------------------------------
*/
.white-circle{ background: rgba(255,255,255,0.9); border-radius: 50%; position: absolute; width: 600px; height: 500px; display: block; right: 52px; top: -10%; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);}
.introduction{ margin: 108px 0 0 0; padding: 0 120px 60px 90px; z-index:3; position:relative }
.top-image{ margin-top:0; min-height:230px; display:block; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat}
.top-area h1, .carousel-caption h3{ margin:0; padding:0; font-size:23px; color:#004282; margin: 0 0 10px 0; font-weight:600}
.top-area h1:after, .carousel-caption h3:after{ width:60px; height:4px; background:#fed46c; content:''; display:block; margin:10px 0 20px 0}
.top-area p{ font-size:21px; line-height:1.4}
.sidebar{ background:rgba(255,255,255,0.3); border-left:solid 1px rgba(255,255,255,1);  border-top:solid 1px rgba(0,0,0,0.1); padding-top:40px}
.content-area{ background:rgba(255,255,255,1); border-right:solid 1px rgba(0,0,0,0.1); border-top:solid 1px rgba(0,0,0,0.1)}
.content-area { padding:40px 30px}
.content-area p { line-height:1.6; margin-bottom:30px}
.widget_nav_menu h4.widget-title{ display:none}
.well-sm { border-radius:0; padding:0; border:none; box-shadow:none;    
 -webkit-box-shadow: none; background:transparent}
.well-sm  ul{ list-style:none; margin:0; padding:0}
.well-sm  ul li{ padding:0; margin:0}
.well-sm  ul li a{ border-bottom:solid 1px rgba(0,0,0,0.1); padding:12px; display:block; color:#004282; text-transform:uppercase;
font-size:14px; border-top:solid 1px #fff; font-weight:600;  transition:all 0.6s}
.well-sm  ul li.active > a, .well-sm  ul li.active > a:hover, .sidebar div.widget ul li.active > a, .sidebar div.widget ul li.active > a:hover{background:#004282; color:#fed46c; transition:all 0.6s}
.well-sm  ul li a:hover{background:rgba(0,0,0,0.05); color:#fed46c; transition:all 0.6s; color:#000}
.well-sm  ul.sub-menu li:nth-last-of-type(1) > a{ border-bottom:none}
.well-sm  ul.sub-menu li a { font-size:12px; font-weight:400; padding-left:20px }
.viddler-auto-embed{ margin-bottom:30px}
.viddler-app-wrap{ /* 16:9 */  width:100%!important;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin:30px 0;}
.videoWrapper iframe {	position: absolute;	top: 0; left: 0; width: 100%;	height: 100%;}

/* Removed so you can change the background color
.so-widget-sow-editor { padding:40px; background:#fff} */
#sow-editor > div {padding:40px;background-color: #fff;}

/*
	-----------------------------------------------------------
		CALCULATOR
	-----------------------------------------------------------
*/
.calculator-cta{ border:solid 1px rgba(0,0,0,0.2); padding:25px; overflow:auto; margin-bottom:20px}
.calculator-cta img { max-width:100%; height:70px}
.calculator-cta h2{ font-size:18px; margin:0 0 10px 0; padding:0; text-transform:uppercase}
.calculator-cta p{ font-size:14px}
.calculator-cta a { padding: 8px 15px;  -webkit-transition: all 0.75s; transition: all 0.75s; border: solid 1px rgba(0,0,0,0.2); 
text-transform: uppercase; color: #004282; font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 1; float:right}
.calculator-cta a:hover {  background: #f0f0f0; color: #000; -webkit-transition: all 0.75s; transition: all 0.75s;}


/*
	-----------------------------------------------------------
		LENDERS & ASSOCIATIONS
	-----------------------------------------------------------
*/

.lenders-image{ width:100%; height:150px; display:block;  border:solid 1px #CCC; margin-bottom:20px}
.lenders-image.secondary{height:95px;}
.lenders-image span{background-size:contain; background-repeat:no-repeat; background-position:center center; width:90%; margin-left:5%; height:90%; display:block; margin-top:3%}

/*
	-----------------------------------------------------------
		TESTIMONIALS
	-----------------------------------------------------------
*/

.testimonial-section{ position:relative; border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:20px; margin-bottom:20px; width:100%; float:left; font-weight:200; font-style:italic; padding-top:65px; padding-bottom:50px}
.testimonial-section:before{ position:absolute; top:0; left:0; font-family:fontAwesome; font-size:44px; content:'\f10d'; color:#fecc4e; }
.testimonial-section:after{position:absolute; bottom:60px; right:0; font-family:fontAwesome; font-size:30px; content:'\f10e'; color:#fecc4e; }
.testimonial-section p{font-size:20px}
.testimonial-section p.author_name{ font-weight:400; color:#004282; font-style:normal; margin-bottom:0; padding-bottom:0; font-size:16px}


/*
	-----------------------------------------------------------
		BLOG
	-----------------------------------------------------------
*/
.mashsb-container {width: 100% !important; display: inline-block;}
a.back{ margin:30px 0; display:block}
.header-with-profile{ width:100%; height:310px; background-size:cover; margin-bottom:30px; position:relative}
.header-with-profile .blog-info{ position:absolute; bottom:0; left:0; right:0;  height:auto; background:rgba(255,255,255,0.9);
padding:20px 20px 0 20px}

.blog article h1.entry-title, .archive article h1.entry-title, .single article h1.entry-title{ font-size:21px; line-height:1.4; margin:0; padding:0; color:#00428C}
.blog article h1.entry-title a, .archive article h1.entry-title a, .single article h1.entry-title a{color: #00428C; transition:all 0.6s}
.blog article h1.entry-title a:hover, .archive article h1.entry-title a:hover, .single article h1.entry-title a:hover{ color:#fed46c;
 transition:all 0.6s} 
article .contemporary-blog-header {margin-left: 85px;}
.date-of-post{ position:relative; color:#fff; font-weight:600; text-align:center; width:60px; height:74px; margin-top:20px}
.date-of-post .border{ width:60px; height:74px; border-radius:50%; background: #00428C; display:block; position:absolute;
-ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg);  transform: rotate(-25deg); top:-12px; z-index:1}
.date-of-post .day{ font-size:25px; margin:0; padding:0; line-height:1; width:100%; display:block; position:relative; z-index:2  }
.date-of-post .month{ font-size:18px; clear:both; margin:0; padding:0;  line-height:1;  width:100%; display:block;  position:relative; z-index:2  }
.date-of-post.position-absolute{position: absolute;}
.post-links{ margin:7px 0 20px 0}
.post-links p{ margin:0; padding:0; font-size:16px}
.post-links p a{ font-weight:600}
.post-links .fa{ margin-right:6px}
.blog article .entry-summary, .archive article .entry-content { padding-bottom:30px; margin-bottom:30px; border-bottom: solid 1px rgba(0,0,0,0.1); width:100%; float:left}
a.more{border: solid 1px rgba(0,0,0,0.1); padding:9px 14px; line-height:1; text-transform:uppercase; transition:all 0.6s}
a.more:hover{ color:#fff; background:#00428C; transition:all 0.6s}
.sidebar .widget {border: solid 1px rgba(0,0,0,0.1); padding:0}
.sidebar .widget h4.widget-title {background: #004282; color: #fed46c;     border-bottom: solid 1px rgba(0,0,0,0.1); padding: 12px; margin:0;font-weight: 600; font-size:14px; text-transform:uppercase}
.sidebar .widget ul{ padding:0; margin-bottom:0}
.sidebar .widget ul li { list-style:none; }
.sidebar .widget ul li a{	border-bottom: solid 1px rgba(0,0,0,0.1);  padding: 12px; display: block; color: #004282; text-transform: uppercase; font-size: 12px;
border-top: solid 1px #fff; font-weight: 400; transition: all 0.6s;}
.sidebar .widget ul li.current_page_item.active > a{ color:#fff}
.sidebar .widget ul li.menu-item-has-children > a{ font-weight:600; font-size:14px}
.sidebar .widget ul li a:hover{  background: rgba(0,0,0,0.05); color: #fed46c; transition: all 0.6s; color: #000;}
.sidebar .widget ul ul.sub-menu li:nth-last-of-type(1) a, .sidebar div.widget ul li:nth-last-of-type(1) a{ border-bottom:none}
.well-sm  ul li:nth-of-type(1) a{ border-top:none}
.sidebar .widget  ul.menu  li:nth-last-of-type(1) a{border-bottom: solid 1px rgba(0,0,0,0.1);}
.sidebar .widget  ul.menu > li > a {    border-top:none;}
.sidebar .widget.widget_recent_entries ul li a { text-transform:none; font-size:14px}


.sidebar aside.widget{border: solid 1px rgba(0,0,0,0.1); padding:0}
.sidebar aside.widget h1.widget-title {background: #004282; color: #fed46c;     border-bottom: solid 1px rgba(0,0,0,0.1); padding: 12px; margin:0;font-weight: 600; font-size:14px; text-transform:uppercase}
.sidebar aside.widget ul{ padding:0; margin-bottom:0}
.sidebar aside.widget ul li { list-style:none; }
.sidebar aside.widget ul li.cat-item-none  { padding:20px}
.sidebar aside.widget ul li a{	border-bottom: solid 1px rgba(0,0,0,0.1);  padding: 12px; display: block; color: #004282; text-transform: uppercase; font-size: 12px;
border-top: solid 1px #fff; font-weight: 400; transition: all 0.6s;}
.sidebar aside.widget ul li.current_page_item.active > a{ color:#fff}
.sidebar aside.widget ul li.menu-item-has-children > a{ font-weight:600; font-size:14px}
.sidebar aside.widget ul li a:hover{  background: rgba(0,0,0,0.05); color: #fed46c; transition: all 0.6s; color: #000;}
.sidebar aside.widget ul ul.sub-menu li:nth-last-of-type(1) a, .sidebar aside.widget ul li:nth-last-of-type(1) a{ border-bottom:none}
.well-sm  ul li:nth-of-type(1) a{ border-top:none}
.sidebar aside.widget  ul.menu  li:nth-last-of-type(1) a{border-bottom: solid 1px rgba(0,0,0,0.1);}
.sidebar aside.widget  ul.menu > li > a {    border-top:none;}
.sidebar aside.widget.widget_recent_entries ul li a { text-transform:none; font-size:14px}

img.alignleft {float: left; margin-right: 25px;}
img.alignright {float: right; margin-left: 25px;}
img.aligncenter {margin: 0 auto; display: block; margin-bottom: 20px;}




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

.gform_wrapper ul li{ background:none; margin:0 !important; width:100%; clear:both;   float:left; }
.gform_wrapper ul li label{color:#004282;  text-transform:uppercase; font-size:9px; line-height:2.2}
.gform_wrapper textarea{ width:100%; border:solid 1px #e1e1e1}
.contact-form ul li:nth-child(1) { background:#f7f7f7; }
.contact-form ul li:nth-child(3) { background:#f7f7f7; }
.contact-form ul li:nth-child(4) { background:#f7f7f7; }
.contact-form ul li:nth-child(7) { background:#f7f7f7; }
.contact-form  ul li:nth-child(9) { background:#f7f7f7; }
.contact-form  ul li:nth-child(11) { background:#f7f7f7; }
.contact-form  ul li:nth-child(13) { background:#f7f7f7; }
.contact-form  ul li:nth-child(14) { background:#f7f7f7; }
.contact-form ul li{ border-bottom:solid 1px rgba(0,0,0,0.09); }
.gform_wrapper .contact-form ul.gform_fields li.gfield{ padding:15px!important}




/*
	-----------------------------------------------------------
		VISA CARDS
	-----------------------------------------------------------
*/

.card{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #d3d3d3; width:100%; float:left}
.card .card-name h3 {color:#004282}
.card-quote h3{     font-size: 19px; font-weight: 200;  margin-bottom: 20px; font-style: italic;}
.content-area .short ul, .content-area .long ul { margin-left:0}
.content-area .short ul li, .content-area .long ul li { padding-left:25px; list-style:none; position:relative; font-size:16px; margin: 0 0 7px 0}
.content-area .short ul li:before, .content-area .long ul li:before { font-family:fontAwesome; content:'\f00c'; color:#004282; font-size:14px; margin-right:15px;
position:absolute; top:0; left:0}
.card .buttons { margin:50px 0}

.card-extras {border-top:solid 1px #d3d3d3;  padding-top:20px; margin-top:20px;}
.content-area .long h4 { font-size:23px; font-weight:600; font-family: 'Montserrat', sans-serif; color:#004282 }
.content-area .long p { font-size:18px; font-weight:600}
.card-extras h4{font-size:19px; font-weight:600; font-family: 'Montserrat', sans-serif; color:#004282}
.card-disclaimer ul { margin:0; padding:0}
.card-disclaimer ul li{ font-size:14px; list-style:none}
.card-disclaimer ul li li{ list-style:disc; margin-left:15px}
.content-area .card-disclaimer h5 {font-family: 'Montserrat', sans-serif; color:#004282; font-weight:600; }
.content-area .card-disclaimer p {font-size:14px; margin-bottom:10px}
.content-area .card-smallprint p.smallprint { font-size:12px; font-style:italic; margin-bottom:7px}
/*
	-----------------------------------------------------------
		LENDERS & ASSOCIATES
	-----------------------------------------------------------
*/


	
/*
-----------------------------------------------------------
PAGE NAVI
-----------------------------------------------------------
 */
.wp-pagenavi a, .wp-pagenavi span{ border:solid 1px  #f0f0f0; color:#272727; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size:14px; min-width:20px; padding:5px 10px; text-align:center}
.wp-pagenavi a:hover, .wp-pagenavi span.current{color: #004282; border:solid 1px #004282;} 

/*
	-----------------------------------------------------------
		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}

.header-buttons-side {
	width: 50px;
	position: fixed;
    right: 10px;
    top: 35%;
    z-index: 999;
	display: none;
}

.header-buttons-side .btn-default {
	writing-mode: vertical-rl;
    text-orientation: sideways;
	padding-top: 20px;
    padding-bottom: 20px;
}

.header-buttons-side .btn-default:last-child {
	margin-top: 20px;
}


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

.container.main.footer{ padding-bottom:20px}
footer{ background:#252525}
footer a{ color:#fed46c; transition:all 0.6s}
footer a:hover{ color:#fff;  transition:all 0.6s}
.top-footer{ background:#363636; padding:30px}
.top-footer ul, .top-footer ul li { padding:0; list-style:none}
.top-footer ul li a{color:#fff; font-weight:600; text-transform:uppercase; font-size:14px; padding-bottom:4px; transition:all 0.6s}
.top-footer ul li a:hover{ transition:all 0.6s; color:#fed46c}
.top-footer ul li a:after{ width:50px; height:2px; background:#fed46c; content:''; display:block; margin:5px 0 10px 0}
.top-footer ul li ul.sub-menu a{ font-weight:100; text-transform:none; font-size:12px}
.top-footer ul li  ul.sub-menu a:after { display:none}
.top-footer ul li ul.sub-menu { margin-top:6px}
footer .address h2{color:#fff; font-weight:600; text-transform:uppercase; font-size:14px; margin-top:0; padding-top:0}
footer .address p { font-size:12px; color:#fff}
footer .address p.name{ font-size:14px; color:#fed46c; font-weight:500; padding:0; margin:0}
footer .address p.title{ margin:0 0 6px 0; padding:0; font-weight:500 }
footer .address h2:after{ width:50px; height:2px; background:#fed46c; content:''; display:block; margin:5px 0 10px 0}
.btm-footer { text-align:center; padding:30px 0;}
.btm-footer p { color:#fff; font-size:12px}
.btm-footer a {color:#fed46c; margin:0 6px }

/*
	-----------------------------------------------------------
		GRAVITY FORMS 
	-----------------------------------------------------------
*/
.gform_wrapper { width:100%!important; float:left!important; clear:both; margin:0!important}
.gform_wrapper ul.gfield_radio li label {}
.page  .gform_wrapper li{ margin-bottom:0}
body .gform_wrapper ul li.gfield{ margin-top:0!important}
.page  .gform_wrapper input[type=email], .page  .gform_wrapper input[type=number], .page  .gform_wrapper input[type=password], 
.page  .gform_wrapper input[type=tel], .page  .gform_wrapper input[type=text], .page  .gform_wrapper input[type=url]{ padding:6px 10px}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding-left:10px!important}
body .gform_wrapper .top_label div.ginput_container{ margin-top:5px!important}
.page .gform_wrapper .hidden_label input.large, .page .gform_wrapper .hidden_label select.large, 
.page .gform_wrapper .top_label input.large, .page .gform_wrapper .top_label select.large{ width:100%}
.page  .gform_wrapper .gform_footer { padding-top:20px; margin-top:5px}
.gform_wrapper .gform_body { max-width: 100%!important;}
.page .gform_wrapper .top_label .gfield_label, .gform_wrapper ul.gfield_radio li label, .page .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_wrapper ul.gfield_checkbox li label { display: block; visibility:  visible; font-size:14px; font-weight:bold; color: #1f1f1f; padding-top:0;}
.page .gform_wrapper .gfield_label_before_complex {padding-bottom: 25px;}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{font-size:11px !important; font-weight: normal; color: #1f1f1f;}
.gform_wrapper ul.gform_fields li.gfield{ padding:10px 0 !important}
.gform_wrapper .gform_footer input[type=submit]{ margin-left:15px}
.gform_wrapper li.gfield.field_description_below+li.gsection {  margin-top: 0px!important; padding: 15px 0!important; min-height:20px!important; border:none!important}
.page .gform_wrapper .gsection{ border-bottom:none}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{ margin:0}
.page .gform_wrapper .ginput_complex.ginput_container{margin-top:-25px!important;}
.page .gform_wrapper .ginput_complex.ginput_container.ginput_container_name{margin-top:0!important;}
.gform_wrapper legend{border: 0;}
.page .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .page .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { margin-bottom:0px}
.gform_wrapper ul.gfield_radio li label, .gform_wrapper ul.gfield_checkbox li label {margin: 0px 10px; padding-top: 5px;}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {margin-bottom: 0}
.gform_wrapper ul.gfield_checkbox li input, .gform_wrapper ul.gfield_radio li input {border: none; height: 15px}
.gform_wrapper .gfield_time_hour i {margin-top: 4% !important;}
.ginput_container input[type=checkbox], .ginput_container input[type=radio]{width: auto;}


/*
	-----------------------------------------------------------
		GOOGLE TRANSLATE SELECT
	-----------------------------------------------------------
*/
.goog-te-combo {
    color: #444444;
    float: right;
    font-size: 9pt!important;
    background: url(../img/nav-arrow-down.png) #fff right no-repeat!important;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.google-translate-wrapper{
    margin-top:35px;
}



/*
	-----------------------------------------------------------
		CONTACT FORM
	-----------------------------------------------------------
*/


.contact-form .gfield{
    background:white!important;
}

.contact-form .ginput_container_email br{
    display:none!important;
}

.gf_right_half{
    float:right!important;
    clear:none!important; width:48%
}

.gf_left_half{
    float:left!important;
    clear:none!important; width:49%
}

.ginput_right{
    float:right!important;
}

.ginput_left{
    float:left!important;
}

.page .gform_wrapper .gf_right_half , .page .gform_wrapper .gf_left_half { margin-bottom:10px}

.contact-form .contact-form-email .gfield_label{
    padding-bottom:25px;
}
body .gform_wrapper ul li.gfield.newsletter_checkbox{ display:inline-block; clear:both; margin:10px 0 0 0!important;}
.newsletter_checkbox label{ width:90%; float:right; font-weight:100; color:#fff}




/*
	-----------------------------------------------------------
		VIDEOS 
	-----------------------------------------------------------
*/

.embed-container { position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto; margin-bottom: 20px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#videos .videos p {color: #fff;}

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

.owl-theme .owl-dots .owl-dot span { background:rgba(255,255,255,0.5)}



/*
	-----------------------------------------------------------
		OFFICE PAGE
	-----------------------------------------------------------
*/

.google-maps {
	margin-bottom: 30px;
}

#map {
	position: static !important;
}

.office-feed-single {
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 40px;
	display: flex;
	margin-bottom: 30px;
	margin: 0 15px 30px 15px;
}

.office-feed-single .btn-default {
	margin-top: 40px;
}

.office-feed-single .col-sm-5 {
	padding: 0;
}

.office-feed-single .col-md-9 {
	padding: 0;	
}

.office-feed-single .col-sm-3 {
	padding: 0;	
}

.agent-page-info h3 {
	margin-top: 0;
}

.advanced-search {
	margin-bottom: 25px;
}

.content-area .office-contact p {
	margin-bottom: 0;
	text-align: left;
}

.office p, .agent p {
	font-size: 16px;
	margin-bottom: 0 !important;
}


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

@media (max-width: 1199px) {
	.header-buttons-side {width: 44px; right: 0;}
	.header-buttons-side .btn-default {font-size: 14px; padding: 15px 12px;} 
	.agent-details {width: 310px;}
	.profile-image {margin: 0 0 10px 10px;}
	.app-buttons a div {width: 90px;}
}


@media (min-width: 1200px) {

}

@media (min-width: 767px) {
}

@media (min-width: 768px){
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }
	.navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }
} 



@media (max-width: 1050px) {
	.agent-profile{ margin-top:20px}

}

@media (max-width: 991px) {
	.header-logo { padding-left:0}
	.logo-area { margin-left:-140px}
	.logo-area .logo{left: 45%; top: 30%; width: 50%;}
	.logo-area p{width: 55%; margin-left: 150px; bottom: 190px;}
	.agent-profile{ margin: 13px 10px;}
	.agent-details{ width:270px}
	.agent-details ul li, .agent-details  a, .agent-details span, footer .agent-details p { font-size:12px !important;}
	.main-header{ height:162px}
	.caption-background{width: 650px; height: 550px; right: -183px; top: 15px;}
	.caption-background .carousel-caption { margin: 0;  padding: 53px 0 0 120px; text-align: left;  width: 417px;;}
	.top-area h1, .carousel-caption h3{ font-size:21px}
	.caption-background .carousel-caption  p{ font-size:15px}
	.carousel-inner > .item{ height:330px}
	.top-image{ margin-top:0}
	.introduction{ right:-130px;     margin: 108px 0 0 0;
    padding: 0 255px 60px 90px;}
	.top-area p{ font-size:18px}
	.introduction .internal{ padding-right:220px}
	.white-circle{ top:-90px}
	.top-header .social li {padding: 12px 15px;}
	.app-box .app-buttons a div {width: 130px;}
	.app-box h2 {margin-top: 15px; font-size: 18px;}
	html:lang(fr) .app-box .app-buttons a div {margin-top: 10px;}
	.app-buttons a div {width: 72px; height: 25px;}
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important; margin: 7.5px -15px;}
	.navbar-nav>li {display: block;float: none;position: relative;text-align:left;}
	.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
	.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none;}
  .navbar-collapse.in {overflow-y: auto;}
	.navbar-toggle .icon-bar{ background:#fff; transition:all 0.6s}
	.navbar-toggle:hover .icon-bar { background:#fed46c;  transition:all 0.6s}
	.navbar-header{background: #004282; border-top: solid 1px #225d96; -webkit-box-shadow: 0px -1px 0px 0px #00274e; -moz-box-shadow: 0px -1px 0px 0px #00274e; box-shadow: 0px -1px 0px 0px #00274e; clear:both; }
	.navbar-nav{ margin:0}
	ul#main-menu { width:100%}
	.navbar-collapse{ margin-top:0;  border-top:none; padding-left:0; padding-right:0}
	ul#main-menu li a{ padding:20px}
	ul#main-menu li.active:after{ display:none}
}

@media (max-width: 768px) {
	.main-header { height: 143px;}
	.logo-area{    width: 580px; height: 421px; margin:-82px 0 0 -267px;}
	.header-circle{ height:143px}
	.header-logo { padding-right:0}
	.logo-area .logo { left: 58%; top: 28%; width: 30%;}
	.logo-area p {  width: 35%; margin-left: 295px; bottom: 155px;}
	/*.agent-profile{ margin-top:-140px}*/
	.profile-image {margin: 30px 0 20px 10px;}
	.top-header a.language{ padding: 7px 16px 0 43px; top: -31px;}
	.top-image{ margin-top:0}
	.so-widget-sow-editor {  padding: 20px;}
	.content-area blockquote p {font-size: 19px;}
	.col-sm-8.content-area {width: 100%;}
	.address_city, .address_state, .address_zip, .address_country {width: 100%;}
	.office-feed-single {display: block;}
	.office-title h3 {font-size: 20px;}
	.header-buttons-side {width: 40px;}
	.top-header p {text-align: center; }
	.top-header .social {width: max-content; clear: none; margin: 0 auto; float: none; padding: 0; display: table;}
	#lang_sel {width: 100%; float: none; margin: 10px 0 15px;}
	.top-header .social li {border: 1px solid #cdcdcd; padding: 5px 10px;}
	html:lang(fr) .app-box h2 {font-size: 16px;}
	img.alignleft, img.alignright, img.aligncenter {width: 100%; margin: 0 auto; float: none;}
	.app-buttons a div {width: 80px; height: 42px;}
}

@media screen and (max-width: 767px) and (min-width: 600px) {
	.header-buttons-side .btn-default {font-size: 12px;}
	.agent-details ul li, .agent-details a, .agent-details span, footer .agent-details p {font-size: 9px !important;}
	.agent-details {width: 85%;}
	.agent-details h2 {font-size: 15px;}
	.agent-details h3 {font-size: 13px;}
	.app-buttons a div {width: 55px;}
	.app-buttons, .app-buttons a div {height: 20px;}
	a.apple-btn > div {margin-right: 5px;}
	.profile-image {display: none;}
	.agent-profile{margin: 20px 10px;}
	.app-box .app-buttons a div {height: 40px;}
	.app-box h2 {margin-top: 10px;}
	.app-box .app-buttons {padding: 15px;}
	.agent-details ul li:firts-child a {width: 100%;}
}

@media (max-width: 675px) {
	.introduction{    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); top:0; bottom:0; left:0; right:0;
	width:100%; height:100%; border-radius:0; background:rgba(255,255,255,0.75); margin-top:30px; padding:20px}
	.introduction .internal { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); padding:0 30px;
	margin:40px 0 0 0;}
	.content-area{ padding:20px}
	.logo-area .logo { left: 67%; top: 34%; width: 30%;}
	.logo-area{ margin-left:-347px}
	.logo-area p {  margin-left: 354px;  bottom: 128px; width: 185px;}
	.navbar-collapse{ margin-top:0;  border-top:none; padding-left:0; padding-right:0}
	.white-circle{ display:none}
}

@media (max-width: 595px) {
	.agent-details h2{font-size: 20px;}
	.agent-details h3{ font-size:14px}
	.app-box h2 { width: 100%; text-align: center; margin-bottom: 20px;}
	.app-box .google-btn, .app-box .apple-btn {width: 50%; float: left;}
	.app-box .apple-btn div {float: left;}
	.blog .top-image, .archive .top-image, .single .top-image{ height:67px}
	.blog .top-area .introduction h1, .archive .top-area .introduction h1, .single .top-area .introduction h1{ padding-top:15px}
	a.back {margin: 30px 15px;}
	article .contemporary-blog-header {margin-left: 60px;}
	.content-area{ padding:30px 0}
	p, .post-links p, #testimonial li { font-size:14px}
	a.more{ padding:5px 9px; font-size:12px}
	.caption-background{ width:100%; height:100%; border-radius:0; background-color:rgba(255,255,255,0.8); top:0; right:0;
	left:0; bottom:0;
	    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
	.caption-background .carousel-caption{ padding:0; width:80%; margin:0 10%;  -ms-transform: rotate(0deg); top:30px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
	.carousel-inner > .item{ background-position:left top; height:280px}
	.navbar-fixed-top{ position:relative; margin-top:0}
	.top-image{ margin-top:0}
	.carousel{ margin-top:0}
	.main-header { height: auto;}
	.logo-area{    width: 580px; height: 421px; margin: -295px 0 0 -130px;}
	.header-circle{ height:143px}
	.header-logo { padding-right:0; width: 100%;}
	.logo-area .logo { left: 20%; top: 60%; width: 30%;}
	.logo-area p { font-size: 12px; margin-left: 82px;  bottom: 30px;}
	.navbar-fixed-top{ position:relative; margin-top:0}
	.agent-details{width: 100%; clear:both}
	.container.header{ padding-top:0}.date
	.no-padding{ padding-left:0; padding-right:0}
	.agent-profile{ margin-right:0}
	#agent-profile-info-wrapper {width: 100%;}
	.date-of-post {width: 40px; height: 46px; margin-top:10px}
	.date-of-post .border {width: 40px; height: 46px; top:-9px}
	.date-of-post .day{ font-size:16px}
	.date-of-post .month{font-size:12px}
	.blog article h1.entry-title, .archive article h1.entry-title, .single article h1.entry-title{ font-size:18px; line-height:1.2}
	.carousel-inner > .item{ min-height:0}
	.app-box .app-buttons a div {height: 40px;}
	.app-box h2 {font-size: 16px;}
}

@media (max-width: 560px) {
	.widget#sow-editor { padding-left:0!important; padding-right:0!important}
	.gform_wrapper .contact-form ul.gform_fields li.gfield{ padding:15px 0 !important}
	
	/** Contact Form Footer **/
	.page  .gform_wrapper .gform_footer {padding-top: 0; margin-top: 0;}
	
	/** Copy **/
	.content-area blockquote p {font-size: 16px;}
	.content-area ul li {font-size: 14px; margin-bottom: 5px;}
	.content-area p {margin-bottom: 12px;}
	.btm-footer p {font-size: 9px;}
	
	/** Homepage slider **/
	.carousel-inner > .item {height: 315px;}
	.slider .carousel-caption a.buttons {margin-top: 5px;}
	
	/** Video carousel **/
	#videos .videos p {font-size: 10px;}	
	
	/** Post page **/
	a.back {margin: 30px 15px}
}

@media (max-width: 420px) {
	.top-header p { padding-top:8px}
	.office p, .agent p {font-size: 11px;}
	.app-box h2 {margin-top: 5px; margin-bottom: 15px;}
	#first-responder-home-widget .yellow-button{display: block !important;}
}

@media (max-width: 340px) {
	.logo-area { margin-left:-167px}
	.logo-area p{ font-size:8px;     margin-left: -113px;
    bottom: 38px;}
	.top-header p{ font-size:10px; margin-left:-20px}
	.top-header a.language{ font-size:11px; padding: 14px 10px 0 33px; top: -31px;}
	.hidden-mobile{ display:none}
	.visible-mobile{ display:inline-block; float:left}
	.agent-details .social li{ margin-left:7px}
	.agent-details .social li a{ font-size:21px}
	#first-responder-home-widget .yellow-button {display: block;}
}

.dlcMagazine iframe{
    width:100%;
    height: 100vh;
}

.brokerage_info {
	clear:both;
	font-size:10px;
}