@charset "UTF-8";
/**
 *
 * @author Simon Moore @ 604media | https://dlc.ca
 * @package DLC Classic
*/
html,body{height:100%;}
html, body { background:#fff}
.container.main{ background:transparent}
.container-fluid{  max-width: 1560px;
      width: 100%;}
.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;}
p{ font-size:21px; text-align:center}

html {
  margin-top: 150px;
}



/* HEADER */
.whitey{ background:#fff}
.top-header{ border-bottom:none; background:#fff; border-bottom:none; width:auto}
.logo-modern{ margin-top:-20px}
.logo-modern .logo{width: auto; height: 98px; background-size:contain; background-repeat:no-repeat; position:relative; margin-top:25px; background-position: center center; display:block}
.main-header{ overflow:visible}
.main-header .logo-modern p{ position:relative; margin:5px 0 0 0; color:#004282; bottom:0; font-size:12px; text-align:center; width:auto; float:none}
.main-header p {  font-size: 10px; width:auto; float:right; margin-top:10px}
.main-header a.language{ background:none; position:relative;  height:auto; padding:0; font-weight:200; font-size: 10px; top:auto; right:auto; margin-left:10px }
.profile-image {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); background-size:cover;}
.main-header{ height:auto; padding-bottom:0}
.agent-details ul li{ margin-right:10px; margin-left:0}
.agent-details ul li:nth-of-type(3){ clear:none}
.agent-details h2{  font-size:32px; font-weight:200}
.agent-details h3{ font-weight:200; text-transform:uppercase}
.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}
.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-size: 70px; font-weight: bold;  color: #fff; text-transform:none; margin-top:15%}
.top-area p, .blog .top-area .introduction p, .archive .top-area .introduction p, .single .top-area .introduction p { font-size: 60px;
    font-weight: bold;
    color: #fff;}
.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}
.header-menu .widget ul.sub-menu{ padding:0 0 50px 0}
.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;
}

.header-menu .menu li.menu-item-has-children > a{ font-size:14px}
.main-header .col-xs-6:nth-of-type(1) { padding-left:0}
.main-header .col-xs-6:last-of-type(1) { padding-left:0}
.app-buttons{width:210px;height:50px;float:right;margin:-12px 20px 0 0}


