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

html, body { background:#f3f2f2}
.container.main{ background:transparent; }
.slider .container.main {position:relative}
.container.header{ padding-top:0; background:#fff}

.top-area h1, .carousel-caption h3{ text-transform:uppercase}
h1, h2, h3{ font-weight:200; font-family: 'Source Sans Pro', sans-serif;}


/* HEADER */

.top-header{ border-bottom:none; background:#fff; border-bottom:solid 1px rgba(0,0,0,0.07)}
.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:static; 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); line-height: 1.2;}
.top-header a.language{ background:none; position:relative; top:0; right:0; float:right; height:auto; padding:5px 10px 0 0; font-weight:200 }
.profile-image {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); background-size:cover;}
.navbar { margin-bottom:0; min-height:0; border:none}
.main-header{ height:auto; margin-top:0; padding-top: 12px;}
.agent-profile {margin: 20px;}
.agent-details ul {margin-bottom: 0;}
.agent-details ul li{ margin-right:0; margin-left:10px}
.agent-details ul li:nth-of-type(even){ margin-left:10px}
.agent-details ul li:nth-of-type(3){ clear:none}
.agent-details h2{  font-size:24px; font-weight:200}
.agent-details h3{ font-weight:200; text-transform:uppercase}
.introduction{ margin-top:0}
.introduction, .blog .introduction, .archive .introduction, .single .introduction{ background:transparent; width:100%; position:relative; z-index:5; text-align:center;    -webkit-transform: rotate(0deg);  transform: rotate(0deg); height:auto; top:0; right:0; padding-left:0; padding-right:0}
.introduction .internal{ padding:0;  -webkit-transform: rotate(0deg);  transform: rotate(0deg); margin:50px 0 0 0; }
.top-image{ height:inherit}
.top-area p{color: #fff; font-weight: 300;  font-size: 25px; line-height: 1.3; padding-bottom: 70px;}
.top-area h1, .blog .top-area .introduction h1, .archive .top-area .introduction h1, .single .top-area .introduction h1 { font-family: 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; font-size: 16px; font-weight:400}
.agent-details .social{ margin-top:7px}
.top-area h1:after, .carousel-caption h3:after{ margin:10px auto 20px auto}
.header-menu{ position:relative; z-index:6}
.header-menu .menu {  padding: 0 15px; margin: 0; }
.header-menu .menu li{list-style:none}
.header-menu .widget{ border:none; margin:0; width:90%; margin-left:5%}
.header-menu .widget ul.sub-menu{ padding:0 0 50px 0}
.header-menu:before{ background: rgba(0,66,130,0.8);  position: absolute;  content: ''; height: 600px; width: 800px; border-radius: 50%;
  display: block; top: -170px; left: -50px; z-index:-1}
.header-menu .menu li a { padding: 7px; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #fff;  text-transform: uppercase; -webkit-transition: all 0.75s; transition: all 0.75s; width: 100%; display: inline-block;}
.header-menu .menu li a:hover{ color: #CCC; background: #00264a; -webkit-transition: all 0.75s; transition: all 0.75s;}

.header-menu .menu li.active > a {
    background: #002951;
    color: #fed46c;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
}
.contact-details{ padding:0}

.blog .top-area .introduction h1, .archive .top-area .introduction h1, .single .top-area .introduction h1 { padding-top: 0;}
.header-menu .menu li.menu-item-has-children > a{ font-size:14px}
.top-header .social li {border-left: 1px solid rgba(0,0,0,0.07)}
.top-header .social li:last-child {border-right: 1px solid rgba(0,0,0,0.07)}


/* NAVIGATION */
.navbar-collapse{ background:#fff}
.nav-bar{ background:transparent;}
ul#main-menu{ box-shadow:none; border-top:solid 1px rgba(0,0,0,0.07); background:#fff; border-bottom:solid 1px #004282}
ul#main-menu li a { font-weight:200; color:#363636}
ul#main-menu li.active a:after, ul#main-menu li a:hover:after{ border-radius:0; height:74px}
ul#main-menu li:after{  border-radius:0; height:74px; width:100%}
ul#main-menu li a:hover{ background:rgba(0,0,0,0.03); color:#004282}
ul#main-menu li.active a:after{ background:#004282}
ul#main-menu li a:after { background:#002a52; border-radius:0; height:74px}
.navbar-nav>li>.dropdown-menu{ background:#fff}
ul#main-menu li a:hover, ul#main-menu li a:focus { background:rgba(0,0,0,0.07); color: #004282; transition: all 0.6s;}

/* SLIDER */
.slider{ position:relative}

.carousel-indicators-title {  top:60px; }
.carousel { margin-top:0}
.caption-background{ background:transparent; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); 
position:absolute; right:auto; left:0;  border-radius:0; width:450px; height:100% }
.caption-background .carousel-caption{-ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg);
position:absolute; background:rgba(255,255,255,0.8); padding:40px; width:510px; border-left:solid 5px #fed46c; left:-100%!important;  transition:all 0.6s; 
opacity:0; right:auto;  bottom:20%; top:auto }
.active.left .caption-background .carousel-caption {left:-50%!important;  transition:all 0.6s; opacity:0; right:auto  }
.active .caption-background .carousel-caption { left:0!important; transition:all 0.6s; transition-delay:0.1s; opacity:1; right:auto }
.carousel-caption h3 { font-size:18px}
.carousel-caption{ top:auto; bottom:5%}
.carousel-caption h3:after{ display:none}
.carousel-caption p{ font-size:16px}
.carousel-inner > .item{ min-height:560px}
.carousel-indicators-title a.slider-buttons { height:40px; background:rgba(255,255,255,0.85); text-shadow:none; font-weight:400; color:#004282; text-transform:uppercase; font-size:14px; padding:10px 30px; margin:1px; cursor:pointer}
.carousel-indicators-title a.slider-buttons:hover, .carousel-indicators-title a.slider-buttons.selected{ background:#fecc4e}

/* MAIN AREA */
.content-area{ padding:0; border-top:none; border-right:none; background:#fff}
.main-area { margin-top:0; position:relative; padding-bottom:70px }
.curved-top{ width:100%; float:left; position:relative; overflow:hidden; height:90px; margin-top:-90px; z-index:5}
.curved-top:before{ width:2000px; height:750px; background:#fff; position:absolute; content:'';
 left:-425px; border-top-left-radius:50%; border-top-right-radius:50%}
.top-image, .blog .top-image, .archive .top-image, .single .top-image{ margin-top:0; margin-bottom:0; padding-bottom:80px}
.blog .top-image, .archive .top-image, .single .top-image { margin-top: 0;  margin-bottom: 0;  padding-bottom: 80px; height:260px}
.internal-pages .widget-area{ padding-top:0; width:100%}
.top-image .introduction-area{position:absolute; bottom:30px; left: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:url(../img/overlay-pattern.png); 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}
.home .main-area { margin-top:20px; }
.widget-area{ background:#fff; padding-left:3%; padding-top:1.5%; padding-bottom:100px}
.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%; }
.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{ margin-left:0}


.sidebar aside.widget h1.widget-title  { background: #fff; color: #004282; font-weight: 200; font-size: 18px;}
.sidebar .widget ul li.menu-item-has-children > a { font-weight: 200; font-size: 18px;}

.content-area .sidebar .widget ul li { margin-bottom:0}

/* CARDS */

.content-area .long h4,  .card-extras h4, .content-area .card-disclaimer h5{font-family: 'Source Sans Pro', sans-serif; font-weight:200}
.content-area .long p { font-weight:200}


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

.sidebar div.widget h4.widget-title {
    background: rgba(0,0,0,0.03);
    color:#004282;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding: 12px;
    margin: 0;
    font-weight: 200;
    font-size: 18px;
    text-transform: none;
}



.wp-pagenavi a, .wp-pagenavi span {
    border: solid 1px #f0f0f0;
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 20px;
    padding: 5px 10px;
    text-align: center;
}

/* FOOTER */
footer{ background:transparent; margin-top:-70px}
.footer{ background:#363636; margin-top:0; padding-top: 90px;}
footer .curved-top{ width:100%; float:left; position:relative; overflow:hidden; height:90px; margin-top:-90px; z-index:4; background: #fff;}
footer  .curved-top:before{ width:2000px; height:750px; background:#363636; position:absolute; content:'';}
.footer footer, .footer .top-footer { background:transparent}
.top-footer ul li a{ color:#fff; font-weight:200}
.top-footer ul li a:after { background:#fecc4e; height:1px}
footer .address h2{color:#ffff; font-weight:200; font-family: 'Source Sans Pro', sans-serif;}
footer .address h2:after { background:#fecc4e; height:1px}
footer .address p.name{color:#fecc4e}
footer .address p{color:#fff}
.btm-footer{ background:#252525; border-top:solid 1px rgba(255,255,255,0.2)}

@media (max-width: 1190px) {
.curved-top:before{ left: -525px;}
}

@media (max-width: 991px){
.main-header{ height:auto; padding-bottom:10px}
.header-logo { padding-left: 5px;} 
.logo-area .logo { left: 0; top: 0;  width: auto; height: 99px;}
.agent-details { width: 260px;}
.agent-profile { margin-top: 0;}
.curved-top:before { left: -635px;}
.carousel-indicators-title a.slider-buttons { padding:10px 20px}
.logo-area p{ width:200px}
.agent-profile { margin: 0;}
.navbar-header{ -webkit-box-shadow:none;  -moz-box-shadow:none; box-shadow:none; border-top:none}
.navbar-header {  background: #fff; border-top: solid 1px rgba(0,0,0,0.07); -webkit-box-shadow:none; -moz-box-shadow: none;  box-shadow:none;  clear: both;}
.navbar-toggle .icon-bar{ background:#004282}
.navbar-fixed-top{ background:#fff}
}

@media (max-width: 767px){
.curved-top:before { left: -635px;}
.top-header a.language{ padding-right:0}
.top-image{ min-height:260px; background-position: center;}
.widget-area{ padding-left:0}
.main-content-box{margin: 0 5% 3% 5%; width: 90%;}
.top-header .social li {border: 1px solid rgba(0,0,0,0.07)}
.logo-area {float: left;}
#agent-profile-info-wrapper {float: right;}
    .main-header {padding-bottom: 15px}
.app-box {display: none;}
.app-buttons {margin-top: 10px;}
.lang-container {width: 50%; float: left;}
}


@media (max-width: 710px){
.carousel-indicators-title { width: 80%;  margin-left: -25%;}
.carousel-indicators-title a.slider-buttons { padding:10px 20px; font-size:13px}
}

@media (max-width: 600px){
    .profile-image {display: none;}
}

@media (max-width: 595px){
.agent-details { clear: none;}
.logo-area, .logo-area .logo { width:170px}
.logo-area .logo{ height:87px}
.logo-area p {width: 168px; font-size:9px }
.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;}
.main-header { padding-bottom: 5px;}
.carousel-indicators-title { width: 90%;  margin-left: -30%;}
.carousel-indicators-title a.slider-buttons { padding:10px 15px; font-size:12px}
.caption-background .carousel-caption{ margin:0; width:85%; padding:20px}
.app-buttons {margin-top: -2px;}
}

@media (max-width: 560px){
.profile-image {display: block;}
.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}
.agent-details ul li:nth-of-type(even) { margin-left: 5px}
.curved-top:before {  left: -745px;}
    #agent-profile-wrapper {width: 170px; float: left;}
#agent-profile-info-wrapper {width: 240px;}
}

@media (max-width: 520px){
.agent-details h2, .agent-details h3, .contact-details{width: 100%;}    
.contact-details{ margin-top:0; padding-left:0; margin-left:0; text-align:left}
.app-buttons a div {width: 70px;}
}


@media (max-width: 440px){
    .profile-image {margin: -80px 0 20px 10px;}
    .app-buttons a div {width: 65px;}
    a.apple-btn > div {margin-right: 5px;}
}

@media (max-width: 410px){
    #agent-profile-info-wrapper {margin-top: 20px;}
    #agent-profile-info-wrapper {margin-top: 0;}
    .top-header .col-xs-6 {padding-left: 5px; padding-right: 0px;}
}

@media (max-width: 380px){
    .logo-area .logo{ height:69px}
    .logo-area p, .top-header p{ font-size:9px}
    .logo-area p {width: 133px;}
    .caption-background .carousel-caption { width:61%}
    .carousel-indicators-title { width: 100%; margin-left: -35%;}
    .carousel-indicators-title a.slider-buttons { padding:10px 5px; font-size:10px}
    .curved-top:before {  left: -795px;}

}

@media (max-width: 340px){

 .app-buttons a div {width: 50px;}

}