@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800|Raleway:400,500,600,700');

/*

font-family: 'Poppins', sans-serif;

font-family: 'Raleway', sans-serif;

*/
*, *:after, *:before { outline: none; box-sizing: border-box; padding: 0; margin: 0; }
a { transition: 0.3s ease; color: #202929; }
a:hover, a:focus { color: #beaf87; text-decoration: none; }
body { font-family: 'Poppins', sans-serif; font-weight: 300; color: #6d6e71; font-size: 16px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 400; }
p { line-height: 25px; }
strong { font-weight: 400; }

/*page loader style starts here*/
.loader { display: none; z-index: 999; width: 40px; height: 40px; border: 3px solid #f3f3f3; border-radius: 50%; border-top: 3px solid #beaf87; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: fixed; left: 50%; top: 40%; z-index: 999; }
.loding-bg { background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: none; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*page loader style starts here*/
.nopadd { padding: 0; }
#pageheader .mobileSeaText, #pageheader .mobile_search { display: none; }
#pageheader .navbar { border-bottom: 0; background-color: #2a2929; margin-bottom: 0; }
#pageheader .navbar-header .navbar-brand { padding-top: 0; width: 100%; max-width: 200px; margin-top: 16px; }
#pageheader .navbar-header .navbar-brand img { max-width: 100%; }
#pageheader .navbar .navbar-nav > li > a { color: #fff; font-weight: 400; padding: 25px 15px; }
#pageheader .navbar .navbar-nav > .open > a, #pageheader .navbar .navbar-nav > li:hover > a, #pageheader .navbar .navbar-nav > li.active > a { background-color: #383838; color: #beaf87; position: relative; }
#pageheader .navbar .navbar-nav > .open > a:after, #pageheader .navbar .navbar-nav > li:hover > a:after, #pageheader .navbar .navbar-nav > li.active > a:after { background-image: url(../img/menu_active_icon.png); background-repeat: no-repeat; background-position: right top; content: ""; position: absolute; left: 0; right: 5px; height: 11px; top: 18px; }
#pageheader .navbar .navbar-nav > li { padding: 0; }
#pageheader .navbar .navbar-nav .dropdown-menu { left: 0; right: auto; min-width: 170px; border-width: 0; box-shadow: none; padding: 0; border-top: 3px solid #beaf87; border-radius: 0; }
#pageheader .navbar .navbar-nav .dropdown-menu li:last-child a { border-width: 0; }
#pageheader .navbar .navbar-nav .dropdown-menu a { font-size: 14px; padding: 8px 20px; border-bottom: 1px solid #d6d8d9; color: #6d6e71; }
#pageheader .navbar .navbar-nav .dropdown-menu a:hover { background-color: rgba(0, 0, 0, 0); color: #2a2929; }
#pageheader .navbar .navbar-nav .dropdown-menu .bonny_menu a { background-image: url(../img/bonny_icon.png); background-position: 10px center; background-repeat: no-repeat; padding-left: 37px; }
#pageheader .navbar .navbar-nav .dropdown-menu .bonny_menu a:hover { background-image: url(../img/bonnyh_icon.png); }
#pageheader .navbar .navbar-nav .dropdown-menu .st_paul_menu a { background-image: url(../img/st_paul_icon.png); background-position: 10px center; background-repeat: no-repeat; padding-left: 37px; }
#pageheader .navbar .navbar-nav .dropdown-menu .st_paul_menu a:hover { background-image: url(../img/st_paulh_icon.png); }
#pageheader .navbar .navbar-nav .caret { display: none; }
#pageheader .search_box { padding-left: 30px; position: relative; margin-top: 18px; }
#pageheader .search_box input[type="text"] { max-width: 215px; width: 100%; height: 33px; border-width: 0; padding: 8px 35px 8px 15px; }
#pageheader .search_box input[type="submit"] { transition: 0.3s ease; position: absolute; background: #fff url(../img/search_icon.png) center center no-repeat; right: 0; top: 0; height: 33px; width: 33px; border-width: 0; font-size: 0; }
#pageslider { min-height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#searchbar { background-color: #beaf87; padding-bottom: 15px; }
#searchbar ul { padding: 0; margin: 0; text-align: center; }
#searchbar ul.seaItemlist > li { padding: 0 3px; list-style: none; display: inline-block; vertical-align: top; margin: 15px 0 0; text-align: center; }
#searchbar .proSearch { position: relative; }
#searchbar .proSearch input[type="text"] { max-width: 200px; width: 100%; height: 33px; border-width: 0; padding: 8px 35px 8px 15px; }
#searchbar .proSearch input[type="submit"] { transition: 0.3s ease; position: absolute; background: #fff url(../img/search_icon.png) center center no-repeat; right: 0; top: 0; height: 33px; width: 33px; border-width: 0; font-size: 0; }
#searchbar .proMinMax .bootstrap-select:first-child:after { content: "-"; position: absolute; color: #fff; font-size: 27px; left: 89%; height: 87%; }
#searchbar .bootstrap-select select { left: 0; }
#searchbar .proMinMax .bootstrap-select:first-child { padding-right: 18px; max-width: 103px; }
#searchbar li { padding: 0; display: block; }
#searchbar li a:focus { outline: none; }
#searchbar .select_option { border-radius: 0; background-color: #fff; padding-right: 15px; }
#searchbar .btn-group.open .dropdown-toggle:focus, #searchbar .btn-group.open .dropdown-toggle { outline: none; box-shadow: none; }
#searchbar .bootstrap-select { width: auto; max-width: 95px; }
#searchbar .bootstrap-select.btn-group .dropdown-menu { border-radius: 0; border-color: #beaf87; }
#searchbar .bootstrap-select.btn-group .dropdown-menu li.selected a, #searchbar .bootstrap-select.btn-group .dropdown-menu li:hover a { background-color: #beaf87; color: #fff; }
#searchbar .other_select.proType .bootstrap-select { max-width: 150px; }
#searchbar .other_select.advanced .bootstrap-select { max-width: 118px; }
#searchbar .bootstrap-select.btn-group .dropdown-toggle .caret:after { content: ""; position: absolute; background: url(../img/down-arrow.png) no-repeat right center; width: 8px; height: 4px; right: -6px; }
#searchbar .bootstrap-select.btn-group .dropdown-toggle .caret { border-width: 0; }
#searchbar .other_select.advanced .bootstrap-select.btn-group .dropdown-toggle .caret:after { display: none; }
#searchbar .other_select .select_option { padding-left: 30px; background-repeat: no-repeat; background-position: 7px center; }
#searchbar .other_select.bed .select_option { background-image: url(../img/bed_icon.png); }
#searchbar .other_select.bath .select_option { background-image: url(../img/baths_icon.png); }
#searchbar .other_select.proType .select_option { background-image: url(../img/proType_icon.png); }
#searchbar .other_select.advanced .select_option { background-image: url(../img/advanced_icon.png); }
#searchbar .rest_btn button { height: 34px; background-color: #fff; border-width: 0; padding-left: 30px; padding-right: 15px; background-repeat: no-repeat; background-position: 7px center; background-image: url(../img/reset_icon.png); }
#searchbar .search_submit input[type="submit"] { height: 34px; background-color: rgba(0, 0, 0, 0); color: #fff; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase; transition: 0.3s ease; }
#searchbar .search_submit input[type="submit"]:hover { background-color: #fff; color: #beaf87; transition: 0.3s ease; }

/* SEARCH BAR */
#searchbar-menu.navbar-nav > li { padding: 0 13px; margin-bottom: 5px; }
#searchbar-menu.navbar-nav > li > a { border: 1px solid; color: #fff; font-size: 14px; line-height: 33px; min-width: 150px; padding: 0 15px; text-align: center; text-transform: uppercase; }
#searchbar-menu.navbar-nav > li.dropdown > a:after, #searchbar-menu.navbar-nav > li .dropdown-menu li.dropdown > a:after { content: "\f107"; display: inline-block; float: right; font-family: FontAwesome; font-size: 16px; margin-left: 10px; }
#searchbar-menu.navbar-nav > li .dropdown-menu li.dropdown > a:after { content: "\f105"; }
#searchbar-menu.navbar-nav > li.open > a, #searchbar-menu.navbar-nav > li.open > a:hover, #searchbar-menu.navbar-nav > li.open > a:focus { background-color: #fff; border-color: #fff; color: #beaf87; }
#searchbar-menu.navbar-nav > li > a:hover, #searchbar-menu.navbar-nav > li > a:focus { background-color: transparent; }


.footerBorder { height: 64px; background: center center no-repeat; margin-top: -64px; }
#pagefooter { background-color: #2a2929; }
#pagefooter .footerContent p { font-size: 14px; text-align: center; line-height: 19px; color: #bbbaba; }
#pagefooter .footerContent p a { color: #beaf87; font-weight: 400; text-decoration: underline; }
#pagefooter .footerContent { padding: 40px 0; }
#pagefooter .mainFooter { background-color: #404040; padding-bottom: 10px; }
#pagefooter .mainFooter .footer-logo img { max-width: 100%; }
#pagefooter .mainFooter .footer-logo { margin-top: 37px; display: block; }
#pagefooter .mainFooter .footRight, #pagefooter .mainFooter .footLeft { padding: 22px 0; }
#pagefooter .mainFooter .footRight { color: #a3a3a5; text-align: right; }
#pagefooter .mainFooter .copyrights { font-size: 13px; color: #a3a3a5; margin-bottom: 0; }
#pagefooter .mainFooter .designBy img { margin: 0 10px; }
#pagefooter .mainFooter .designBy { font-size: 13px; text-transform: uppercase; }
#pagefooter .mainFooter .designBy { margin-bottom: 0; margin-top: 5px; }
#pagefooter .mainFooter .designBy a { color: #a3a3a5; }
#pagefooter .mainFooter .footRight ul li a:hover, #pagefooter .mainFooter .designBy a:hover { color: #beaf87; }
#pagefooter .mainFooter .footRight ul { margin: 0; padding: 0; }
#pagefooter .mainFooter .footRight ul li { display: inline-block; list-style: none; padding: 0 15px; border-right: 1px solid #4f4e4e; }
#pagefooter .mainFooter .footRight ul li:last-child { padding-right: 0; border-width: 0; }
#pagefooter .mainFooter .footRight ul li a { color: #fff; font-weight: 400; }
#pagefooter .mainFooter .footMenu ul { display: inline-block; margin-top: 10px; }
#pagefooter .mainFooter .footMenu .social a { background-color: #8c8c8c; color: #404040; display: inline-block; width: 28px; height: 28px; line-height: 32px; text-align: center; border-radius: 40px; }
#pagefooter .mainFooter .footMenu .social a:hover { background-color: #fff; }
#pagefooter .mainFooter .footRight .footerMenu li a { color: #a3a3a5; font-weight: 300; font-size: 14px; }
#pagefooter .mainFooter .footRight .footerMenu li { padding: 0 12px; }
#pagefooter .mainFooter .footRight .footerMenu li:last-child { border-width: none; padding-right: 0; }


@media (max-width:1200px) {
    #pageheader .search_box input[type="text"] { display: none; }
    #pageheader .navbar .navbar-nav { margin-right: 10px; }
    #pageheader .search_box input[type="text"] { bottom: -70px; display: none; position: absolute; right: 0; width: 300px; z-index: 99; }
    #pagefooter .mainFooter .footRight ul li { font-size: 14px; padding: 0 10px; }
    #pagefooter .mainFooter .footRight .footerMenu li { padding: 0 6px; }
    #pagefooter .mainFooter .footRight .footerMenu li a { font-size: 13px; }
}


@media (max-width:991px) {
    #pageheader .navbar .navbar-header .navbar-brand { max-width: 180px; }
    #pageheader .navbar .navbar-nav > li > a { font-size: 14px; padding: 25px 12px; }
    #pageheader .search_box input[type="submit"] { width: 27px; height: 32px; background-size: 18px; }
    #pageheader .navbar .navbar-nav { margin-right: 0px; }
    #pagefooter .mainFooter .footRight, #pagefooter .mainFooter .footLeft { text-align: center; }    
    #pagefooter .mainFooter .footer-logo { display: block; max-width: 200px; margin: auto; margin-top: 0; }
}

@media only screen and (min-width:768px) {
    /* SEARCH BAR */
    #searchbar-menu.navbar-nav > li .dropdown-menu:before { content: ""; width: 100%; height: 50px; position: absolute; bottom: 100%; left: 0; }
    #searchbar-menu.navbar-nav > li .dropdown-menu { border: none; border-top: 3px solid #beaf87; margin-bottom: 0; min-width: 175px; padding: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05); -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05); }
    #searchbar-menu.navbar-nav > li:hover .dropdown-menu, #searchbar-menu.navbar-nav > li .dropdown-menu > li > .dropdown-menu { transform: translateY(25px); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); }
    #searchbar-menu.navbar-nav > li .dropdown-menu > li >a { color: #6d6e71; line-height: 33px; border-bottom: 1px solid #d6d8d9; }
    #searchbar-menu.navbar-nav > li .dropdown-menu > li:last-child >a { border-bottom: none; }
    #searchbar-menu.navbar-nav > li .dropdown-menu > li:hover > .dropdown-menu { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); }
}

@media (max-width:767px) {
    #pageheader .navbar-header .navbar-toggle { margin-top: 15px; margin-bottom: 15px; }
    #pageheader .search_box { display: none; }
    #pageheader .navbar .navbar-nav { margin-right: -15px; }
    #pageheader .navbar .navbar-nav > li > a { padding: 8px 15px; font-size: 16px; }
    #pageheader .navbar .navbar-nav > .open > a::after, #pageheader .navbar .navbar-nav > li:hover > a::after, #pageheader .navbar .navbar-nav > li.active > a::after { top: 4px; left: 5px; background-image: url(../img/mobiel_menu_active_icon.png); background-position: left top; }
    #pageheader .navbar-collapse { background: #2a2929 none repeat scroll 0 0; border-width: 0; position: absolute; width: 100%; }
    #pageheader .navbar-default .navbar-toggle { border-radius: 0; border-color: #fff; }
    #pageheader .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    #pageheader .navbar-default .navbar-toggle:hover, #pageheader .navbar-default .navbar-toggle:focus { background-color: #beaf87; border-color: #beaf87; }
    #pageheader .navbar .navbar-nav .caret { background: #fff url("../img/down-arrow.png") no-repeat scroll center center; border: medium none; color: #000; cursor: pointer; display: block; padding: 11px; position: absolute; right: 15px; top: 7px; z-index: 999; }
    #pageheader .navbar .navbar-nav .dropdown-menu a { border-width: 0; color: #fff; }
    #pageheader .navbar .navbar-nav .dropdown-menu a:hover { color: #beaf87; }
    #pageheader .mobile_search { color: #fff; display: block; font-size: 22px; position: absolute; right: 80px; top: 15px; }
    #pageheader .mobile_search i { cursor: pointer; }
    #pageheader .mobileSeaText input { width: 100%; height: 33px; border-width: 0; padding: 8px 15px 8px 15px; }
    #pageheader .mobileSeaText { background: #beaf87 none repeat scroll 0 0; display: none; padding: 10px; } 

    /*26-jul-2018*/

    /*2-07-2018*/
    .hdr-social-link { float: none; display: inline-block; position: absolute; top: -2px; left: 5%; }
    .hdr-social-link li { display: inline-block; }
    
    #searchbar-menu.navbar-nav > li .dropdown-menu>li>a { color: #fff; }
    #searchbar-menu.navbar-nav > li .dropdown-menu > li.open > a, #searchbar-menu.navbar-nav > li .dropdown-menu>li>a:focus, #searchbar-menu.navbar-nav > li .dropdown-menu>li>a:hover { background-color: transparent; }
    #searchbar-menu.navbar-nav > li .dropdown-menu > li > .dropdown-menu { padding-left: 15px; }

    /* 31-0-2018*/
    span.search-bar-span { float: none !important; }
    .search-container { text-align: center; }
}

.search-container { text-align: center; }
span.search-bar-span { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; font-weight: 500; margin: 7px 0; font-size: 16px; margin-right: 30px; position: relative; }
.searchbar-menu { float: none !important; display: inline-block; vertical-align: middle; }
ul.searchbar-menu li a { padding: 0 10px !important; min-width: 120px !important; font-size: 12px !important; }
ul.searchbar-menu li { padding: 0 5px !important; }
span.search-bar-span::before { content: ""; background: url(http://century21poirier.com/ocstaging/wp-content/themes/century/assets/img/icon3.png) right bottom no-repeat; position: absolute; right: -20px; width: 120px; height: 100%; top: -14px; }
.page-id-0 #ihf-main-container .btn-group-justified .btn { width: auto; }
.page-id-0 #ihf-main-container .btn-group-justified .btn.active { background-color: rgba(0, 0, 0, 0); color: #beaf87; }

/* 14-09-18 */
@media (min-width:768px) {
    .navbar-default .navbar-collapse { padding-right: 70px; }
}
@media (max-width:767px) {
    .header-search { display: none; }
}
#pageheader .navbar > .container { position: relative; }
.header-search:focus, .header-search { color: #fff; position: absolute; right: 33px; top: 33%; z-index: 9; }

#menu-main-menu .current-menu-item > a {
	background: transparent;
	color: #FFF;
}

#menu-main-menu .current-menu-item > a,
#menu-main-menu li.current-menu-ancestor > .uabb-has-submenu-container > a {
	background: transparent;
	color: #FFF;
}

#menu-main-menu .current-menu-item > a .menu-item-text ,
#menu-main-menu li.current-menu-ancestor > .uabb-has-submenu-container > a > .menu-item-text {
    color: #FFF;
}

#menu-main-menu .current-menu-item > a:hover,
#menu-main-menu li.current-menu-ancestor > .uabb-has-submenu-container > a:hover {
    background: #383838;
}

#menu-main-menu .current-menu-item > a:hover .menu-item-text ,
#menu-main-menu li.current-menu-ancestor > .uabb-has-submenu-container > a:hover > .menu-item-text {
    color: #beaf87;
}

#menu-main-menu > li:hover > a:after,
#menu-main-menu > li:hover > .uabb-has-submenu-container > a:after {
    background-image: url(https://century21poirier.com/wp-content/themes/century/assets/img/menu_active_icon.png);
    background-repeat: no-repeat;
    background-position: right top;
    content: "";
    position: absolute;
    left: 0;
    right: 5px;
    height: 11px;
    top: 18px;
}

#menu-main-menu #menu-item-28 .sub-menu > li:first-child a {
    background-image: url(https://century21poirier.com/wp-content/themes/century/assets/img/st_paul_icon.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 37px;
}

#menu-main-menu #menu-item-28 .sub-menu > li:last-child a {
    background-image: url(https://century21poirier.com/wp-content/themes/century/assets/img/bonny_icon.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 37px;
}

#header_right .fl-col-content {
    flex-direction: row;
    justify-content: flex-end;
}

#header_right .fl-col-content > .fl-module {
    width: auto;
}

#header_right .fl-col-content > .fl-module:first-child {
    padding-right: 72px;
}

