@import url('typography.css');
@import url('table.css');
@import url('form.css');
@import url('buttons.css');
@import url('office.css');
@import url('district.css');
@import url('city.css');
@import url('agent.css');
@import url('filter.css');
@import url('results.css');
@import url('stash.css');
@import url('page.css');
@import url('infographics.css');
@import url('tutorial.css');

html{height: 100%}
body{background: #EBEBEC; height: 100%}
circle {cursor: pointer}

#background {min-height: 100%; min-width: 1500px; width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: -100;}

#admin_panel{background: #FFF}

.logo--fluid{margin: 0 -15px 15px -15px; padding: 10px 15px;}
.city-tooltip tspan {background: #000;color: #FFF;}
.on-print-only{display: none}
.bg-grey{background: #ECEDED}
.raw{margin: 0; padding: 0}
.relative{position: relative}
.clear-margin{margin: 0}

.fixed .top-navigation{}
.logo--top{margin-top: 0}
.fixed .logo--top{margin: 0}

.after-login-blocker{font-size: 14px}
.contact-us-blocker{font-size: 14px; line-height: 35px;}
.contact-info-window{min-width: 150px;}

#terms_of_use, #privacy_policy, #contact, #register{}
#home-page, #results, #stash-page{height: 100%}
#results .main-section-content{height: 100% !important;}
#stash-page .main-section-content{margin-bottom: 0; background: #FFF}
#stash-page footer{background: #FFF}

.surprise{position: fixed; top: 0; left: 0; opacity: 0}
.back-to{top: 100px; right: 100px; left: auto}
.back-to-2{bottom: 100px; left: 100px; top: auto; right: auto}

/* TOP */
.top-navigation ul {margin: 10px 0}
.top-navigation ul > li {padding: 0; display: block; float: left; margin: 0 0 0 5px}
.top-navigation ul > li.relative {position: relative}
.top-navigation ul > li > a {padding: 5px 10px; display: block; color: #0093D0; float: left}
.top-navigation ul > li > .fake-anchor{padding: 5px 10px; display: block; color: #428BCA; float: left}
.top-navigation ul > li > a .glyphicon{vertical-align: top;}
.top-navigation ul > li.featured-blue > a, .top-navigation ul > li.featured-blue > .fake-anchor{background: #0093D0; color: #FFF; border-radius: 4px}
.top-navigation ul > li.featured-blue > a:hover, .top-navigation ul > li.featured-blue > .fake-anchor:hover{color: #FFF; background: #4AB2DF; text-decoration: none}
.top-navigation ul > li.featured-outline > a{background: none; border: 1px solid; padding: 4px 9px; border-radius: 4px}
.top-navigation ul > li.featured-blue.featured-outline > a{color: #0093D0; border-color: #0093D0;}
.top-navigation ul > li.featured-blue.featured-outline> a:hover{background: #4AB2DF; color: #FFF; border:none; padding: 5px 10px}
.top-navigation ul > li.multiple > a:first-child {border-radius: 3px 0 0 3px}
.top-navigation ul > li.multiple > a + a{ border-radius: 0 3px 3px 0; border-left: 1px solid #4AB2DF}

.top-navigation ul > li > .fake-anchor {padding: 5px 10px; display: block; color: #428BCA; float: left}
.top-navigation ul > li > .fake-anchor .glyphicon{font-size: 10px; margin-left: 10px}
.top-navigation ul > li.featured-blue.featured-outline > .fake-anchor{color: #0093D0; border: 1px solid  #0093D0; border-radius: 4px; padding-bottom: 4px}
.top-navigation ul > li.parent:hover > .fake-anchor, .top-navigation ul > li.parent.open > .fake-anchor{padding-bottom: 10px;background: #0093D0; color: #FFF; border-radius: 4px 4px 0 0;}

.top-navigation .parent{position: relative}
.top-navigation .parent > a > .glyphicon{font-size: 10px; line-height: 20px; margin-left: 5px}
.top-navigation .parent:hover > a{border-radius: 3px 3px 0 0; background: #0093D0; padding-bottom: 10px; color: #FFF; text-decoration: none;}
.top-navigation .parent > .submenu-close, .top-navigation .parent:hover > .submenu-close{background: #0093D0; color: #FFF; border-radius: 4px !important; padding-bottom: 5px !important;}
.top-navigation .parent.featured-blue.featured-outline:hover > a{background: #4AB2DF; color: #FFF; border:none; padding: 5px 10px}
.top-navigation .parent:hover .submenu{display: block}
.top-navigation .parent .submenu.close {display: none}
.top-navigation .submenu{z-index: 101; display: none;position: absolute; list-style: none; right: 0; overflow: hidden; top: 25px; padding: 10px; min-width: 290px; background: #0093D0; border-radius: 3px 0 3px 3px}
.top-navigation .submenu li{float: none; clear: both;}
.top-navigation .submenu a{display: block; white-space: nowrap; color: #FFF}
.top-navigation .submenu a span{margin-right: 10px;}

.top-navigation .only-on-screen{display: block}
.top-navigation .only-on-mobile{display: none}

.featured a{border-radius: 3px}
.top-navigation ul > li > a{-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in; }

.breadcrumb{background: none; border-radius: 0; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; margin: 0}

/* MIDDLE */
.pagination > li > a, .pagination > li > span{background: none !important; border: none; color: #0093d0}
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color: #97999b !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #0093D0 !important; border-radius: 2px; z-index: 0;}
.pagination-info{float: left;}
.pagination-info p{ padding: 0 10px ; margin: 0; color: #97999B; font-size: 12px}
.pagination-info .current-page{}
.pagination-info .all-pages{}
.pagination-info .results-number{margin-right: 15px; color: #0093D0;}
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{cursor: default}
.pagination-bottom{margin: 15px 0 40px}

/* FOOTER */
*[class|="inner-sidebar"] .footer-links li > a{margin: 0; padding: 0; color: #0093D0}
*[class|="inner-sidebar"] .footer-links li > a:hover{color: #0093D0}
.footer-links-mobil ul{text-align: center}
.footer-links-mobil li > a{color: #0093D0 !important; padding: 0; margin: 0 !important;}
#office .footer-links li > a, #stash-page .footer-links li > a, #results .footer-links li > a{color: #0093D0}
#office .footer-links li > a:hover, #stash-page .footer-links li > a:hover,#results .footer-links li > a:hover{color: #0093D0}
*[class|="inner-sidebar"] .footer-links li {margin: 0 10px 0 0; padding: 0}
.footer-links li > a {padding: 0 12px; color: #FFF; margin-top: 95px}
.footer-links li > a:hover {color: #FFF;}
footer .copyright {color: #4b4b4b; margin-top: 95px}
.browser-footer{margin: 25px -15px}

/* POPUP */
#popup{position: fixed;  top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); overflow-x: auto; overflow-y: scroll; z-index: 5}
#popup-wrapper{z-index: 101;}
#popup-blend{position: fixed;  top: 0; bottom: 0; left: 0; right: 15px; background: rgba(255, 255, 255, 0.5); z-index: 100; overflow-x: hidden;}
#popup-wrapper{border: 1px solid #E0E0E0; overflow: hidden; box-shadow: 0 0 3px #CCC; margin-top: 50px; margin-bottom: 50px; border-radius: 4px; background:#FFF;}
#popup button.btn{color: #0093D0; margin: 10px; padding: 10px}
#popup article{padding: 35px; border-radius: 0 0  4px 4px }
#popup p, ul, ol{color: #96989A}
#popup h1, h2, h3, h4, h5, h6{color: #0093D0}
#popup h2{margin-top: 0;}

/* GLYPHICONS */
.glyphicon-radio-off, .glyphicon-radio-on{display: inline-block; width: 14px; height: 14px;}
.glyphicon-radio-off{background: url('../img/icons/icon-radio.png') -14px 0 no-repeat;}
.glyphicon-radio-on{background: url('../img/icons/icon-radio.png') 0 0 no-repeat;}

.glyphicon-checkbox-off, .glyphicon-checkbox-on{display: inline-block; width: 17px; height: 17px;}
.glyphicon-checkbox-off{background: url('../img/icons/icon-checkbox.png') -17px 0 no-repeat;}
.glyphicon-checkbox-on {background: url('../img/icons/icon-checkbox.png') 0 0 no-repeat;}

.glyphicon-star-custom{background: url('../img/icons/icon-sprite-actions.png') 0 0 no-repeat; height: 25px; width: 25px; cursor: pointer}
.glyphicon-star-custom:hover {background: url('../img/icons/icon-sprite-actions.png') -25px 0 no-repeat;}
.glyphicon-star-custom.active {background: url('../img/icons/icon-sprite-actions.png') -50px 0 no-repeat;}

.glyphicon-print-custom{background: url('../img/icons/icon-sprite-actions.png') 0 -25px no-repeat; height: 25px; width: 25px; cursor: pointer}
.glyphicon-print-custom:hover {background: url('../img/icons/icon-sprite-actions.png') -25px -25px no-repeat;}

.glyphicon-green-building{background: url('../img/icons/icon-green-building.png') 0 0 no-repeat; height: 25px; width: 25px;}
.glyphicon-green-building-lg{background: url('../img/icons/icon-green-building-lg.png') 0 100% no-repeat; height: 35px; width: 35px;}
.glyphicon-green-building-sm{background: url('../img/icons/icon-green-building-sm.png') 0 100% no-repeat; height: 13px; width: 15px;}

/* COOKIE INFO */
.cookie-info{position: fixed; bottom: 0; left:0; background: rgba(255,255,255,0.80); border-top: 5px solid rgba(0, 147, 208,0.8); padding: 15px; width:100%; z-index: 10001; }
.cookie-info h4 {color: #0093d0; font-size: 14px; font-weight: bold; margin: 0; padding: 0 95px 0 0}
.cookie-info p {color: #0093d0; font-size: 12px; margin: 0; }
.cookie-info p a{color: #00467F;}
.cookie-info #close-cookies {position: absolute; top: 10px; right: 15px;}

/* TOOLTIP */
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #ebebeb; border-width: 5px 5px 0;}
.tooltip-inner { color: #4b4b4b; background: #fff; border: solid 1px #ebebeb;}

/* SCROLLBAR */
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #97999b; }
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: #757575; }

/* INFOGRAPHICS */
#infographics-placeholder{}

/* MAP TRAFFIC BUTTON */
.gmap-control-container { margin: 5px 0;}
.gmap-control { direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    background-color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(0, 0, 0, 0.14902);
    border-right-color: rgba(0, 0, 0, 0.14902);
    border-bottom-color: rgba(0, 0, 0, 0.14902);
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 43px;
    cursor: pointer;}
.gmap-control:hover { color: rgb(0, 0, 0); background: rgb(235, 235, 235)}
.gmap-control-active { direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    background-color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.14902);
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 24px;
    font-weight: 500;}

.no-overflow {
    overflow: hidden;
}

iframe[name=google_conversion_frame] {
    display:none;
}

@media (max-width: 340px) {
    .logo--top img { width: 100%; }
    .container { width: 290px; }
    .popover-login { width: 290px; }
}

@media (max-width: 480px)  {
    .logo--top{text-align: center; margin-bottom: 30px}
    .top-navigation{ clear: both;}
    .top-navigation ul{margin: 10px auto}
    .top-navigation ul > li{float: none; display: block; width: 100%; clear: both}
    .top-navigation ul > li > a, .top-navigation ul > li .fake-anchor{padding: 10px !important; display: block; text-align: center; width: 100%}
    .top-navigation ul > li.multiple  > a{display: block; text-align: center; width: 50%; margin-bottom: 10px; }
    .top-navigation ul .submenu{text-align: center; width: 100%}
    .top-navigation ul .submenu li a{text-align: left; }
    .breadcrumb{font-size: 10px; font-weight: 600}
    .footer-links{text-align: center;}
    .footer-links li > a{margin: 0}
    footer .copyright { margin-top: 0px; clear: both}
    .top-navigation .only-on-screen{display: none}
    .top-navigation .only-on-mobile{display: block}

    .logo--top{ margin-bottom: 30px}
    .cookie-info p {width: 75%;}

    .logo-colliers-bottom{text-align: center; float: none; clear: both}
    .logo-colliers-bottom img{text-align: center; float: none !important; clear: both; margin: 20px 0}

    p small {font-size: 65%}

    .footer-links li > a {color: #0093d0;}
}

@media (min-width: 481px) and (max-width: 767px) {
    .logo--top{margin-bottom: 30px}
    .top-navigation{}
    .top-navigation ul{margin: 10px auto}
    .breadcrumb{font-size: 10px; font-weight: 600}
    .footer-links{text-align: center;}
    .footer-links li > a{margin: 0}
    footer .copyright { margin-top: 0px; clear: both}
    .top-navigation .only-on-screen{display: none}
    .top-navigation .only-on-mobile{display: block}

    .logo--top{ margin-bottom: 30px}
    .cookie-info p {width: 75%;}

    .logo-colliers-bottom{text-align: center; float: none; clear: both}
    .logo-colliers-bottom img{text-align: center; float: none !important; clear: both; margin: 20px 0}

    .footer-links li > a {color: #0093d0;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo--top{ margin-bottom: 30px}
    .cookie-info p {width: 75%;}
    .footer-links li > a{margin: 0}
    footer .copyright { margin-top: 0px;}
    .logo-colliers-bottom{text-align: center; float: none; clear: both}
    .logo-colliers-bottom img{text-align: center; float: none !important; clear: both; margin: 20px 0}
    .footer-links li > a {color: #0093d0;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) and (max-width: 1499px) {

}

@media (min-width: 1500px) and  (max-width: 1799px){

}

@media (min-width: 1800px) {

}

@media screen and (max-width: 1500px) {#background { left: 50%;  margin-left: -750px;}}