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












/*
    -----------------------------------------------------------
        HEADER
    -----------------------------------------------------------
*/
.whitey {
    background: #fff
}

.top-header {
    background: #fff;
    border-bottom: none;
}

.top-header .social {
    float: right;
    clear: right;
    padding-left: 0;
}

.top-header .social li:first-of-type {
    border-left: 1px solid #d3d3d3;
}

.top-header .social li {
    border-right: 1px solid #d3d3d3;
}


/*----------------------*/
.top-header .contact {
    float: left;
    margin-right: 5px;
    margin-top: 11px;
    width: 100%;
}

.top-header .contact ul {
    padding: 0;
}

.top-header .contact li {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    list-style: none;
}
/*----------------------*/


.top-header i.fa-user, .top-header i.fa-building {
    margin-right: 7px;
}

.top-header .find-url {
    font-size: 13px;
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #d3d3d3;
    margin: 7px auto;
    width: 100%;
    text-align: center;
}

.logo-modern {
    margin-top: -20px
}

.logo-modern .logo {
    width: auto;
    height: 98px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 30px;
    background-position: center left;
    display: block
}

.main-header {
    overflow: visible
}

.main-header .logo-modern p {
    position: relative;
    margin: 5px 0 0 0;
    color: #fff;
    bottom: 0;
    font-size: 12px;
    text-align: left;
    width: auto;
    float: none;
    left: 15px;
}

.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 {
    width: 90px;
    height: 120px;
    border-radius: 0;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-size: cover;
}

.main-header {
    height: auto;
    background: transparent;
}

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











/*
    -----------------------------------------------------------
        NAVIGATION
    -----------------------------------------------------------
*/
.navbar-fixed-top {
    background: #1c457f;
    background-image: url(../img/shatter-bg.png);
}

.nav-bar {
    float: right;
    clear: right
}

.navbar-header {
    float: right
}

ul#main-menu {
    box-shadow: none;
    border-top: none;
    background: transparent;
    border-bottom: none;
    margin-top: 45px
}

ul#main-menu li a {
    font-weight: 700;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 20px 10px;
}

ul#main-menu li.active > a:after,
ul#main-menu li a:hover:after {
    border-radius: 0;
    height: 71px;
}

ul#main-menu li a:after {
    border-radius: 0;
    height: 71px;
    background: #fed46c;
}

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
}

.navbar-nav>li:last-child > a {
    color: #fff !important;
    text-shadow: none;
}

.navbar-nav>li:last-child {
    background: transparent;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: transparent;
}

.navbar-nav>li>.dropdown-menu {
    background: #fff;
    border: 1px solid #d3d3d3;
}

ul#main-menu .dropdown-menu li a {
    color: #004282;
    font-weight: 300;
}

ul#main-menu .dropdown-menu li.active a {
    color: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #00427F;
}


ul#main-menu li a:hover,
ul#main-menu li a:focus {
    background: transparent;
    color: #fed46c;
    transition: all 0.6s;
}

ul#main-menu .dropdown-menu li a:hover {
    color: #003160;
    background: rgba(0, 0, 0, 0.03)
}

#lang_sel {
    margin-top: 0;
    padding-top: 7px;
}
/********************************************************************************************************************************************************************************************************/
















/*
    -----------------------------------------------------------
        SLIDER
    -----------------------------------------------------------
*/
.slider {
    margin-top: 195px;
}

.slider,
.carousel-inner > .item {
    height: 80vh
}

.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: 2%;
}
/********************************************************************************************************************************************************************************************************/













/*
    -----------------------------------------------------------
        TOP AREA
    -----------------------------------------------------------
*/
.top-area {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 60px;
    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;
    width: 100px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.home .scroll-arrow {
    bottom: 110px!important;
}

.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-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: #fafafa;
    border-bottom: 1px solid #d3d3d3;
    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: 80%;
    height: 220px;
    display: block;
    background-position: center 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%;
    overflow: hidden;
}

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














/*
    -----------------------------------------------------------
        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: 20px 0 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
}
/********************************************************************************************************************************************************************************************************/








.btn-default {
    display: block;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #004282;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(255,255,255,0.4);
    font-size: 18px;
    padding: 15px 20px;
    border: solid #ccc 1px;
    text-decoration: none;
    font-weight: 600;   
    text-align: center;
}