.header-search:focus,
.header-search {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 33%;
    z-index: 9;
    font-size: 16px;
}

.search-modal-style {
    /*display: none;*/
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 99;
    background: #beaf87;
    padding: 0;
    color: #fff;
    width: 390px;
    max-width: 450px;
    transition: all 0.4s ease-in;
}

.search-modal-style .inner-search-modal {
    padding: 16px 16px 0;
}

.search-modal-style.show {
    height: 380px;
    transition: all 0.4s ease-in;
}

.search-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    color: #beaf87;
    font-size: 15px;
    font-weight: 100;
}

.search-modal-style h2 {
    font-family: 'Raleway', sans-serif;
    color: #FFF;
    width: 80%;
    margin-top: 0;
    font-size: 22px;
    font-weight: 500;
}

.search-modal-style #ihf-main-container {
    font-family: 'Raleway', sans-serif;
}

.search-modal-style #ihf-main-container label {
    color: #fff;
    font-size: 15px;
}

.search-modal-style li {
    list-style: none;
	padding: 16px 24px 0;
}

.search-modal-style #ihf-main-container .btn.btn-primary {
    margin-top: 0;
    height: 34px;
    line-height: 35px;
    border: 0px;
    background: #2a2929;
    border-radius: 0 !important;
    padding: 0 30px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

