/*Font Family CoStarBrown Bold*/
@font-face {
    font-family: 'CoStar Brown Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-bold.eot");
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-bold.woff") format('woff'), /* Super Modern Browsers */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-bold.ttf")  format('truetype'), /* Safari, Android, iOS */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-bold.svg") format('svg'); /* Legacy iOS */

}

/*Font Family CoStarBrown Light*/
@font-face {
    font-family: 'CoStar Brown Light';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-light.eot");
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-light.woff") format('woff'), /* Super Modern Browsers */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-light.ttf")  format('truetype'), /* Safari, Android, iOS */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-light.svg") format('svg'); /* Legacy iOS */

}

/*Font Family CoStarBrown Regular-Bold */
@font-face {
    font-family: 'CoStar Brown Regular';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-regular.eot");
    src: url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-regular.woff") format('woff'), /* Super Modern Browsers */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-regular.ttf")  format('truetype'), /* Safari, Android, iOS */
    url("../fonts/CoStarBrown_webfonts/lineto-costar-brown-regular.svg") format('svg'); /* Legacy iOS */
}

/**************** general styles *******************/
html, body { font-family: 'CoStar Brown Regular', Arial, Helvetica, sans-serif; height: 100%;  width: 100%; color: #000000; }
#main-content { margin-top: 0; }
iframe { border: 0; }
.bc-iframe, .bc-iframe body, .bc-player-S1l0k2xdJg_default, .bc-player-S1l0k2xdJg_default .vjs-poster { background-color: #ffffff !important; }
/* padded section */
.pad-section { padding: 50px 0; }
.pad-section img { width: 100%; }
.margin-top { margin-top: 40px; }
.margin-bottom { margin-bottom: 40px; }
/* gray background section */
.gray-section { background-color: #EFEFEF; }
/* black background section */
.black-section { background-color: #000000;color:#ffffff; }
/* black background section */
.red-section { background-color: #cf0000 ;color:#ffffff; }
/* border-top section */
.border-top-section { border-top: 1px solid #979797; }
/* border-box */
.border-box { border: 1px solid #979797; }
/* full-width */
.full-width { width: 100%; }
/* no-padding */
.no-padding { padding: 0; }
.no-click { pointer-events:none; }


/**************** default CSS ********************/
h1 { font-family: 'CoStar Brown Bold'; font-size: 30px; }
h2 { font-family: 'CoStar Brown Bold'; font-size: 30px; margin-bottom: 20px; }
h3 { font-family: 'CoStar Brown Bold'; font-size: 20px; line-height: 1.5; }
h3.numbers { font-size: 40px; }
.text-red { color: #cf0000; }
p { font-family: 'CoStar Brown Light'; font-size: 20px; margin-bottom: 15px; }
p.bold { font-family: 'CoStar Brown Bold'; }



/***************** Header & Nav ******************/
#top-btn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #cf0000; color: white; cursor: pointer; padding: 15px; border-radius: 4px; }
#top-btn:hover { background-color: #979797; color: #000000; }
nav { height: 65px; }
.navbar-default { background-color: rgba(255,255,255,.5); border: none; z-index: 10; }
.navbar-default .navbar-nav { margin-top: 7px; }
.navbar-default .navbar-nav>li>a { font-family: 'CoStar Brown Regular'; color:#000000; }
.navbar-default .navbar-header a.navbar-brand-scroll { display:none; }
.navbar-default.navbar-shrink { background-color: #ffffff ;box-shadow: 0 8px 6px -6px #979797; -moz-box-shadow: 0 8px 6px -6px #979797; -webkit-box-shadow: 0 8px 6px -6px #979797; }
.navbar-default.navbar-shrink .navbar-header a.navbar-brand-scroll { display:inline-block; }
.navbar-default.fixed { display:block!important; position:fixed; top:-65px; left: 0; right: 0; z-index:999; transition:0.4s top cubic-bezier(.3, .73, .3, .74); }
.navbar-default.navbar-shrink.fixed.slideDown { top:0; }
.navbar-brand img { width: 130px; height: auto; }

    
/************** main-contents **************/
.col-box p { line-height: 1.3; }

#home { background: url('../assets/img/home/home_background.png') no-repeat center bottom;  color: #000000; display: table;  height: 100%;  position: relative;  width: 100%;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; padding: 100px 0 0; }
#home h1 { padding-left: 15px; padding-right: 15px; }
#home #form_container, #CTA-footer #form_container2 { margin-left: -15px; }

#costar-group .col-box img { max-height: 90px; width: auto; padding-bottom: 15px; align-self: center; }
#costar-group #leading-marketplaces .logo-box, #largest-audience #companies-on-loopnet .logo-box { padding: 10px 25px; height:50px; margin-top: 20px; margin-bottom: 20px; }

#largest-audience .col-box img { max-height: 85px; width: auto; padding-bottom: 15px; align-self: center; }
#largest-audience #companies-on-loopnet .logo-box { display: flex; justify-content: center; align-content: center; flex-direction: column; }
#largest-audience #companies-on-loopnet .logo-box img { max-width: 100%; width: auto; height: auto; align-self: center; }

#map-section .video-container { position: relative; display: block; margin: -35px 0; }

#searches-online { background: url('../assets/img/searches-online/searches-online-bg.png') #000000 no-repeat center bottom;  color: #ffffff; display: table;  height: 100%;  position: relative;  width: 100%;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
#searches-online h2.bottom-h2 { border-top: 1px solid #ffffff; font-family: 'CoStar Brown Regular'; padding-top: 40px; }

#tranditional-techniques .col-box img { max-height: 40px; width: auto; }

#delivering-results .col-box .border-box { padding: 30px 20px; height: 100%; }
#delivering-results .col-box img { max-height: 80px; width: auto; padding-bottom: 15px; align-self: center; }

#web-exposure .col-box h3 { color: #cf0000; margin: 0 0 3px 0; line-height: 1.2; }
#web-exposure .col-box p { line-height: 1.2 }
#web-exposure .col-box p.caption { font-size: 17px; margin-top: 12px; line-height: 1; }

#virtual-tour .full-width { max-width: 1280px; margin: 0 auto; }

#testimonials .carousel .carousel-inner { padding-bottom: 50px;}
#testimonials .carousel .carousel-inner .item img { max-width: 150px; height: auto; }
#testimonials .carousel .carousel-inner .item p.testimonial { padding-top: 15px; line-height: 30px; }
#testimonials .carousel .carousel-inner .item p.testimonial::before { content: open-quote; font-size: 60px; line-height: 15px; padding: 0 20px 0 0; vertical-align: -25px; }
#testimonials .carousel .carousel-inner .item p.testimonial::after { content: close-quote; font-size: 60px; line-height: 50px; padding: 0 0 0 10px; vertical-align: -25px; }
#testimonials .carousel .carousel-indicators li { border-color: #000000; }
#testimonials .carousel .carousel-indicators li.active { background-color: #000000; }

#cta-footer p { padding-left: 15px; padding-right: 15px; }


/************** footer **************/
footer { font-family: 'CoStar Brown Light'; color: #ffffff; font-size: 16px; background-color: #63666a; padding: 40px 10px; }
footer .footer-box { margin-bottom: 20px; }
footer .footer_col h4 { font-size: 18px; margin-top: 0; margin-bottom: 8px; }
footer .footer_col p { font-size: 17px; margin: 0; line-height: 1.5; }
footer .footer_col a { text-decoration: none; color: #b1b3b0; transition: color ease-in-out .25s; }
footer .footer_col a:hover { color: #ffffff; }
footer #footer_share_icons { margin-top: 10px; }
footer #footer_share_icons p { font-size: 16px; }
footer #footer_share_icons p.copyright { font-size: 15px; color: #b1b3b0; }
footer #footer_share_icons a img { margin: 0 5px 15px 0; }


/************** media query **************/
@media (max-width:991px) {
    #costar-group #leading-marketplaces .logo-box, #largest-audience #companies-on-loopnet .logo-box { margin: 30px 0; }
    #costar-group #leading-marketplaces .logo-box img, #largest-audience #companies-on-loopnet .logo-box img { max-width: 80%; height: auto; }
}
@media (max-width:768px) {
    h1 { font-size: 25px; }
    h2 { font-size: 22px; }
    h3, p { font-size: 17px; }
    .row.margin-top, .row.margin-bottom { margin: 0; }
    .navbar-default { background-color: rgba(255,255,255,.7))}
    .navbar-default .navbar-toggle { min-height: 45px; }
    .navbar-default .navbar-collapse { background-color: #ffffff; }
    .col-box { margin-top: 20px; }
    #home { background: none; text-align: center; padding-top: 0; }
    #home h1 { padding: 60px 5px 5px; color: #ffffff; }
    #home h3 { line-height: 1.1; }
    #home .hero-img-mobile { margin: 0 -15px; width: calc(100% + 30px); }
    #home .top-red-mobile { background-color: #cf0000; }
    #costar-group #leading-marketplaces .logo-box, #largest-audience #companies-on-loopnet .logo-box { margin: 15px 0; } 
    #map-section .video-container { margin: -10px 0; }   
    #tranditional-techniques .col-box { text-align: center; }  
}
@media (min-width: 768px) {    
    .row.vcenter { display: flex; align-items: center; }
    #delivering-results .row, #home .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
    #delivering-results .row > [class*='col-'], #home .row > [class*='col-'] { display: flex; flex-direction: column; }
    #testimonials .carousel .carousel-inner .item p.testimonial { max-width: 75%; margin: 0 auto; }
    #testimonials .carousel .carousel-inner { padding-bottom: 90px;}
}