/*
    -----------------------------------------------------------
        FIND AN OFFICE | FIND AN AGENT
    -----------------------------------------------------------
*/
.content-area ul.nav-tabs {
    margin: 0;
}
.content-area ul.nav-tabs li {
    margin-bottom: 0;
}

.tab-content>.active {
    margin: 20px 0;
}

.tab-content {
    margin-top: 30px;
}

.office-title{
    margin-bottom: 20px;
}

.office-info{
    min-height: 100px;
}

.office{
    min-height: 300px;
}
.agent{
    min-height: 340px;
}
.office, .agent {
    background: #fff;
    border: 1px solid #ececec;
    padding: 15px 20px 30px; 
    margin: 20px 0;
}

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

.office h4, .agent h4 {
    font-weight: bold;
    color: #004282;
    font-size: 20px;
}

.agent h4 {
    margin-bottom: 0;
}

.agent h5 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
}

.office-buttons, .agent-buttons {
    margin-top: 20px;
    border-top: 1px solid #ececec;
}

.office .btn-default, .agent-buttons .btn-default {
    margin-top: 20px;
}

.agent-search .btn-default:hover{
    transition: all 0.6s;
}

.agent-info-email{
    margin-top:8px;
    min-height: 35px;
}

.office-search input, .agent-search input, .office-search select, .agent-search select {
    display: block;
    width: 100%;
    height: 50px;
    margin: 10px 0px 25px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-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;
}

.office-search input[type=submit], .agent-search input[type=submit] {
    color: #004282;
    font-size: 18px;
}

.google-maps {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



/********************************************************************************************************************************************************************************************************/




/*
    -----------------------------------------------------------
        FIND AN OFFICE
    -----------------------------------------------------------
    */
    
    .office {
        display: block; 
        padding: 15px 20px 20px;
    }
    
    .office p {
         margin-bottom: 0 !important;
    }
    
    
    .office-search input {
        font-size: 14px;
        margin: 10px 0px 15px;
    }
    
    /**********************************************************/


/*
    -----------------------------------------------------------
        OFFICES & AGENTS
    -----------------------------------------------------------
*/
.office p, .agent p, .office-single p, .office-single h2, .agent-search h2, .office-search h2 {
    text-align: left;
}

.office h4, .agent h4 {
    font-weight: 200;
    font-size: 25px;
    text-align: left;
    
}

.agent h5 {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 200;
    text-align: left;
}

.office p, .agent p {
    font-size: 21px;
}

.office-single .btn-default {
    padding: 20px;
}

.office, .agent {
    border: 1px solid #d3d3d3;
}

.office-buttons, .agent-buttons {
    border-top: 1px solid #d3d3d3;
}
/********************************************************************************************************************************************************************************************************/


/* OFFICE AND AGENT */
.office h4, .agent h4 {
    color: #004282;
}

.agent-search fieldset{
    clear:both;
}

.next-link {
    float: right;
    padding-right: 0;
}

.agent {
    box-shadow: 2px 2px 7px #D3D3D2;
}

.agents.col-sm-12 {
    padding: 0;
}

.agent-container:nth-child(odd) {
    padding-left: 0;
}

.agent-container:nth-child(even) {
    padding-right: 0;
}

.oa-pagination {
    padding: 0;
}

.agent-page-links {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #d3d3d3;
}

.agent-profile-image {
    width: 80% !important;
    padding-top: 80% !important;
    margin-top: 15px;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    border: 1px solid #ccc;
}


/*
    -----------------------------------------------------------
        FOOTER
    -----------------------------------------------------------
*/
footer {
    background: #f7f7f7;
    border-top: 1px solid #d3d3d3;
}

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 li a, .top-footer ul li ul.sub-menu a{
    color: #004282;
}

.top-footer ul.social li a:after {
    display: none
}

.top-footer ul.social li a {
    color: #004282;
    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: #1c457f;
    background-image: url(../img/shatter-bg.png);
    border-top: solid 4px #fecc4e;
}

footer .profile-thumbnail {
    width: 90px;
    height: 120px;
    background-size: contain;
    display: block;
    float: left;
    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
}
/********************************************************************************************************************************************************************************************************/













/*
    -----------------------------------------------------------
        RESPONSIVE
    -----------------------------------------------------------
*/
/********************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 1400px) and (min-width: 991px) {
    .office p {
        font-size: 15px;
    }
}
/**********************************************************/




@media (min-width: 1200px) { 
    .agent-profile-image{
        margin-left: 20%;
    }
}
/**********************************************************/





@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
    }
    
    .office p, .agent p {
        font-size: 16px;
    }
}
/**********************************************************/