#ihf-main-container .input-text,
#ihf-main-container input[type=input],
#ihf-main-container input[type=text]{
    border-radius: 0 !important;
}

#ihf-main-container .form-control.listingIdList {
    width: 193px;
}

.listingIdSearchForm .input-group {
    display: inline-flex !important;
}

#ihf-main-container .listingIdSearchForm .btn.btn-primary {
    background: #999;
    color: #FFF;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #777;
    border-radius: 4px;
    white-space: nowrap;
    text-transform: capitalize;
}

#header-mobile .fl-col-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#header-mobile .fl-col-content .fl-module {
    width: auto;
}

#search_icon {
    margin-left: auto;
}

.header-search-mobile {
    color: #fff;
    font-size: 22px;
}

@media only screen and (max-width: 767px) {

    #menu-main-menu-2 {
        padding-top: 7px;
        border-top: 1px solid #545353;
        margin-top: 15px;   
    }
    
    
    #menu-main-menu-2 .menu-item > .uabb-has-submenu-container > a .uabb-menu-toggle {
        background: #fff url(https://century21poirier.com/wp-content/themes/century/assets/img/down-arrow.png) no-repeat scroll center center;
        border: medium none;
        color: #000;
        cursor: pointer;
        display: block;
        padding: 11px;
        position: absolute;
        right: 0px;
        top: 8px;
    }
    
    .search-modal-mobile {
        position: initial;
    }

}