/* NAVIGATION */
.nav-bar, .navbar-fixed-top{ background:#fff;}
.nav-bar{ float:right; clear:right}
.navbar-header{ float:right}
ul#main-menu{ box-shadow:none; border-top:none; background:#fff; border-bottom:none; margin-top:26px}
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:71px; background: #004282;}
ul#main-menu li a:after{ border-radius:0; height:71px; background: #000;}
ul#main-menu li:after{  border-radius:0; height:50px; width:100%}
ul#main-menu li a:hover{ background:rgba(0,0,0,0.03); color:#004282}
ul#main-menu li.active:after{ background:#004282}
ul#main-menu li:after { background:#002a52}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .navbar-nav>li>.dropdown-menu{ background:#fff}
ul#main-menu li a:hover, ul#main-menu li a:focus {  background: #fff; color:#363636; transition: all 0.6s;}
ul#main-menu .dropdown-menu li a:hover{ color:#000; background:rgba(0,0,0,0.03)}
#lang_sel {float: right; margin-top: 0;  clear: both; position: relative; z-index: 3;}

/* SLIDER */
.slider, .carousel-inner > .item{height:90vh}
.carousel{ margin-top:0px; height:100%; min-height:100%; position:relative }
.carousel-inner:after{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); content:''; z-index:3}
.carousel-indicators li { border: 1px solid #fff;}
.carousel-indicators .active { background-color: #fff;}
.carousel-inner  .caption-background{ height:100%; position:relative; z-index:4}
.caption-background{ background:transparent; -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg); 
position:relative; top:0; right:0; float:none;  border-radius:0; width:100% }
.caption-background .carousel-caption{-ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg);
position:relative; background:transparent; padding:0; width:50%; margin-left:25%; text-align:center; margin-top:8% }
.carousel-caption h3 { display:none}
.carousel-caption h3:after{ display:none}
.carousel-caption p{ font-size:70px; font-weight:bold; color:#fff}
a.page-link{ border-radius:50px; border: solid 3px #fff; color:#fff; line-height:1; font-weight:600; font-size:34px; padding:20px 40px; 
margin:40px auto;
display:inline-block}
.carousel-indicators { bottom:10%;}


/* TOP AREA */
.top-area{ position:relative; background-size:cover; background-repeat:no-repeat; background-position: center; margin-top:92px; min-height:100vh}
.blog .top-area, .single .top-area, .archive .top-area{ height:auto; min-height:auto}
.blog .top-area h1.page-title, .archive .top-area h1.page-title{ padding-bottom:90px; margin-top:10%}
.top-area:after{ position:absolute; top:0; bottom:0; left:0; right:0; content:'';  background:rgba(0,0,0,0.5);}
.blog .top-area{}
.scroll-arrow{position:absolute; left:0; right:0; bottom:-30px!important;  z-index:99; text-align:center; width:100px; height:70px; margin:0 auto; text-align:center; display:block}
.scroll-arrow:after { background-image:url(../img/scroll-arrow.svg); content:''; display:block; color:#fff;  opacity:0.8;  width: 100px;  height: 28px; vertical-align:middle; background-size:contain; background-position:center center; background-repeat:no-repeat; background-position:center center}
.scroll-arrow:hover:after{ font-family: 'Montserrat', sans-serif; content:'Scroll Down';  font-size:12px; background-image:none; text-transform:uppercase; padding-top:5px}


/* MAIN AREA */
.main{ margin-top:40px}
.modern-agent-details{ padding:90px 0; background:#ebebeb; text-align:left}
.modern-agent-details h2{ font-size:65px; margin:0; padding:0}
.modern-agent-details h3{ margin:0; padding:0; font-size:31px}
.modern-agent-details h3:after{ width:60px; height:7px; background:#fecc4e; display:block; content:''; margin:15px 0 30px 0}
.modern-agent-details p { font-size:21px; line-height:1.6;  text-align:left}
.modern-agent-details .profile-thumbnail{ background-size:cover; width: 150px; height:150px; border-radius: 50%; display:block; background-position:top center}
.content-area{ padding:0; border-top:none; border-right:none; background:#fff}
.content-area h2{ text-align:center; font-size:32px; width:100%; clear:both}
.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:300px; margin-bottom:0; padding-bottom:80px}
.blog .top-image, .archive .top-image, .single .top-image { margin-top: 250px;  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:0; }
.widget-area{ background:#fff; 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: none; margin:0 0 3% 0; width: 100%; }
.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 a{border: solid 1px rgba(0,0,0,0.1)!important; margin-bottom:7px;}
.sidebar div.widget ul li.menu-item-has-children > a {font-weight: 200; font-size: 25px;     color: #004282; border:none!important}
.sidebar div.widget ul{ margin-left:0}
.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 a{border: solid 1px rgba(0,0,0,0.1)!important; margin-bottom:7px;}
.sidebar aside.widget ul li.menu-item-has-children > a {font-weight: 200; font-size: 25px;     color: #004282; border:none!important}
.sidebar aside.widget ul{ margin-left:0}
.sidebar aside.widget ul li.current_page_item.active > a{ background:#004282}


/* CONTACT FORM */
.contact-form{
    margin-top:-80px!important
}


/* VISA */
.visa-modern.top-area {min-height: 0;}
.visa-modern .container {width: 100% !important;}
.visa-modern .top-image {margin-top: 0 !important;}
.visa-modern .col-md-12 {padding: 0;}
.visa-modern .col-md-7 {width: 100%;}
.visa-modern .col-md-offset-5 {margin-left: 0;}
.white-circle {display: none;}


/* 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:38px; font-family: 'Source Sans Pro', sans-serif; text-align:center}
.header-with-profile{ height:200px}
.blog article .entry-summary, .archive article .entry-content{ text-align:center}
.sidebar div.widget{ border:none}
.sidebar div.widget h4.widget-title {  background: transparent; color:#004282; border-bottom: none; padding: 12px; margin: 0; font-weight: 200; font-size: 25px; text-transform: none;}
.sidebar aside.widget{ border:none}
.sidebar aside.widget h1.widget-title {  background: transparent; color:#004282; border-bottom: none; padding: 12px; margin: 0; font-weight: 200; font-size: 25px; 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;}
.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;}
.wp-pagenavi{ text-align:center}
.post-links{ margin:30px 0 20px0 0}
.post-links p a { font-weight:200}
.single .post-links p, .single .post-links p a, .single .top-area .introduction p { font-size:18px; color:#fff; font-size:24px; font-weight:600}
.single-testimonials .top-area {min-height: 100vh;}
.single-testimonials .top-area .introduction p {font-size: 60px; font-weight: bold;}
a.back { font-size:18px; text-align:center}

/* FOOTER */
footer{ background:#363636; margin-top:-70px}
footer p, .btm-footer p{ text-align:left}
.btm-footer p{ text-align:center}
.footer{ background:transparent; margin-top:0}
footer .curved-top{ width:100%; float:left; position:relative; overflow:hidden; height:90px; margin-top:-90px; z-index:4}
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}
.top-footer ul.social{ margin-top:70px}
.top-footer ul.social li a:after { display:none}
.top-footer ul.social li a{ color:#fff; font-size:32px; float:left; margin-right:15px}
footer .address h2{font-weight:400; font-family: 'Source Sans Pro', sans-serif; margin-top:32px; margin-bottom:5px;}
footer .address h2:after { display:none}
footer .address p.name{color:#fecc4e}
footer .address p{color:#fff; font-size:14px; text-align:left}
.btm-footer{ background:#252525; border-top:solid 1px rgba(255,255,255,0.2)}
footer .profile-thumbnail{ width:120px; height:120px; background-size:cover; background-position: top center; border-radius: 50%; display:block; float:left; margin-bottom: 15px; margin-right:15px}
footer .agent-details{ float:left; text-align:left; font-size:18px; width:335px;}
footer .agent-details h2, footer .agent-details p, footer .agent-details a, footer .agent-details b{ color:#fff}
footer .agent-details p.name{ margin:0; padding:0; font-weight:600; text-transform:uppercase; font-size:21px}
footer .agent-details p.title{ margin:0 0 20px 0; padding:0; font-weight:200; text-transform:uppercase; font-size:16px}
footer .agent-details p{ font-size:18px; margin-bottom:0}
footer .contact-detail{ margin-right:6px}
footer .contact-detail:nth-of-type(3){ margin-right:0; clear:both; display:block}

@media (max-width: 1320px) {
  .caption-background .carousel-caption{ width:75%; margin-left:12.5%}
  
}
  
@media (max-width: 1190px) {
.curved-top:before{ left: -525px;}
ul#main-menu li a{ font-size:13px}
.top-area h1, .blog .top-area .introduction h1, .archive .top-area .introduction h1, .single .top-area .introduction h1{ font-size:55px}
.top-area p, .blog .top-area .introduction p, .archive .top-area .introduction p, .single .top-area .introduction p{ font-weight:400; font-size:32px}
}

@media (max-width: 1024px) {
footer .agent-details{ width:230px}
footer .contact-detail{ clear:both; float:left}
footer .agent-details p.title{ margin-bottom:10px}
footer .address h2{ margin-top:20px}
.top-footer ul.social {  margin-top: 96px;}
.nav>li>a{ padding:8px 8px}
}

@media (max-width: 991px){
html {margin-top: 250px;}
ul#main-menu { margin: 20px 0;}
.main-header .logo-modern p {margin: 5px; text-align: left;}
.main-header{ height:auto; padding-bottom:0}
.header-logo { padding-left: 15px;} 
.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;}
.top-image, .blog .top-image, .archive .top-image, .single .top-image{ margin-top:274px}
.logo-modern .logo{ background-position:center left}
ul#main-menu li a { font-size: 11px; padding-top: 10px; padding-bottom: 10px;}
.caption-background .carousel-caption p { font-size: 54px;}
.introduction {  right: 0; margin: 0; padding: 0;}
footer .agent-details { width: 180px;}
.navigation-bar {width: 100%;}
.navigation-bar .nav-bar {float: none; clear: both;}
.app-buttons {margin: 5px 9px 0 0;}
.navbar-header {background: transparent; border-top: none; -webkit-box-shadow:none; -moz-box-shadow: none;  box-shadow:none;  clear: both;}
.navbar-toggle .icon-bar{ background:#004282}
.nav-bar, .navbar-collapse{ width:100%;  margin-top: 20px;}
.navbar-toggle{ margin-top:-37px; margin-right:0}
.navbar-fixed-top{ background:#fff}
}

@media (max-width: 768px){
.main-header .logo {background-position: center;}
.main-header .logo-modern p {text-align: center; margin: 5px 0 0 5px;}
.main-header p {float: none;}
.curved-top:before { left: -635px;}
.top-header a.language{ padding-right:0}
.logo-area{ margin-left:25px}
.agent-details{ width:100%; float:left; clear:both}
.agent-details h2{ margin-top:45px}
.agent-details h2, .agent-details h3 { width:40%; float:left; clear:both; text-align:left}
.contact-details{width: 60%; float: right; margin-top: -50px;}
.top-image{ min-height:260px}
.top-image, .blog .top-image, .archive .top-image, .single .top-image{ margin-top:324px}
.widget-area{ padding-left:0}
.main-content-box{margin: 0 5% 3% 5%; width: 90%; text-align:center}
ul#main-menu li a{ text-align:center; font-size:16px}
a.page-link{ font-size:23px; padding:14px 30px}
.top-area {min-height: 75vh !important}
.app-buttons, .app-buttons a div {height: 40px;}
.app-buttons a div {width: 90px;}
.app-buttons {width: 190px; float: left; margin: -5px 0 0 0; position: relative; z-index: 2;}
.visa-modern.top-area {min-height: 0 !important;}
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .app-buttons {margin: -12px 0 0 0;}
  .app-buttons, .app-buttons a div {height: 40px;}
  .app-buttons a div {width: 90px;}
}

@media (max-width: 600px){
    html, body {margin-top: 0 !important;}
    #masthead {padding: 0 !important;}
    .top-image, .blog .top-image, .archive .top-image, .single .top-image {margin-top: 0; }
  .modern-agent-details h2 { font-size:49px}
  .modern-agent-details h3{ font-size:24px}
  .modern-agent-details p{ font-size:18px}
  .modern-agent-details .profile-thumbnail{ width:85px; height:85px}
  .logo-modern{ margin-top:0}
  .top-area h1, .blog .top-area .introduction h1, .archive .top-area .introduction h1, .single .top-area .introduction h1 {  font-size: 42px;}
  .top-area p, .blog .top-area .introduction p, .archive .top-area .introduction p, .single .top-area .introduction p{ font-weight:300; font-size:26px}
  }
  
@media (max-width: 595px) {
.carousel { margin-top: 0;}
.caption-background .carousel-caption p {font-size: 40px;}
.logo-modern .logo, .main-header p{ margin-top:0}
.top-area{ margin-top:0}
  .main-header {margin-top: 10px;}
.main { margin-top: 0;}
}

@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}
.agent-details ul li{ float:left; margin-left:0; margin-right:5px}
.agent-details .social{ float:left; padding-left:0}
.main-header p { font-size:8px}

}

@media (max-width: 420px){
  .logo-area .logo{ height:72px}
  .modern-agent-details h2 { font-size: 32px;}
  .modern-agent-details h3 {  font-size: 17px;}
  .top-area p {font-size: 16px;}

}

@media (max-width: 380px){
  .logo-area .logo{ height:69px}
  .agent-details h2{ margin-top:30px}
  .logo-area p{ font-size:9px}
}

@media screen and (min-device-width: 900px) and (max-device-width: 1440px){
  .caption-background .carousel-caption { margin-top:2%}
    .carousel-caption p{ font-size:60px}
}