@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
    }
        
    .agent-profile-image{
        width: 90% !important;
        padding-top: 90% !important;
        margin-right: 10%;
    }
}
/**********************************************************/





@media (max-width: 991px){
    .main-header {
        height: auto;
    }

    .header-logo {
        padding-left: 15px;
    }

    .logo-area .logo {
        left: 0;
        top: 0;
        width: auto;
        height: 99px;
    }
    
    .main-header .logo-modern p {
        font-size: 7px;
        margin: 5px 0 0 15px;
        left: 0;
    }
    
    #lang_sel, #lang_sel li {
        width: 100%;
    }
    
    .top-header .contact {
        margin: 15px auto 5px;
    }

    .agent-details {
        width: 260px;
    }

    .agent-profile {
        margin-top: 0;
    }
    
    .agent-profile-image {
        width: 100% !important;
        padding-top: 100% !important;
    }

    .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;
    }
    
    ul#main-menu li a {
        padding: 20px 5px;
    }

    .caption-background .carousel-caption p {
        font-size: 54px;
    }

    .introduction {
        right: 0;
        margin: 0;
        padding: 0;
    }

    footer .agent-details {
        width: 180px;
    }
        
        .header-buttons {
        margin: 15% 0;
    }
    
    .header-buttons .btn-default {
        font-size: 13px;
    }

    ul#main-menu li.active > a:after {
        left: -15px;
    }
    
    .agent-container {
        padding: 0;
    }
    
    .top-header .contact ul {
        text-align: center;
        display: table;
        margin: 0 auto;
    }
    
    .home .slider {
        margin-top: 232px;
    }

}
/**********************************************************/




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

    .top-header a.language {
        padding-right: 0
    }
    
    .top-header .find-url {
        margin: 15px auto;
        padding: 10px;
    }
    
    .top-header .contact ul {
        padding-top: 10px;
    }
    
    #lang_sel {
        padding-top: 15px;
    }

    .navbar-header {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none
    }

    .logo-area {
        margin-left: 25px
    }

    .profile-image {
        height: 99px
    }

    .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
    }

    .navbar-header {
        background: transparent;
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        clear: both;
    }

    .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
    }

    .nav-bar,
    .navbar-collapse {
        width: 100%
    }

    .navbar-toggle {
        margin-top: -32px;
        margin-right: 0
    }

    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
    }
    
    ul#main-menu {
        margin: 0;
        background: #fff;
    }
    
    ul#main-menu li a {
        color: #004282;
    }
        
        
    .navbar-nav>li:last-child {
        background: #fed46c;
        background-image: -webkit-linear-gradient(top, #fecc4e, #e8ba47);
        background-image: -moz-linear-gradient(top, #fecc4e, #e8ba47);
        background-image: -ms-linear-gradient(top, #fecc4e, #e8ba47);
        background-image: -o-linear-gradient(top, #fecc4e, #e8ba47);
        background-image: linear-gradient(to bottom, #fecc4e, #e8ba47);
    }
        
    .next-link {
        float: none;
        margin-top:10px;
    }
    
    .content-area .office-contact p {
        text-align: center;
    }
    
    #masthead.container {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    .navbar-fixed-top {
        position: relative;
    }
    
    .home .slider {
        margin-top: 0;
    }
}
/**********************************************************/




@media (max-width: 600px){
    .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: 100%;
        height: 160px
    }

    .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
    }
    
    .site-header.container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .office p, .agent p {
        font-size: 16px;
    }
        
        
        
}
/**********************************************************/




@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 {
        margin-top: 0;
    }
    
    /** AGENTS & OFFICES **/
    .office h4, .agent h4 {
        font-size: 16px;
    }
    
    .office h5, .agent h5 {
        font-size: 13px;
    }
    
    .office p, .agent p {
        font-size: 13px;
    }
    
    .agent-page-info h3 {
        font-size: 16px;
    }
    
    .agent-buttons .btn-default {
        font-size: 14px;
    }
}
/**********************************************************/




@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
    }
    
    .nav.nav-tabs>li>a {
        padding: 8px 12px;
        font-size: 16px;
    }
}
/**********************************************************/




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

}
/**********************************************************/




@media (max-width: 380px){
    .logo-area .logo {
        height: 69px
    }
    
    .profile-image {
        height: 69px;
        width: 70px;
        background-position: center
    }
    
    .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
    }
}