@charset "UTF-8";
/**
 *
 * @author Simon Moore @ 604media | https://dlc.ca
 * @package DLC Classic
*/

html, body { background:#fff}
.container.main{ background:#fff}
.container.header{ padding-top:0; background:#fff}

.top-area h1, .carousel-caption h3{ text-transform:uppercase; font-size:43px}

.carousel-caption h3, .carousel-caption p { color:#fff}
.carousel-caption h3 { position:absolute; font-size:30px; bottom:0; width:230px}
.internal-carousel-paragraph { }
.carousel-caption p { font-size:25px; max-width:80%}
h1, h2, h3{ font-weight:400}

/* HEADER */

.top-header{ border-bottom:none; background:#ededed; border-bottom: 1px solid #d3d3d3;}
.logo-area{ background:none; padding:0; margin:0; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); width:245px;
height:auto; position: static;}
.logo-area .logo{-webkit-transform: rotate(0deg); transform: rotate(0deg); width:245px; height:125px;  background-size:contain; background-repeat:no-repeat; position:relative; margin-top:15px; background-position:left top}
.logo-area p{ position:relative; margin:5px 0 0 0; color:#004282; bottom:0; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.top-header a.language{ background:none; position:relative; top:0; right:0; float:right; height:auto; padding:5px 10px 0 0; font-weight:bold }
.profile-image {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); background-size:cover;}
.main-header{ height:auto}
.agent-details ul li{margin-left:0}
.agent-details ul li:nth-of-type(3){ clear:none}
.agent-details ul li:nth-of-type(even){ margin-left:10px}
.top-header .social li {border-left: 1px solid #d3d3d3;}
.top-header .social li:last-child {border-right: 1px solid #d3d3d3;}


/* NAVIGATION */
.nav-bar{ background:#004282;}
ul#main-menu{ box-shadow:none; border-top:none}
ul#main-menu li a { font-weight:600}
ul#main-menu li.active:after, ul#main-menu li.hover:after{ border-radius:0; height:5px}
ul#main-menu li:after{  border-radius:0; height:5px; width:100%}
ul#main-menu li.active > a:after, ul#main-menu li a:after{ border-radius:0; height:74px; width:100%}

/* SLIDER */
carousel-inner > .item { min-height: 50vh;}
.caption-background{ background:rgba(0,66,130,0.7); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); 
position:relative; top:0; right:0; float:right; border-radius:0; width:100% }
.caption-background .carousel-caption{-ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); width:100%  }
.carousel-container { margin:-140px 0 70px 0; }
.carousel-indicators-thumb ul li { background:#fff}
.carousel-indicators-title a.slider-buttons{ background:#004282; font-weight:600; text-transform:uppercase; color:#fff; font-size:17px; padding:15px 27px; margin:0 2px 0 0; cursor:pointer}
.carousel-indicators-title a.slider-buttons:nth-last-of-type(1) { margin-right:0}
.carousel-indicators-title a.slider-buttons.selected, .carousel-indicators-title a.slider-buttons:hover { background:#fed46c; color:#004282}
.carousel-indicators-title { bottom:14px}
.carousel-control .fa {top: 50%; position:absolute; font-size:51px; color:#fff}
.carousel-control .fa.fa-chevron-circle-left{ left:20px; right:auto}
.carousel-control .fa.fa-chevron-circle-right{ right:20px; left:auto}
.carousel-control{ display:block}
.carousel-caption .carousel-title{ width:25%; float:left; position:relative}
.carousel-caption .carousel-paragraph { width:66%; float:left; position:relative; margin-left:28% }
.carousel-caption {top: auto; bottom: 20%;}
.internal-carousel-paragraph ul { padding:0; margin:0; width:85%}
.internal-carousel-paragraph ul ul { width:100%}
.internal-carousel-paragraph ul li { list-style:none}
.internal-carousel-paragraph ul li ul{ clear:both;}
.internal-carousel-paragraph ul li ul li {  width:16.66666%; float:left}
.internal-carousel-paragraph ul li ul li { padding:5px}

.internal-carousel-paragraph ul.dlc-rate-table{ padding:0; background:rgba(10,52,92,0.8)}
.internal-carousel-paragraph ul li:nth-of-type(even) ul li{ background:rgba(0,33,66,0.9)}
.internal-carousel-paragraph ul.dlc-rate-table ul li:nth-last-of-type(1) { color:#fed46c; border-left: solid 2px #fed46c; border-right: solid 2px #fed46c}
.internal-carousel-paragraph ul.dlc-rate-table li.rate-head ul li:nth-last-of-type(1) { border-top: solid 2px #fed46c; }
.internal-carousel-paragraph ul.dlc-rate-table li:nth-last-of-type(1) ul li:nth-last-of-type(1){border-bottom: solid 2px #fed46c;}
.internal-carousel-paragraph .rates-block p.block-head { color:#fff}
.carousel-caption .rates-block p { width:100%; max-width:100%}

.item#currentrates .carousel-caption  p, .item#currentrates .carousel-caption a.buttons{ display:none}
.item#currentrates .internal-carousel-paragraph .rates-block p{ display:block}
.carousel-caption .dlc-rates { display:block}
.carousel-caption .dlc-rates .rates-block{ display:none}
.rate-head li:last-child {padding-bottom: 25px;}

/** ADDED SEPT 12 2017 **/
.internal-carousel-paragraph .rates-disclaimer sub {color: #fff;}


/* MAIN AREA */
.content-area{ padding:0; border-top:none; border-right:none; background:transparent}
.main-area { margin-top:0}
.top-image{ margin-top:0; margin-bottom:0px}
.internal-pages .widget-area{ padding-top:40px; width:100%}
.top-image .introduction-area{position:relative; padding:30px; z-index:2; width:70%  }
.top-image h1.page-title{ color:#fff; text-transform:1px 1px rgba(0,0,0,0.4);}
.top-image:after{ background:rgba(0,66,130,0.7); content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1}
.top-image .introduction-area p{ color:#fff; font-style:italic; font-weight:200; font-size:25px; margin-top:30px}
.main-area p.introduction-sentence { color:#fff; font-style:italic; font-weight:200; font-size:25px; margin-top:30px}
.widget-area{ background:#eeeeee; padding-left:35px; padding-top:35px; padding-right:0; }
.widget-area.well-sm{ padding-left:0; padding-top:0;}
.sidebar{ border:none!important; background:transparent; padding-top:0}
.well-sm{ border:none}
.widget-area{overflow:auto}
.main-content-box{ background:#fff; padding:30px; border: solid 1px #d3d3d3; margin:0 3% 3% 0; width: 97%; overflow:auto }
.well-sm  ul.sub-menu li a { background:rgba(255,255,255,1); border-top:none}
.well-sm  ul li a{border-top:none}
.well-sm  ul.sub-menu li a:hover{background:rgba(255,255,255,0.7)}
.sidebar div.widget ul li a{ background:#fff}
.sidebar div.widget ul li.current_page_item.active > a {background: #004282;}
.sidebar aside.widget ul li a{ background:#fff}
.sidebar aside.widget ul li.current_page_item.active > a {background: #004282;}


/* BLOG */
.post-links .fa{ margin-left:15px}
.post-links .fa:nth-of-type(1){ margin-left:0}
.blog article h1.entry-title a, .archive article h1.entry-title a, .single article h1.entry-title a,
.blog article h1.entry-title, .archive article h1.entry-title, .single article h1.entry-title{ font-weight:200;
font-size:28px; font-family: 'Source Sans Pro', sans-serif;}
.header-with-profile{ height:200px}

/* TESTIMONIAL */
.testimonials:after, .testimonials:before{ color:#eeeeee}
.testimonials{border-bottom: 1px solid #d3d3d3; padding-top: 10px}




/* FOOTER */
.footer{ background:#f7f7f7; margin-top:30px}
.footer footer, .footer .top-footer { background:transparent}
.top-footer ul li a{ color:#363636; font-weight:200}
.top-footer ul li a:after { background:#004282; height:1px}
footer .address h2{color:#363636; font-weight:200; font-family: 'Source Sans Pro', sans-serif;}
footer .address h2:after { background:#004282; height:1px}
footer .address p.name{color:#004282}
footer .address p{color:#363636;}
.btm-footer{ background:#004282}

footer a{ color:#004282; transition:all 0.6s}
footer a:hover{ color:#000;  transition:all 0.6s}




@media (max-width: 1200px){
	.internal-carousel-paragraph .rates-disclaimer {width: 85%;}
	.internal-carousel-paragraph .rate-head {font-size: 12px;}
	#currentrates li {font-size: 11px;}
}



@media (max-width: 991px){
	.main-header{ height:auto; padding-bottom:7px} 
	.logo-area .logo { left: 0; top: 0; height: 99px;}
	.profile-image{ margin-top:5px }
	.logo-area p{ width:200px}
	.carousel-indicators-title { width: 80%;  margin-left: -25%;}
	.carousel-indicators-title a.slider-buttons { padding:10px 20px; font-size:14px}
	.carousel-caption h3{ font-size:20px; width:135px}
	.carousel-caption { top: auto; bottom: 35%;}
	.carousel-indicators-title {  bottom: 9px;}
	.rates-block p { font-size:18px}
	.caption-background .carousel-caption p { font-size: 18px;}
	.rates-block p.block-rate{ font-size:40px}
	.internal-carousel-paragraph ul li ul li { padding: 5px 10px;}
	.logo-area p { font-size:9px}
	.carousel-control .fa{ font-size:38px}
	.caption-background {height: 630px;}
	.carousel-inner > .item {height: 470px;}
	#currentrates .caption-background .carousel-caption {padding: 53px 0 0 90px;}
	#currentrates .carousel-caption .carousel-paragraph {width: 100%; float: none; margin-left: 0;}
	#currentrates .carousel-caption h3 {width: 100%; position: relative;}
}

@media screen and (max-width: 767px) and (min-width: 600px){
	.agent-details {
		width: 270px; 
	}
	
	.agent-details ul li, .agent-details a {
    	font-size: 12px;
	}
}

@media (max-width: 767px){
	#agent-profile-wrapper {width: 250px; float: left;}
	.navbar-header{ -webkit-box-shadow:none;  -moz-box-shadow:none; box-shadow:none; border-top:none}
	.logo-area{ margin-left:25px}
	.carousel-control .fa{ font-size:26px}
	.agent-profile {margin-top: 0;}
	#currentrates li {font-size: 10px;}
	.internal-carousel-paragraph .rates-disclaimer sub {font-size: 7px;}	
	.profile-image {display: none;}
}

@media (max-width: 700px){
	.internal-carousel-paragraph ul li ul li { font-size:13px}
}

@media (max-width: 630px){
	.carousel-indicators-title a.slider-buttons { padding: 10px 13px; font-size: 12px;}
	.internal-carousel-paragraph ul li ul li { font-size:11px}
	.carousel-caption h3 {  font-size: 15px;}
}

@media (max-width: 600px){
	.profile-image {display: block; margin-top: 0;}
}

@media (max-width: 595px){
	.carousel-inner > .item {  height: 390px;}
	.carousel-caption h3 { position:relative}
	.carousel-caption .carousel-paragraph { width:100%; margin-left:0}
	.rates-block p.block-head{ font-size:12px}
	.rates-block p.block-rate{ font-size:23px}
	.agent-details { clear: none;}
	.logo-area, .logo-area .logo { width:170px}
	.logo-area .logo{ height:87px}
	.logo-area p {width: 168px; }
	.carousel-caption .rates-block p { width: 80%; max-width: 80%;}
	.agent-details ul li:nth-of-type(3) { clear: both;}
	.agent-details ul li:nth-of-type(4) { clear: none;}
	.top-image .introduction-area p {font-size: 14px;}
	#currentrates .caption-background .carousel-caption {margin: 0; padding: 0px 0 0 75px;}
	.rate-head li:last-child {padding-bottom: 20px;}
}

@media (max-width: 560px){
	.agent-contact-numbers ul.contact-details li:nth-of-type(1){ width:100%}
	.agent-details ul li:nth-of-type(3) { clear: none;}
	.agent-contact-numbers ul.contact-details li { width:31.3333%; text-align:center; margin-bottom:7px}
	.agent-details .social { display:inline-block; float:none; margin:5px auto 0 auto}
	.widget-area {padding-left: 10px;}
	.g-recaptcha div {transform: scale(1.0); -webkit-transform: scale(0.85); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
	#currentrates li {font-size: 8px;}
}

@media (max-width: 520px){
	.agent-details h2, .agent-details h3, .contact-details{width: 100%;}
	.agent-details ul li:nth-of-type(even){ margin-left:5px}
	.contact-details{ margin-top:0; padding-left:0; margin-left:0; text-align:left}
	.carousel-indicators-title a.slider-buttons {  padding: 10px 13px;  font-size: 8px;}
	.item#currentrates .internal-carousel-paragraph .rates-block p{ width:70%}


	#currentrates .caption-background .carousel-caption {margin: 0 0 0 15px; padding: 0;}
	#currentrates .internal-carousel-paragraph ul.dlc-rate-table {width: 92%;}
	.internal-carousel-paragraph .rates-disclaimer sub {font-size: 8px;}
	#currentrates .internal-carousel-paragraph ul li ul li {padding: 5px;}
	#currentrates .internal-carousel-paragraph ul li.rate-head ul li:last-child {padding-bottom: 15px;}
}

@media (max-width: 450px){
	.carousel-control .fa.fa-chevron-circle-left { left: 5px;}
	.carousel-control .fa.fa-chevron-circle-right { right: 5px;}
	.carousel-indicators-title { width: 95%; margin-left: -32.5%;}	
}
@media (max-width: 385px){
	.carousel-indicators-title a.slider-buttons { padding: 10px 10px;}
	#twitter-inner {overflow:hidden;}
	#agent-profile-wrapper{width: 200px;}
}

@media (max-width: 380px){
	.logo-area .logo{ height:69px}
	.logo-area p, .top-header p{ font-size:9px}
	.logo-area p {width: 133px;}
}