@charset "utf-8"; * { margin:0; padding:0; border:none; outline:none; } html,body { height:100%; } body { width:100%; font-family:'Lato',sans-serif; font-size:100%; position:relative; background-color:#ffffff; } img { max-width:100%; vertical-align:middle; line-height:1; } .clear { clear:both; } .frame { display:table; width:100%; height:100%; } .row { display:table-row; height:1px; } .row.expand { height:100%; } /* *** GENERAL *** */ /* ************************************************************************************************************************************************************************************* */ header { position:relative; height:80px; } header.dark { height:79px; background-color:#ffffff; border-bottom:solid 1px #d6d6d6; } header.fixed { position:fixed; top:0; left:0; width:100%; z-index:2; } header .content { padding:20px 30px; color:#ffffff; } header.dark .content { padding:0 30px; color:#272727; } header.width .content { max-width:1024px; margin:0 auto; } header.home .content { text-align:center; } header.home .logo { display:inline-block; } header.home .logo .icon { display:none; } header a.logo { display:inline-block; float:left; } header.dark a.logo { margin-top:20px; color:#272727; } header.schedule a.logo { float:right; } header a.logo .icon { display:none; } header .links { float:right; } header.home .links { position:absolute; top:34px; right:30px; } header .links a { display:inline-block; float:left; font-size:1em; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:38px; padding-bottom:2px; padding-right:28px; background-repeat:no-repeat; background-position:right 13px; } header.dark .links a { color:#272727; } header .links a:hover { padding-bottom:0; border-bottom:solid 2px #ffffff; } header.dark .links a:hover { border-bottom:solid 2px #272727; } header .links .call-link-wrapper { float:left; margin-right:30px; padding-right:30px; border-right:solid 1px #ffffff; } header.dark .links .call-link-wrapper { padding-top:20px; padding-bottom:19px; border-right:solid 1px #e4e4e4; } header .links a.call-link { background-image:url(../images/icon-header-call-link.png); } header.dark .links a.call-link { background-image:url(../images/icon-header-call-link-dark.png); } header .links .menu-link-wrapper { float:left; padding-left:30px; padding-bottom:19px; border-left:solid 1px #e4e4e4; } header .links a.menu-link { float:left; background-image:url(../images/icon-header-menu-link.png); } header .links .menu-link-wrapper a.menu-link { float:none; } header.dark .links a.menu-link { margin-top:20px; background-image:url(../images/icon-header-menu-link-dark.png); } header .backlink { display:inline-block; float:left; font-size:1.25em; font-weight:300; color:#3f3f3f; text-decoration:none; line-height:40px; } header.dark .backlink { color:#ffffff; } header.dark.property .backlink { margin-top:20px; margin-left:24px; font-size:1.125em; color:#1a1a1a; } header .backlink .fa { font-size:0.75em; margin-right:10px; } header .backlink:hover { text-decoration:underline; } footer { margin-top:0px; background-color:#fff; } footer .content { width:98%; margin:0 auto; padding:60px 0; text-align:center; } footer nav { display:inline-block; width:58%; vertical-align:middle; text-align:left; } footer nav ul { list-style-type:none; float:left; width:44%; margin-right:2%; } footer nav ul li { margin-top:20px; } footer nav ul li:first-child { margin-top:0; } footer nav ul li a { display:inline-block; font-size:1.25em; font-weight:300; color:#000000; text-decoration:none; line-height:24px; } footer nav ul li a:hover { text-decoration:underline; } /*footer .info { display:inline-block; width:100%; vertical-align:middle; box-sizing:border-box; padding-left:8%; border-left:solid 1px #e5e5e5; color:#000000; text-align:left; }*/ footer .info { display:inline-block; vertical-align:middle; box-sizing:border-box; padding-left:8%; border-left:solid 1px #e5e5e5; color:#000000; text-align:left; } footer .info h3 { font-size:1.25em; font-weight:900; text-transform:uppercase; letter-spacing:4px; padding-left:4px; } footer .info p { margin-top:10px; font-size:1.125em; font-weight:bold; } footer .info p span { display:inline-block; vertical-align:middle; } footer .info p a { color:#000000; text-decoration:none; } footer .info p a:hover { text-decoration:underline; } footer .info p:nth-of-type(1) { margin-top:20px; } footer .info p.privacy-policy-link { margin-top:15px; font-size:0.9375em; } footer .info p.privacy-policy-link a { color:#8d8d8d; } footer .info p.privacy-policy-link a .fa { margin-right:5px; } footer .info .social ul { list-style-type:none; margin-top:15px; display:inline-block; } footer .info .social ul li { float:left; margin-left:5px; } footer .info .social ul li:first-child { margin-left:0; } footer .info .social ul li a { display:block; width:36px; line-height:36px; color:#ffffff; text-align:center; font-size:1em; border-radius:36px; } footer .info .social ul li.facebook a { background-color:#3b5998; } footer .info .social ul li.twitter a { background-color:#00aced; } footer .info .social ul li.gplus a { background-color:#dd4b39; } footer .info .social ul li.linkedin a { background-color:#007bb6; } footer .info .social ul li.youtube a { background-color:#bb0000; } footer .info .social ul li.top a { background-color:#363636; } footer .info .social ul li a:hover { opacity:0.9; } footer .disclaimers { list-style-type:none; padding-top:15px; } footer .disclaimers li { float:right; width:48%; margin-top:45px; } footer .disclaimers li:nth-of-type(2n+1) { float:left; clear:left; } footer .disclaimers li.single { float:none; width:100%; } footer .disclaimers li img { float:left; width:120px; height:auto; box-sizing:border-box; border:solid 1px #e9e4df; border-radius:3px; } footer .disclaimers li p { margin-left:140px; font-size:0.75em; color:#4b4b4b; letter-spacing:1px; line-height:150%; text-align:left; } footer .disclaimers li.no-img p { margin-left:0; } #compliance-logos { padding:5px 5% 20px; text-align:center; background-color:#ffffff; } #compliance-logos img { margin:15px 12px 0; } .header-compliance .content { padding:20px 30px; text-align:center; position:relative; } .header-compliance .content .logo .icon { display:none; } .footer-compliance p { padding:30px; font-size:1em; font-weight:300; color:#ffffff; text-align:center; line-height:150%; position:relative; } .footer-compliance.dark p { color:#3d3d3d; } .footer-compliance .company { text-transform:uppercase; } .footer-compliance a { color:#ffffff; text-decoration:none; } .footer-compliance.dark a { color:#3d3d3d; } .footer-compliance a:hover { text-decoration:underline; } /* *** MENU *** */ /* ************************************************************************************************************************************************************************************* */ #menu-header { padding:30px; text-align:right; } #menu-header .close { display:inline-block; padding-right:24px; font-size:0.875em; font-weight:bold; color:#3d3d3d; text-transform:uppercase; letter-spacing:4px; line-height:20px; background-image:url(../images/icon-menu-close.png); background-repeat:no-repeat; background-position:right center; text-decoration:none; } #menu-nav { width:90%; margin:30px auto 0; text-align:center; } #menu-nav ul { margin-top:60px; list-style-type:none; } #menu-nav ul li { margin-top:20px; line-height:120%; } #menu-nav ul li:first-child { margin-top:0; } #menu-nav ul li a { font-size:1.375em; font-weight:300; color:#3d3d3d; text-decoration:none; } #menu-nav ul li a:hover { text-decoration:underline; } #menu-blog { width:90%; margin:60px auto 0; text-align:center; } #menu-blog h2 { font-size:1.5em; font-weight:bold; color:#3d3d3d; text-transform:uppercase; line-height:120%; } #menu-blog ul { margin-top:30px; list-style-type:none; } #menu-blog ul li { margin-top:20px; line-height:120%; } #menu-blog ul li:first-child { margin-top:0; } #menu-blog ul li a { font-size:1.375em; font-weight:300; color:#3d3d3d; text-decoration:none; } #menu-blog ul li a:hover { text-decoration:underline; } #menu-info { width:90%; max-width:600px; margin:60px auto; padding-top:45px; border-top:solid 1px #e9e9e9; text-align:center; } #menu-info h3 { font-size:1.125em; font-weight:bold; color:#3d3d3d; text-transform:uppercase; letter-spacing:4px; line-height:120%; } #menu-info p { margin-top:10px; font-size:1.125em; color:#3d3d3d; line-height:120%; } #menu-info p:nth-of-type(1) { margin-top:20px; } #menu-info p a { color:#3d3d3d; text-decoration:none; } #menu-info p a:hover { text-decoration:underline; } #menu-info p a.email { display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #menu-info .social ul { list-style-type:none; margin-top:20px; display:inline-block; } #menu-info .social ul li { float:left; margin-left:8px; } #menu-info .social ul li:first-child { margin-left:0; } #menu-info .social ul li a { display:block; width:40px; line-height:40px; color:#ffffff; text-align:center; font-size:1.125em; border-radius:40px; } #menu-info .social ul li.facebook a { background-color:#3b5998; } #menu-info .social ul li.twitter a { background-color:#00aced; } #menu-info .social ul li.gplus a { background-color:#dd4b39; } #menu-info .social ul li.linkedin a { background-color:#007bb6; } #menu-info .social ul li.youtube a { background-color:#bb0000; } #menu-info .social ul li.top a { background-color:#363636; } #menu-info .social ul li a:hover { opacity:0.9; } /* *** HOME *** */ /* ************************************************************************************************************************************************************************************* */ #home-top { position:relative; height:100%; background-position:center center; background-size:cover; } #home-top .video { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; } #home-top .overlay { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:1; } #home-top .frame { position:absolute; left:0; top:0; z-index:2; } #home-top .expand .content { display:table-cell; width:100%; padding:0 5%; vertical-align:middle; text-align:center; color:#ffffff; } #home-top .expand .content h1 { font-size:4.5em; font-weight:900; line-height:100%; } #home-top .expand .content h2 { font-size:2.25em; font-weight:300; line-height:100%; margin-top:10px; } #home-top .expand .content a { display:inline-block; margin-top:45px; padding:14px 20px; border:2px solid #ffffff; border-radius:5px; line-height:24px; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:uppercase; background-color:rgba(0,0,0,0.34); } #home-top .expand .content a .fa { margin-right:15px; font-size:1.5em; } #home-top .expand .content a span { font-size:1.125em; } #home-top .expand .content a:hover { background-color:rgba(255,255,255,1); color:#000000; } #home-top .arrow div { width:64px; height:64px; margin:0 auto 30px; cursor:pointer; background-image:url(../images/home-top-arrow.png); } #home-top .arrow div:hover { opacity:0.8; } #my-layout .content { position:relative; top:-120px; z-index:2; width:90%; margin:auto; padding:0px 10px 0 10px; text-align:center; background-color:#FFF; } #my-layout h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #my-layout h2 { margin-top:10px; font-size:1.875em; font-weight:300; color:#000000; line-height:100%; } #my-layout .cards { list-style-type:none; padding-top:0px; } #my-layout .cards li { float:left; width:23.5%; margin-top:0px; margin-left:2%; } #my-layout .cards li:nth-of-type(4n+1) { clear:left; margin-left:0; } #my-layout .cards li a:hover { opacity:0.9; } #my-layout .cards li img { width:100%; height:auto; } } #cv-layout .content { position:relative; top:-40px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-layout h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-layout h2 { margin-top:10px; font-size:1.875em; font-weight:300; color:#000000; line-height:100%; } #cv-layout .cards { list-style-type:none; padding-top:0px; } #cv-layout .cards li { float:left; width:23.5%; margin-top:20px; margin-left:1%; } #cv-layout .cards li:nth-of-type(4n+1) { clear:left; margin-left:0; } #cv-layout .cards li a:hover { opacity:0.9; } #cv-layout .cards li img { width:100%; height:auto; } #cv-1 .content { position:relative; top:10px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-1 h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-1 h2 { margin-top:10px; font-size:1.875em; font-weight:300; color:#000000; line-height:100%; } #cv-1 p { margin-top:5px; margin-bottom:5px; line-height:100%; } #cv-1 .cards { list-style-type:none; padding-top:0px; } #cv-1 .cards li { float:left; width:98%; margin-top:20px; margin-left:1%; } #cv-1 .cards li:nth-of-type(n+1) { clear:left; margin-left:0; } #cv-1 .cards li a:hover { opacity:0.9; color: red; text-decoration: none;} #cv-1 .cards li img { width:100%; height:auto; } #cv-2 .content { position:relative; top:10px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-2 h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-2 h2 { margin-top:10px; font-size:1.875em; font-weight:300; color:#000000; line-height:100%; } #cv-2 p { margin-top:5px; margin-bottom:5px; line-height:100%; } #cv-2 .cards { list-style-type:none; padding-top:0px; } #cv-2 .cards li { float:left; width:48%; margin-top:20px; margin-left:1%; } #cv-2 .cards li:nth-of-type(2n+1) { clear:left; margin-left:0; } #cv-2 .cards li a:hover { opacity:0.9; color: red; text-decoration: none;} #cv-2 .cards li img { width:100%; height:auto; } /* unvisited link */ #cv-2 .cards a:link { color: black; text-decoration: none; } #cv-3 .content { position:relative; top:10px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-3 h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-3 h2 { margin-top:10px; font-size:1.875em; font-weight:300; color:#000000; line-height:100%; } #cv-3 .cards { list-style-type:none; padding-top:0px; } #cv-3 .cards li { float:left; width:31.5%; margin-top:20px; margin-left:1%; } #cv-3 .cards li:nth-of-type(3n+1) { clear:left; margin-left:0; } #cv-3 .cards li a:hover { opacity:0.9; } #cv-3 .cards li img { width:100%; height:auto; } #cv-4 .content { position:relative; top:10px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } /* #cv-4 h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-4 h2 { margin-top:10px; font-size:1.75em; font-weight:300; color:#000000; line-height:100%; } */ #cv-4 h1 { font-size:2.5em; font-weight:900; line-height:100%; } #cv-4 h2 { margin-top:10px; font-size:1.75em; font-weight:300; line-height:100%; } #cv-4 p { margin-top:5px; margin-bottom:5px; line-height:100%; color:black;} #cv-4 .cards { list-style-type:none; padding-top:0px; margin-top:10px;} #cv-4 .cards li { float:left; width:23.5%; margin-top:20px; margin-left:1%; } #cv-4 .cards li:nth-of-type(4n+1) { clear:left; margin-left:0; } #cv-4 .cards li a:hover { opacity:0.9; color: black; text-decoration: none;} #cv-4 .cards li img { width:100%; height:auto; } /* unvisited link */ #cv-4 .cards a:link { /* color: white; */ text-decoration: none; } #cv-6 .content { position:relative; top:10px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-6 h1 { font-size:2em; font-weight:900; color:#000000; line-height:100%; } #cv-6 h2 { margin-top:10px; font-size:1.5em; font-weight:300; color:#000000; line-height:100%; } #cv-6 .cards { list-style-type:none;adding-top:0px; } #cv-6 .cards li { float:left; width:15%; margin-top:20px; margin-left:1%; } #cv-6 .cards li:nth-of-type(6n+1) { clear:left; margin-left:0; } #cv-6 .cards li a:hover { opacity:0.9; } #cv-6 .cards li img { width:100%; height:auto; } #cv-network .content { position:relative; top:-40px; z-index:2; width:90%; margin:auto; padding:10px 10px 0 10px; text-align:center; background-color:#FFF; } #cv-network h1 { font-size:3em; font-weight:900; color:#000000; line-height:100%; } #cv-network h2 { margin-top:10px; font-size:1.75em; font-weight:300; color:#000000; line-height:100%; } #cv-network .cards { list-style-type:none; padding-top:0px; } #cv-network .cards li { float:left; width:23.5%; margin-top:20px; margin-left:1%; } #cv-network .cards li:nth-of-type(4n+1) { clear:left; margin-left:0; } #cv-network .cards li a:hover { opacity:0.9; } #cv-network .cards li img { width:100%; height:auto; } /* *** SCHEDULE *** */ /* ************************************************************************************************************************************************************************************* */ #schedule { display:table-cell; vertical-align:middle; } #schedule .content { width:90%; max-width:974px; margin:0 auto; padding:30px 0; } #schedule .header .img { float:left; width:25%; text-align:right; } #schedule .header .img img { border-radius:125px; } #schedule .header .title { float:right; width:68%; } #schedule .header .title-table { display:table; width:100%; height:125px; } #schedule .header .title-row { display:table-row; } #schedule .header .title-cell { display:table-cell; vertical-align:middle; width:100%; } #schedule .header .title h1 { font-size:3.125em; font-weight:900; color:#2a2a2a; line-height:100%; } #schedule .header .title h2 { margin-top:5px; font-size:0.9375em; font-weight:bold; color:#818181; letter-spacing:2px; text-transform:uppercase; } #schedule .main { margin-top:30px; } #schedule-form { float:right; width:68%; text-align:center; } #schedule-form .input { width:100%; padding:10px 15px; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; margin-top:10px; text-align:left; } #schedule-form .input.small { width:49%; margin-top:0; } #schedule-form .input.small.left { float:left; } #schedule-form .input.small.right { float:right; } #schedule-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #schedule-form .input input[type="text"],#schedule-form .input textarea { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #schedule-form .input textarea { min-width:100%; max-width:100%; overflow:auto; } #schedule-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #schedule-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#adadad; opacity:1; } #schedule-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#adadad; opacity:1; } #schedule-form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#adadad; } #schedule-form .input-select { position:relative; } #schedule-form .input-select label { position:absolute; top:0; left:0; width:100%; } #schedule-form button[type="submit"] { margin-top:24px; padding:5px; color:#ffffff; text-decoration:none; background-color:#08c17e; border:solid 2px #08c17e; border-radius:4px; cursor:pointer; } #schedule-form button[type="submit"] span { display:inline-block; padding:0 15px; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; letter-spacing:3px; line-height:40px; } #schedule-form button[type="submit"] .fa { width:40px; font-size:2em; line-height:40px; text-align:center; } #schedule-form button[type="submit"]:hover { opacity:0.9; } #schedule-form .form-error { position:relative; margin-bottom:15px; padding:15px; border:solid 1px #e5d3a0; border-radius:7px; background-color:#fff6dc; display:none; } #schedule-form .form-error p { font-size:1.125em; color:#595037; } #schedule-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #schedule .main .review { float:left; width:25%; text-align:right; } #schedule .main .review p { font-size:1em; color:#3d3d3d; line-height:180%; } #schedule .main .review .source { margin-top:20px; } #schedule-success { display:table-cell; vertical-align:middle; } #schedule-success .content { width:90%; max-width:496px; margin:0 auto; padding:30px 0 60px; text-align:center; } #schedule-success h1 { font-size:3.125em; font-weight:900; color:#2a2a2a; line-height:100%; } #schedule-success p { margin-top:20px; font-size:1.25em; font-weight:bold; color:#818181; line-height:140%; } #schedule-success div.buttons { margin-top:20px; } #schedule-success div.buttons .clear.responsive { display:none; } #schedule-success a.button { display:inline-block; width:49%; background-color:#8aa4bb; font-size:1.0625em; font-weight:normal; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; text-decoration:none; border-radius:7px; vertical-align:middle; } #schedule-success a.button:hover { opacity:0.9; } #schedule-success a.button span { display:inline-block; padding-left:40px; line-height:54px; background-repeat:no-repeat; background-position:left center; } #schedule-success a.button.search { float:left; } #schedule-success a.button.search span { background-image:url(../images/icon-button-search.png); background-size:26px auto; } #schedule-success a.button.testimonials { float:right; } #schedule-success a.button.testimonials span { background-image:url(../images/icon-button-testimonials.png); } #schedule-success a.custom-button { display:inline-block; margin-top:20px; padding:17px 15px; background-color:#8aa4bb; font-size:1.0625em; font-weight:normal; color:#ffffff; letter-spacing:2px; text-decoration:none; border-radius:7px; vertical-align:middle; line-height:20px; } #schedule-success a.custom-button:hover { opacity:0.9; } /* *** ABOUT *** */ /* ************************************************************************************************************************************************************************************* */ #about { background-color:#f4f4f4; } #about .top { position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; } #about .top .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #about .top .info { position:relative; padding:90px 5%; } #about .top .info .content { text-align:center; color:#ffffff; } #about .top .info h2 { font-size:2.25em; font-weight:bold; line-height:100%; text-transform:uppercase; letter-spacing:7px; } #about .top .info hr { width:80px; height:5px; margin:40px auto 0; background-color:#ffffff; } #about .top .info .intro { max-width:640px; margin:40px auto 0; font-size:1em; font-weight:300; line-height:140%; } #about .top .info ul { list-style-type:none; display:inline-block; padding-top:45px; } #about .top .info ul li { float:left; margin-top:30px; margin-left:120px; } #about .top .info ul li:first-child { margin-left:0; } #about .top .info ul li h2 { font-size:5em; font-weight:normal; line-height:100%; } #about .top .info ul li p { margin-top:15px; font-size:1.25em; font-weight:bold; text-transform:uppercase; letter-spacing:4px; } #about .team { background-color:#f4f4f4; } #about .team .head { width:90%; margin:0 auto; padding:60px 0; color:#3d3d3d; text-align:center; } #about .team .head h2 { font-size:2.25em; font-weight:bold; line-height:100%; text-transform:uppercase; letter-spacing:7px; } #about .team .head hr { width:80px; height:5px; margin:40px auto 0; background-color:#3d3d3d; } #about .team .swiper-arrow { position:absolute; width:80px; line-height:80px; cursor:pointer; text-align:center; font-size:4.5em; color:#2f3e42; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:1; } #about .team .swiper-arrow:hover { opacity:0.9; } #about .team .swiper-arrow.prev { left:0; } #about .team .swiper-arrow.next { right:0; } #about .team .swiper-slide { width:940px; padding:0 10px; } #about .team .slide-content { padding:60px 40px; background-color:#ffffff; opacity:0.4; } #about .team .swiper-slide-active .slide-content { opacity:1; } #about .team .swiper-slide img { float:left; width:272px; height:272px; border-radius:272px; } #about .team .swiper-slide .txt { margin-left:310px; color:#2f3e42; } #about .team .swiper-slide .txt-table { display:table; width:100%; height:272px; } #about .team .swiper-slide .txt-row { display:table-row; } #about .team .swiper-slide .txt-cell { display:table-cell; width:100%; vertical-align:middle; } #about .team .swiper-slide .txt h3 { float:left; font-size:1.25em; font-weight:bold; line-height:20px; text-transform:uppercase; } #about .team .swiper-slide .txt h4 { float:right; font-size:1em; font-weight:300; color:#8e8e8e; line-height:20px; } #about .team .swiper-slide .txt .bio p { margin-top:20px; font-size:1em; font-weight:300; line-height:150%; } #about .team .swiper-slide .txt .bio p a { color:#aaaaaa; text-decoration:underline; } #about .team .swiper-slide .txt .bio p a:hover { text-decoration:none; } #about .team .swiper-slide .txt .contact { margin-top:20px; font-size:1em; font-weight:300; } #about .team .swiper-slide .txt .contact .phone { float:left; } #about .team .swiper-slide .txt .contact .phone a { display:inline-block; color:#aaaaaa; line-height:26px; padding-left:40px; text-decoration:none; background-image:url(../images/icon-about-team-phone.png); background-repeat:no-repeat; background-position:left center; } #about .team .swiper-slide .txt .contact .phone a:hover { text-decoration:underline; } #about .team .swiper-slide .txt .contact .email { float:left; margin-left:30px; } #about .team .swiper-slide .txt .contact .email.no-phone { margin-left:0; } #about .team .swiper-slide .txt .contact .email a { display:inline-block; box-sizing:border-box; color:#aaaaaa; line-height:26px; padding-left:40px; text-decoration:none; background-image:url(../images/icon-about-team-email.png); background-repeat:no-repeat; background-position:left center; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #about .team .swiper-slide .txt .contact .email a:hover { text-decoration:underline; } #about .team .swiper-pagination { position:static; padding:45px 5%; text-align:center; transform:none; } #about .team .swiper-pagination-bullet { display:inline-block; width:15px; height:15px; margin:0 7px; border-radius:15px; background-color:#d3d6d6; cursor:pointer; } #about .team .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#4f5c5f; } #about .testimonials { background-color:#ffffff; } #about .testimonials .content { width:90%; max-width:780px; margin:0 auto; padding:75px 0 0; text-align:center; color:#3d3d3d; } #about .testimonials h2 { font-size:2.25em; font-weight:bold; line-height:100%; text-transform:uppercase; letter-spacing:7px; } #about .testimonials hr { width:80px; height:5px; margin:30px auto 0; background-color:#3d3d3d; } #about .testimonials h3 { margin-top:30px; font-size:1.25em; font-weight:bold; line-height:120%; text-transform:uppercase; } #about .testimonials .txt { margin-top:60px; font-size:1em; line-height:180%; } #about .testimonials .txt p { margin-top:20px; } #about .testimonials .txt :first-child { margin-top:0; } #about .testimonials .txt .video { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:20px; } #about .testimonials .txt .video iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #about .testimonials .source { margin-top:30px; } #about .testimonials .load-more { padding-top:60px; text-align:center; } #about .testimonials .load-more a { display:inline-block; padding:5px; color:#3d3d3d; text-decoration:none; border:solid 2px #3d3d3d; border-radius:4px; } #about .testimonials .load-more a span { display:inline-block; padding:0 30px; border-right:solid 1px #3d3d3d; font-size:0.875em; font-weight:600; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #about .testimonials .load-more a .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #about .testimonials .load-more a:hover { color:#ffffff; background-color:#3d3d3d; } #about .testimonials .load-more a:hover span { border-right:solid 1px #ffffff; } /* *** SEARCH *** */ /* ************************************************************************************************************************************************************************************* */ #search-content-wrapper { position:fixed; top:80px; right:0; width:50%; height:calc(100% - 80px); overflow:auto; } #search-content-header .content { padding:30px; } #search-query-form { position:relative; } #search-query-form input[type="text"] { width:100%; height:52px; box-sizing:border-box; padding:0 15px 0 50px; background-color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:300; font-size:1.25em; color:#9f9f9f; border:solid 1px #c6c6c6; border-radius:4px; background-image:url(../images/icon-input-seach.png); background-repeat:no-repeat; background-position:15px center; } #search-query-form.active input[type="text"] { padding:0 44px 0 50px; } #search-query-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #search-query-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#adadad; opacity:1; } #search-query-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#adadad; opacity:1; } #search-query-form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#adadad; } #search-query-clear { display:none; position:absolute; top:19px; right:16px; width:14px; height:14px; background-image:url(../images/icon-menu-close.png); cursor:pointer; } #search-query-form.active #search-query-clear { display:block; } #search-query-dropdown { position:absolute; left:0; top:55px; z-index:4; width:100%; padding:10px 0; box-sizing:border-box; background-color:#ffffff; border:solid 1px #c6c6c6; overflow:auto; } #search-query-dropdown h3 { padding:5px 15px; font-size:1.25em; font-weight:normal; color:#3d3d3d; line-height:110%; } #search-query-dropdown ul { list-style-type:none; } #search-query-dropdown ul li { padding:5px 15px; font-size:1em; color:#9f9f9f; font-weight:300; cursor:pointer; line-height:110%; } #search-query-dropdown ul li:hover { background-color:#fffcd1; } #search-query-dropdown ul li em { font-style:normal; font-weight:normal; } #search-content-header .filters { padding-top:12px; } #search-content-header .filters .button,#search-content-header .filters span.tag { margin:8px 8px 0 0; display:inline-block; vertical-align:middle; cursor:pointer; border-radius:4px; font-size:0.9375em; } #search-content-header .filters .button:hover,#search-content-header .filters span.tag:hover { opacity:0.9; } #search-content-header .filters .button { padding:3px 10px; background-color:#0dc966; color:#ffffff; text-decoration:none; } #search-content-header .filters .button span { display:inline-block; vertical-align:top; padding-right:10px; border-right:solid 1px #ffffff; text-transform:uppercase; line-height:28px; } #search-content-header .filters .button .fa { margin-left:8px; vertical-align:top; line-height:28px; } #search-content-header .filters span.tag { padding:0 8px; line-height:32px; background-color:#f2f2f2; border:solid 1px #dfdfdf; color:#aeaeae; } #search-content-header .filters span.tag .fa { margin-left:5px; } #search-content-results .content { padding:0 2%; } #search-content-results .result { float:left; width:49%; position:relative; margin-bottom:15px; margin-left:2%; border:solid 2px #ffffff; box-sizing:border-box; } #search-content-results .result:nth-child(2n+1) { clear:left; margin-left:0;} #search-content-results .result a { display:block; text-decoration:none; padding-top:77.6%; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); } #search-content-results .result:hover,#search-content-results .result.active { opacity:0.9; border-color:#0dc966; } #search-content-results .result .img { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-size:cover; } #search-content-results .result .overlay { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-size:cover; } #search-content-results .result .overlay.top { background-image:url(../images/shadow-listing2.png); } #search-content-results .result .overlay.bottom { background-image:url(../images/shadow-listing.png); } #search-content-results .result .price { position:absolute; top:0; left:0; z-index:2; width:100%; box-sizing:border-box; padding:15px 20% 0 5%; font-size:1.5em; font-weight:bold; color:#ffffff; } #search-content-results .result .price.ranged { font-size:1.2em; } #search-content-results .result .info { position:absolute; left:0; bottom:0; z-index:2; width:100%; box-sizing:border-box; padding:0 5% 15px; color:#ffffff; line-height:100%; } #search-content-results .result .info .address { position:absolute; left:0; bottom:0; z-index:3; width:100%; box-sizing:border-box; padding:0 5% 15px; color:#ffffff; line-height:100%; } #search-content-results .result .info .address h3 { font-size:1.25em; font-weight:bold; } #search-content-results .result .info .address h4 { margin-top:5px; font-size:1em; font-weight:300; } #search-content-results .result .info .address p.office { margin-top:5px; font-size:1em; font-weight:300; } #search-content-results .result .overlay-logo { position:absolute; top:15px; right:5%; z-index:3; width:10%; } #search-content-results .pagination { padding:15px 0 30px; text-align:center; position:relative; } #search-content-results .pagination span { display:inline-block; line-height:34px; font-size:1.125em; color:#9f9f9f; } #search-content-results .pagination .button { position:absolute; top:15px; display:inline-block; padding:0 8px; text-decoration:none; text-transform:uppercase; font-size:0.9375em; color:#aeaeae; line-height:32px; background-color:#f2f2f2; border:solid 1px #dfdfdf; border-radius:4px; } #search-content-results .pagination .button:hover { opacity:0.9; } #search-content-results .pagination .button.prev { left:2px; } #search-content-results .pagination .button.next { right:2px; } #search-content-results .disclaimers { list-style-type:none; margin:0 2%; padding-bottom:60px; } #search-content-results .disclaimers li { margin-top:45px; } #search-content-results .disclaimers li:first-child { margin-top:0; } #search-content-results .disclaimers li img { float:left; width:120px; height:auto; box-sizing:border-box; border:solid 1px #e9e4df; border-radius:3px; } #search-content-results .disclaimers li p { margin-left:140px; font-size:0.75em; color:#4b4b4b; letter-spacing:1px; line-height:150%; text-align:left; } #search-content-results .disclaimers li.no-img p { margin-left:0; } #search-content-results #compliance-logos { padding:5px 2% 20px; } #search-map-wrapper { position:fixed; top:80px; left:0; width:50%; height:calc(100% - 80px); background-color:#1e1e1e; } #search-map { position:absolute; top:0; left:0; width:100%; height:100%; } #search-map .leaflet-control-zoom { margin-left:30px; margin-top:30px; border:solid 1px #c6c6c6; } #search-map .leaflet-control-zoom a { width:40px; height:40px; line-height:40px; background-image:none; border-bottom:none; text-indent:0; font-family:'Lato',sans-serif; font-weight:900; font-size:30px; color:#3887be; text-align:center; } #search-map .leaflet-control-zoom a.leaflet-control-zoom-in { border-bottom:solid 1px #c6c6c6; } #search-map .marker-default { background-image:url(../images/map-marker-default.png); background-position:0 0; } #search-map .marker-default:hover,#search-map .marker-default.active { background-position:0 100% !important; z-index:10003 !important; } #search-map .marker-default .marker-content { position:relative; height:32px; } #search-map .marker-default .popup { position:absolute; bottom:20px; left:-122px; width:270px; box-sizing:border-box; background-color:#ffffff; border:solid 1px #e8e8e8; display:none; } #search-map .marker-default:hover .popup,#search-map .marker-default.active .popup { display:block; } #search-map .marker-default .popup:hover { background-color:#f2f2f2; } #search-map .marker-default .popup .img { float:left; width:90px; height:80px; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); position:relative; } #search-map .marker-default .popup .img .img-content { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; } #search-map .marker-default .popup .info { margin-left:90px; height:80px; position:relative; } #search-map .marker-default .popup .info .info-content { position:absolute; padding:15px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #search-map .marker-default .popup .info .price { font-family:'Lato',sans-serif; font-size:24px; font-weight:bold; color:#161616; line-height:28px; } #search-map .marker-default .popup .info .price.ranged { font-size:18px; line-height:20px; } #search-map .marker-default .popup .info .details { margin-top:5px !important; font-family:'Lato',sans-serif; font-size:11px; font-weight:bold; color:#8e8e8e; text-transform:uppercase; letter-spacing:2px; line-height:14px; } #search-map .marker-default .popup .info .details span { color:#161616; line-height:inherit !important; } #search-map .marker-single { background-image:url(../images/map-marker-single.png); position:relative; } #search-map .marker-single.marker-pin { z-index:9999 !important; } #search-map .marker-single:hover,#search-map .marker-single.marker-pin:hover { z-index:10001 !important; } #search-map .marker-single .marker-content { width:14px; height:14px; position:relative; border-radius:50%; } #search-map .marker-single .popup { position:absolute; bottom:7px; left:-128px; width:270px; height:auto; min-height:82px; display:none; box-sizing:border-box; border:solid 1px #e8e8e8; border-top:none; background-color:#ffffff; } #search-map .marker-single .popup.loading { background-image:url(../images/search-property-details-loading.gif); background-repeat:no-repeat; background-position:center center; background-size:200px 200px; border-top:solid 1px #e8e8e8; } #search-map .marker-single:hover .popup,#search-map .marker-single.marker-pin .popup { display:block; } #search-map .marker-single .popup .close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(../images/map-marker-popup-close.png); display:none; } #search-map .marker-single.marker-pin .popup .close { display:block; z-index:10000 !important; } #search-map .marker-single:hover .popup .close,#search-map .marker-single.marker-pin:hover .popup .close { z-index:10002 !important; } #search-map .marker-single .popup .listing { display:block; border-top:solid 1px #e8e8e8; } #search-map .marker-single .popup .listing:hover { background-color:#f2f2f2; } #search-map .marker-single .popup .img { float:left; width:90px; height:80px; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); position:relative; } #search-map .marker-single .popup .img .img-content { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; } #search-map .marker-single .popup .info { margin-left:90px !important; height:80px; position:relative; } #search-map .marker-single .popup .info .info-content { position:absolute; padding:15px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #search-map .marker-single .popup .info .price { font-family:'Lato',sans-serif; font-size:24px; font-weight:bold; color:#161616; line-height:28px; } #search-map .marker-single .popup .info .price.ranged { font-size:18px; line-height:20px; } #search-map .marker-single .popup .info .details { margin-top:5px !important; font-family:'Lato',sans-serif; font-size:11px; font-weight:bold; color:#8e8e8e; text-transform:uppercase; letter-spacing:2px; line-height:14px; } #search-map .marker-single .popup .info .details span { color:#161616; line-height:inherit !important; } #search-map .marker-cluster { background-image:url(../images/map-marker-cluster.png); position:relative; } #search-map .marker-cluster.cluster-pin { z-index:9999 !important; } #search-map .marker-cluster:hover,#search-map .marker-cluster.cluster-pin:hover { z-index:10001 !important; } #search-map .marker-cluster div { width:auto; height:auto; margin:0 !important; text-align:left; border-radius:0; } #search-map .marker-cluster .cluster-content { width:20px; height:20px; position:relative; border-radius:50%; } #search-map .marker-cluster .popup { position:absolute; bottom:10px; left:-125px; width:270px; height:auto; min-height:82px; display:none; box-sizing:border-box; border:solid 1px #e8e8e8; border-top:none; background-color:#ffffff; } #search-map .marker-cluster .popup.loading { background-image:url(../images/search-property-details-loading.gif); background-repeat:no-repeat; background-position:center center; background-size:200px 200px; border-top:solid 1px #e8e8e8; } #search-map .marker-cluster:hover .popup,#search-map .marker-cluster.cluster-pin .popup { display:block; } #search-map .marker-cluster .popup .close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(../images/map-marker-popup-close.png); display:none; } #search-map .marker-cluster.cluster-pin .popup .close { display:block; z-index:10000 !important; } #search-map .marker-cluster:hover .popup .close,#search-map .marker-cluster.cluster-pin:hover .popup .close { z-index:10002 !important; } #search-map .marker-cluster .popup .listing { display:block; border-top:solid 1px #e8e8e8; } #search-map .marker-cluster .popup .listing:hover { background-color:#f2f2f2; } #search-map .marker-cluster .popup .img { float:left; width:90px; height:80px; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); position:relative; } #search-map .marker-cluster .popup .img .img-content { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; } #search-map .marker-cluster .popup .info { margin-left:90px !important; height:80px; position:relative; } #search-map .marker-cluster .popup .info .info-content { position:absolute; padding:15px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #search-map .marker-cluster .popup .info .price { font-family:'Lato',sans-serif; font-size:24px; font-weight:bold; color:#161616; line-height:28px; } #search-map .marker-cluster .popup .info .price.ranged { font-size:18px; line-height:20px; } #search-map .marker-cluster .popup .info .details { margin-top:5px !important; font-family:'Lato',sans-serif; font-size:11px; font-weight:bold; color:#8e8e8e; text-transform:uppercase; letter-spacing:2px; line-height:14px; } #search-map .marker-cluster .popup .info .details span { color:#161616; line-height:inherit !important; } #search-map .marker-cluster .popup .cluster-zoom { padding:8px 15px; background-color:#0dc966; border-top:solid 1px #e8e8e8; font-family:'Lato',sans-serif; font-size:12px; color:#ffffff; text-align:center; text-transform:uppercase; cursor:pointer; } #search-map .marker-cluster .popup .cluster-zoom:hover { opacity:0.9; } #search-reg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; overflow:auto; background-repeat:no-repeat; background-position:center center; background-size:cover; } #search-reg-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/pattern-overlay.png); } #search-registration-form { display:table-cell; vertical-align:middle; text-align:center; } #search-registration-form .content { max-width:800px; margin:0 auto; padding:30px 5%; box-sizing:border-box; position:relative; z-index:1; background-color:#ffffff; border-radius:6px; } #search-registration-form .logo .icon { display:none; } #search-registration-form h2 { margin-top:20px; font-size:2.25em; font-weight:normal; color:#383636; line-height:110%; } #search-registration-form h2.headline { font-weight:900; } #search-registration-form h2 span { font-weight:900; } #search-registration-form p.subheadline { margin-top:15px; font-size:1.25em; font-weight:normal; color:#383636; line-height:110%; } #search-registration-form .tags { padding-top:7px; } #search-registration-form .tags span { margin:8px 4px 0; display:inline-block; vertical-align:middle; } #search-registration-form .tags span.label { line-height:32px; font-size:1.125em; color:#383636; } #search-registration-form .tags span.tag { line-height:30px; padding:0 8px; background-color:#f2f2f2; border-radius:4px; border:solid 1px #dfdfdf; font-size:0.9375em; color:#aeaeae; } #search-registration-form .inputs { margin-top:30px; } #search-registration-form .form-error { position:relative; margin-bottom:18px; padding:12px 0; border:solid 1px #e5d3a0; border-radius:4px; background-color:#fff6dc; display:none; } #search-registration-form .form-error p { margin-top:0; font-size:1em; color:#595037; } #search-registration-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #search-registration-form .input { width:100%; margin-bottom:12px; padding:10px 15px; background-color:#ffffff; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; text-align:left; } #search-registration-form .input.small { width:49%; } #search-registration-form .input.small.left { float:left; } #search-registration-form .input.small.right { float:right; } #search-registration-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #search-registration-form .input input[type="text"] { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #search-registration-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #search-registration-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:0.4; } #search-registration-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:0.4; } #search-registration-form :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:0.4; } #search-registration-form .buying-selling { margin-bottom:20px; } #search-registration-form .buying-selling .label { float:left; width:calc(100% - 160px); } #search-registration-form .buying-selling .label-table { display:table; width:100%; height:46px; } #search-registration-form .buying-selling .label-row { display:table-row; } #search-registration-form .buying-selling .label-cell { display:table-cell; vertical-align:middle; text-align:left; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:2px; } #search-registration-form .buying-selling .buttons { float:right; border:solid 1px #ebebeb; border-radius:4px; overflow:hidden; } #search-registration-form .buying-selling .buttons span { display:inline-block; float:left; width:70px; line-height:44px; font-size:1.375em; font-weight:300; color:#2c3032; text-align:center; cursor:pointer; } #search-registration-form .buying-selling .buttons span:first-child { border-right:solid 1px #ebebeb; } #search-registration-form .buying-selling .buttons span.active { background-color:#a9abad; color:#ffffff; } #search-registration-form button[type="submit"] { height:60px; padding:0 60px; background-color:#08c17e; border-radius:4px; font-family:'Lato',sans-serif; font-size:1.375em; color:#ffffff; text-transform:uppercase; letter-spacing:5px; cursor:pointer; } #search-registration-form button[type="submit"]:hover { opacity:0.9; } #search-registration-form .footer-compliance { margin-top:45px; border-top:solid 1px #ebebeb; } #search-registration-form .footer-compliance p { padding:30px 0 0; font-size:0.875em; } #search-property-details { position:absolute; top:0; right:0; z-index:1000; width:100%; height:100%; overflow:auto; background-color:#ffffff; border-left:solid 1px #c6c6c6; } #search-property-details.loading { background-image:url(../images/search-property-details-loading.gif); background-repeat:no-repeat; background-position:center center; background-size:400px 400px; } #search-property-details .note { padding:30px 5%; font-size:1.125em; color:#3d3d3d; text-align:center; } #search-property-details .property-details { padding:30px 5%; } #search-property-details .property-header { padding-bottom:30px; } #search-property-details .property-header .backlink { display:inline-block; float:left; line-height:54px; font-size:1.125em; color:#737373; text-decoration:none; cursor:pointer; } #search-property-details .property-header .backlink .fa { margin-right:10px; font-size:0.75em; } #search-property-details .property-header .backlink:hover { text-decoration:underline; } #search-property-details .property-header .call-link { display:inline-block; float:right; padding:0 15px; border-radius:7px; font-size:1.125em; color:#ffffff; text-transform:uppercase; text-decoration:none; background-color:#08c17e; } #search-property-details .property-header .call-link span { display:inline-block; line-height:54px; } #search-property-details .property-header .call-link:hover { opacity:0.9; } #search-property-details .ajax-error { font-size:1em; font-weight:bold; color:#3d3d3d; line-height:150%; text-align:center; } #search-property-details .property-photos-details { margin-top:30px; } #search-property-details .property-photos-details h2 { font-size:2.5em; font-weight:bold; color:#3d3d3d; line-height:100%; text-align:center; } #search-property-details .property-photos-details h3 { margin-top:10px; font-size:1.375em; font-weight:300; color:#3d3d3d; line-height:100%; text-align:center; } #search-property-details .property-photos-details .details { padding-top:30px; text-align:center; } #search-property-details .property-photos-details .details li { display:inline-block; margin:30px 30px 0; } #search-property-details .property-photos-details .details li .value { font-size:1.75em; font-weight:bold; color:#3d3d3d; line-height:100%; } #search-property-details .property-photos-details .details li .label { font-size:1em; font-weight:bold; color:#8e8e8e; text-transform:uppercase; letter-spacing:4px; line-height:100%; margin-top:10px; padding-left:4px; } #search-property-details .property-photos-details .office { margin-top:45px; font-size:1.125em; font-weight:300; color:#3d3d3d; line-height:150%; text-align:center; } #search-property-details .property-photos-details .office strong { font-weight:bold; } #search-property-details .property-photos-details .description { margin-top:60px; font-size:1.125em; font-weight:300; color:#3d3d3d; line-height:150%; text-align:center; } #search-property-details .property-photos-details .description strong { font-weight:bold; } #search-property-details .property-photos-details .description .virtual-tours-link { font-weight:bold; color:#3d3d3d; text-decoration:none; } #search-property-details .property-photos-details .description .virtual-tours-link:hover { text-decoration:underline; } #search-property-details .property-photos-details .description .virtual-tours-link .fa { margin-left:5px; } #search-property-details .property-photos-details .main-photo { margin-top:60px; } #search-property-details .property-photos-details .main-photo a { display:block; width:100%; padding-top:65%; position:relative; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); } #search-property-details .property-photos-details .main-photo a:hover { opacity:0.9; } #search-property-details .property-photos-details .main-photo .img { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-size:cover; } #search-property-details .property-photos-details .photos { padding-top:4px; list-style-type:none; } #search-property-details .property-photos-details .photos li { float:left; width:32.6%; margin-top:8px; margin-left:1.1%; } #search-property-details .property-photos-details .photos li:nth-child(3n+1) { margin-left:0; clear:left; } #search-property-details .property-photos-details .photos li a { display:block; width:100%; padding-top:77.6%; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); position:relative; } #search-property-details .property-photos-details .photos li a:hover { opacity:0.9; } #search-property-details .property-photos-details .photos li .img { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-size:cover; } #search-property-details .property-amenities { margin-top:60px; } #search-property-details .property-amenities h2 { font-size:1.875em; font-weight:bold; color:#3d3d3d; line-height:100%; text-transform:uppercase; letter-spacing:7px; text-align:center; } #search-property-details .property-amenities hr { width:80px; height:5px; margin:45px auto; background-color:#3d3d3d; } #search-property-details .property-amenities ul { width:45%; list-style-type:none; } #search-property-details .property-amenities ul.left { float:left; } #search-property-details .property-amenities ul.right { float:right; } #search-property-details .property-amenities ul li { margin-top:30px; margin-left:30px; } #search-property-details .property-amenities ul li h3 { font-size:1.125em; font-weight:normal; color:#3d3d3d; } #search-property-details .property-amenities ul li p { margin-top:10px; font-size:1.5em; font-weight:bold; color:#3d3d3d; line-height:120%; } #search-property-details .property-amenities h3.broker { margin-top:30px; margin-left:30px; font-size:1.5em; font-weight:normal; line-height:120%; } #search-property-location { width:100%; height:400px; margin-top:60px; } #search-property-location img { max-width:none; } #search-property-details .property-video { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:60px; } #search-property-details .property-video iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #search-property-details .property-availability { margin-top:60px; text-align:center; } #search-property-details .property-availability h3 { font-size:1.875em; font-weight:bold; color:#3d3d3d; } #search-property-details .property-availability form { margin-top:30px; } #search-property-details .property-availability form .input { width:100%; padding:10px 15px; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; margin-top:10px; text-align:left; } #search-property-details .property-availability form .input.small { width:49%; margin-top:0; } #search-property-details .property-availability form .input.small.left { float:left; } #search-property-details .property-availability form .input.small.right { float:right; } #search-property-details .property-availability form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #search-property-details .property-availability form .input input[type="text"],#search-property-details .property-availability form .input textarea { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #search-property-details .property-availability form .input textarea { min-width:100%; max-width:100%; overflow:auto; } #search-property-details .property-availability form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #search-property-details .property-availability form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#adadad; opacity:1; } #search-property-details .property-availability form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#adadad; opacity:1; } #search-property-details .property-availability form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#adadad; } #search-property-details .property-availability form button[type="submit"] { margin-top:24px; padding:5px; color:#ffffff; text-decoration:none; background-color:#08c17e; border:solid 2px #08c17e; border-radius:4px; cursor:pointer; } #search-property-details .property-availability form button[type="submit"] span { display:inline-block; padding:0 15px; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #search-property-details .property-availability form button[type="submit"] .fa { padding:0 10px 0 15px; font-size:2em; line-height:40px; } #search-property-details .property-availability form button[type="submit"]:hover { opacity:0.9; } #search-property-details .property-availability form .form-error { position:relative; margin-bottom:15px; padding:15px; border:solid 1px #e5d3a0; border-radius:7px; background-color:#fff6dc; display:none; } #search-property-details .property-availability form .form-error p { font-size:1.125em; color:#595037; } #search-property-details .property-availability form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #search-property-details .property-disclaimer { margin-top:60px; padding-top:60px; border-top:solid 1px #e3e3e3; text-align:center; } #search-property-details .property-disclaimer img { margin:0 5px; } #search-property-details .property-disclaimer p { margin-top:45px; font-size:1em; font-weight:300; color:#3d3d3d; line-height:150%; } #search-property-details .property-disclaimer p.courtesy { display:inline-block; margin:0 5px; } #search-property-details .property-footer .content { padding-top:15px; background-color:#fbfbfb; } #search-property-details .property-footer .disclaimers { list-style-type:none; margin:0 5%; padding-bottom:60px; } #search-property-details .property-footer .disclaimers li { margin-top:45px; } #search-property-details .property-footer .disclaimers li img { float:left; width:120px; height:auto; box-sizing:border-box; border:solid 1px #e9e4df; border-radius:3px; } #search-property-details .property-footer .disclaimers li p { margin-left:140px; font-size:0.75em; color:#4b4b4b; letter-spacing:1px; line-height:150%; text-align:left; } #search-property-details .property-footer .disclaimers li.no-img p { margin-left:0; } #search-property-details .property-footer #compliance-logos { padding:5px 10% 20px; } #search-filters { padding:148px 0 90px; position:relative; } #search-filters .header { position:fixed; top:0; left:0; width:100%; box-sizing:border-box; padding:30px; background-color:#ffffff; text-align:center; } #search-filters .header .button { display:inline-block; padding:0 20px; border-radius:6px; background-color:#08c17e; font-size:0.875em; color:#ffffff; text-decoration:none; text-transform:uppercase; } #search-filters .header .button span { display:inline-block; line-height:52px; padding-left:30px; background-image:url(../images/icon-button-search.png); background-size:22px auto; background-repeat:no-repeat; background-position:left center; } #search-filters .header .button:hover { opacity:0.9; } #search-filters .header .reset { display:inline-block; vertical-align:middle; margin-top:15px; font-size:1.125em; color:#e54b4b; line-height:20px; text-decoration:none; } #search-filters .header .reset .fa { margin-right:5px; vertical-align:middle; } #search-filters .header .reset:hover { text-decoration:underline; } #search-facets { width:90%; max-width:1220px; margin:0 auto; text-align:center; } #search-facets h3 { margin-top:30px; padding-left:2px; font-size:1.25em; font-weight:bold; color:#232f36; text-transform:uppercase; letter-spacing:2px; } #search-facets .facets { padding-top:8px; } #search-facets .facets .facet { display:inline-block; margin:12px 5px 0; padding:10px; line-height:20px; font-size:1.25em; color:#232f36; background-color:#f5f5f5; border-radius:4px; cursor:pointer; } #search-facets .facets .facet span { color:#959595; } #search-facets .facets .facet.active { background-color:#08c17e; color:#ffffff; } #search-facets .facets .facet.disabled { color:#959595; } #search-facets .facets .facet.active span { color:#ffffff; } #search-facets .facets .facet.other { display:none; } #search-facets .facets .other-link { margin-top:30px; } #search-facets .facets .other-link a { display:inline-block; font-size:1.5em; color:#08c17e; text-decoration:none; } #search-facets .facets .other-link a:hover { text-decoration:underline; } #search-facets .facets .other-link a .fa { margin-left:5px; font-size:0.5em; vertical-align:middle; } #search-facets .facets .other-link.less { display:none; } /* *** PROPERTY *** */ /* ************************************************************************************************************************************************************************************* */ #property { padding:60px 5% 30px; } #property .property-details { float:right; width:calc(100% - 440px); } #property .property-photos-details h2 { font-size:2.5em; font-weight:bold; color:#3d3d3d; line-height:100%; text-align:center; } #property .property-photos-details h3 { margin-top:10px; font-size:1.375em; font-weight:300; color:#3d3d3d; line-height:100%; text-align:center; } #property .property-photos-details .social { margin-top:55px; text-align:center; border-top:solid 1px #f0f0f0; } #property .property-photos-details .social .social-content { position:relative; display:inline-block; padding:0 24px; background-color:#ffffff; top:-12px; } #property .property-photos-details .social .social-content iframe { vertical-align:middle; } #property .property-photos-details .social .social-content .fb_iframe_widget { vertical-align:middle; margin-right:5px; } #property .property-photos-details .details { padding-top:5px; text-align:center; } #property .property-photos-details .details li { display:inline-block; margin:30px 30px 0; } #property .property-photos-details .details li .value { font-size:1.75em; font-weight:bold; color:#3d3d3d; line-height:100%; } #property .property-photos-details .details li .label { font-size:1em; font-weight:bold; color:#8e8e8e; text-transform:uppercase; letter-spacing:4px; line-height:100%; margin-top:10px; padding-left:4px; } #property .property-photos-details .office { margin-top:45px; font-size:1.125em; font-weight:300; color:#3d3d3d; line-height:150%; text-align:center; } #property .property-photos-details .office strong { font-weight:bold; } #property .property-photos-details .description { margin-top:60px; font-size:1.125em; font-weight:300; color:#3d3d3d; line-height:150%; text-align:center; } #property .property-photos-details .description strong { font-weight:bold; } #property .property-photos-details .description .virtual-tours-link { font-weight:bold; color:#3d3d3d; text-decoration:none; } #property .property-photos-details .description .virtual-tours-link:hover { text-decoration:underline; } #property .property-photos-details .description .virtual-tours-link .fa { margin-left:5px; } #property .property-photos-details .main-photo { margin-top:60px; } #property .property-photos-details .main-photo a { display:block; width:100%; padding-top:65%; position:relative; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); } #property .property-photos-details .main-photo a:hover { opacity:0.9; } #property .property-photos-details .main-photo .img { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-size:cover; } #property .property-photos-details .photos { padding-top:4px; list-style-type:none; } #property .property-photos-details .photos li { float:left; width:32.6%; margin-top:8px; margin-left:1.1%; } #property .property-photos-details .photos li:nth-child(3n+1) { margin-left:0; clear:left; } #property .property-photos-details .photos li a { display:block; width:100%; padding-top:77.6%; background-size:cover; background-image:url(../images/img-listing-no-photo.jpg); position:relative; } #property .property-photos-details .photos li a:hover { opacity:0.9; } #property .property-photos-details .photos li .img { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-size:cover; } #property .property-amenities { margin-top:30px; } #property .property-amenities ul { width:45%; list-style-type:none; } #property .property-amenities ul.left { float:left; } #property .property-amenities ul.right { float:right; } #property .property-amenities ul li { margin-top:30px; } #property .property-amenities ul li h3 { font-size:1.125em; font-weight:normal; color:#3d3d3d; } #property .property-amenities ul li p { margin-top:5px; font-size:1.5em; font-weight:bold; color:#3d3d3d; line-height:120%; } #property .property-amenities h3.broker { margin-top:30px; font-size:1.5em; font-weight:normal; line-height:120%; } #property-location { width:100%; height:400px; margin-top:60px; } #property-location img { max-width:none; } #property .property-video { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:60px; } #property .property-video iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #property .property-request-info-button { margin-top:75px; text-align:center; } #property .property-request-info-button a { display:inline-block; padding:5px; color:#ffffff; text-decoration:none; background-color:#08c17e; border-radius:4px; } #property .property-request-info-button a span { display:inline-block; vertical-align:middle; padding:0 15px; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; text-transform:uppercase; letter-spacing:3px; line-height:60px; } #property .property-request-info-button a .fa { display:inline-block; vertical-align:middle; padding:0 15px 0 20px; font-size:2em; line-height:60px; } #property .property-request-info-button a:hover { opacity:0.9; } #property .property-footer { margin-top:60px; margin-left:440px; } #property .property-footer .property-disclaimer { text-align:center; } #property .property-footer .property-disclaimer img { margin:0 5px; } #property .property-footer .property-disclaimer p { margin-top:45px; font-size:1em; font-weight:300; color:#3d3d3d; line-height:150%; } #property .property-footer .property-disclaimer p.courtesy { display:inline-block; margin:0 5px; } #property .property-footer .content { margin-top:30px; background-color:#fbfbfb; } #property .property-footer .disclaimers { list-style-type:none; padding-bottom:40px; } #property .property-footer .disclaimers li { margin-top:45px; } #property .property-footer .disclaimers li img { float:left; width:120px; height:auto; box-sizing:border-box; border:solid 1px #e9e4df; border-radius:3px; } #property .property-footer .disclaimers li p { margin-left:140px; font-size:0.75em; color:#4b4b4b; letter-spacing:1px; line-height:150%; text-align:left; } #property .property-footer .disclaimers li.no-img p { margin-left:0; } #property .property-footer #compliance-logos { padding:5px 0 20px; } #property .property-request-info { float:left; width:340px; text-align:center; } #property .property-request-info .header .img img { border-radius:125px; } #property .property-request-info .header h2 { margin-top:20px; font-size:2em; font-weight:bold; color:#2a2a2a; line-height:100%; } #property .property-request-info .header .review { margin-top:20px; } #property .property-request-info .header .review p { font-size:1em; color:#959595; line-height:150%; } #property .property-request-info .header .review .source { margin-top:20px; } #property-request-info-form { padding-top:30px; } #property-request-info-form .input { width:100%; padding:10px 15px; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; margin-top:8px; text-align:left; } #property-request-info-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#959595; text-transform:uppercase; letter-spacing:1px; } #property-request-info-form .input input[type="text"],#property-request-info-form .input textarea { width:100%; font-family:'Lato', sans-serif; font-size:1.375em; font-weight:300; color:#323b41; } #property-request-info-form .input textarea { min-width:100%; max-width:100%; overflow:auto; font-size:1.125em; } #property-request-info-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #property-request-info-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#adadad; opacity:1; } #property-request-info-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#adadad; opacity:1; } #property-request-info-form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#adadad; } #property-request-info-form button[type="submit"] { width:100%; box-sizing:border-box; margin-top:12px; padding:5px 0; color:#ffffff; text-decoration:none; background-color:#08c17e; border:solid 2px #08c17e; border-radius:4px; cursor:pointer; } #property-request-info-form button[type="submit"] span { display:block; float:left; width:calc(100% - 44px); padding:0 15px; box-sizing:border-box; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #property-request-info-form button[type="submit"] .fa { float:right; width:44px; font-size:2em; line-height:40px; } #property-request-info-form button[type="submit"]:hover { opacity:0.9; } #property-request-info-form p.or { margin-top:30px; font-size:1.375em; font-weight:300; color:#959595; } #property-request-info-form p.contact { line-height:150%; } #property-request-info-form p.contact span { font-size:0.9375em; font-weight:bold; color:#272727; text-transform:uppercase; } #property-request-info-form p.contact a { font-size:1.125em; color:#272727; text-decoration:none; } #property-request-info-form p.contact a:hover { text-decoration:underline; } #property-request-info-form p.contact.phone { margin-top:20px; } #property-request-info-form p.contact.email { margin-top:10px; } #property-request-info-form p.privacy-policy-link { margin-top:30px; padding-top:20px; border-top:solid 1px #f0f0f0; } #property-request-info-form p.privacy-policy-link a { font-size:0.875em; font-weight:300; color:#9e9e9e; text-decoration:none; } #property-request-info-form p.privacy-policy-link a:hover { text-decoration:underline; } #property-request-info-form .form-error { position:relative; margin-bottom:15px; padding:15px; border:solid 1px #e5d3a0; border-radius:7px; background-color:#fff6dc; display:none; } #property-request-info-form .form-error p { font-size:1.125em; color:#595037; } #property-request-info-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } /* *** property registration *** */ #property-registration-overlay { position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #property-registration { display:table-cell; vertical-align:middle; text-align:center; background-size:cover; background-position:center center; } #property-registration .content { max-width:800px; margin:30px auto; padding:30px 5%; box-sizing:border-box; position:relative; z-index:1; background-color:#ffffff; border-radius:6px; } #property-registration .logo .icon { display:none; } #property-registration h1 { margin-top:20px; font-size:2.25em; font-weight:900; color:#383636; line-height:110%; } #property-registration p { margin-top:20px; font-size:1.25em; color:#383636; } #property-registration-form { margin:30px 5% 0; } #property-registration-form .form-error { position:relative; margin-bottom:18px; padding:12px 0; border:solid 1px #e5d3a0; border-radius:4px; background-color:#fff6dc; display:none; } #property-registration-form .form-error p { margin-top:0; font-size:1em; color:#595037; } #property-registration-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #property-registration-form .input { width:100%; margin-bottom:12px; padding:10px 15px; background-color:#ffffff; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; text-align:left; } #property-registration-form .input.small { width:49%; } #property-registration-form .input.small.left { float:left; } #property-registration-form .input.small.right { float:right; } #property-registration-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #property-registration-form .input input[type="text"] { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #property-registration-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #property-registration-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:0.4; } #property-registration-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:0.4; } #property-registration-form :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:0.4; } #property-registration-form .input-select { position:relative; } #property-registration-form .input-select label { position:absolute; top:0; left:0; width:100%; } #property-registration-form button[type="submit"] { height:60px; padding:0 60px; background-color:#08c17e; border-radius:4px; font-family:'Lato',sans-serif; font-size:1.375em; color:#ffffff; text-transform:uppercase; letter-spacing:5px; cursor:pointer; } #property-registration-form button[type="submit"]:hover { opacity:0.9; } #property-registration .footer-compliance { margin-top:30px; border-top:solid 1px #ebebeb; } #property-registration .footer-compliance p { margin-top:0; padding:30px 0 0; font-size:0.875em; } /* *** TESTIMONIALS *** */ /* ************************************************************************************************************************************************************************************* */ #testimonials-header { position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; } #testimonials-header .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #testimonials-header .info { width:90%; margin:0 auto; position:relative; z-index:1; } #testimonials-header .info .content { padding:120px 0 240px; color:#ffffff; text-align:center; } #testimonials-header .info h1 { font-size:3.5em; font-weight:300; text-transform:uppercase; line-height:100%; } #testimonials-header .info .intro { width:100%; max-width:480px; margin:20px auto 30px; font-size:1.125em; font-weight:300; line-height:140%; } #testimonials-header .info .call-link a { display:inline-block; padding:5px; color:#ffffff; text-decoration:none; background-color:#08c17e; border:solid 2px #08c17e; border-radius:4px; } #testimonials-header .info .call-link a span { display:inline-block; padding:0 15px; border-right:solid 1px #ffffff; font-size:1.0625em; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #testimonials-header .info .call-link a .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #xxmy-layout .content { width:90%; margin:0 auto; padding:90px 0 0; text-align:center; } #testimonials-main .content { position:relative; top:-120px; z-index:2; width:90%; margin:0 auto -120px; padding:0px 75px 0; box-sizing:border-box; background-color:#FCC; } #testimonials-main ul { list-style-type:none; } #testimonials-main ul li { margin-top:60px; color:#3d3d3d; } #testimonials-main ul li:first-child { margin-top:0; } #testimonials-main ul li h3 { font-size:2.25em; font-weight:bold; line-height:100%; } #testimonials-main ul li .txt { margin-top:30px; font-size:1em; line-height:180%; } #testimonials-main ul li .txt p { margin-top:30px; } #testimonials-main ul li .txt :first-child { margin-top:0; } #testimonials-main ul li .source { text-align:center; margin-top:30px; } #testimonials-main ul li .video { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:30px; } #testimonials-main ul li .video iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #testimonials-main .load-more { margin-top:60px; text-align:center; } #testimonials-main .load-more a { display:inline-block; padding:5px; color:#3d3d3d; text-decoration:none; border:solid 2px #3d3d3d; border-radius:4px; } #testimonials-main .load-more a span { display:inline-block; padding:0 30px; border-right:solid 1px #3d3d3d; font-size:0.875em; font-weight:600; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #testimonials-main .load-more a .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #testimonials-main .load-more a:hover { color:#ffffff; background-color:#3d3d3d; } #testimonials-main .load-more a:hover span { border-right:solid 1px #ffffff; } #testimonials-main .load-more-error { display:none; margin-top:15px; font-size:1.125em; color:#ff0000; text-align:center; } /* *** BLOG *** */ /* ************************************************************************************************************************************************************************************* */ #blog-roll .content { padding:60px 4% 0; } #blog-roll .featured { position:relative; } #blog-roll .featured .feat-img { float:left; position:relative; width:50%; } #blog-roll .featured .feat-img a { display:block; text-decoration:none; } #blog-roll .featured .feat-img a:hover { opacity:0.9; } #blog-roll .featured .feat-img img { width:100%; height:auto; } #blog-roll .featured .feat-img .label { position:absolute; top:20px; left:0; padding:15px 15px 15px 20px; background-color:#787878; font-size:1.5em; font-weight:bold; color:#ffffff; text-transform:uppercase; letter-spacing:4px; } #blog-roll .featured .info { position:absolute; top:0; right:0; width:50%; height:100%; } #blog-roll .featured .info-table { display:table; width:100%; height:100%; } #blog-roll .featured .info-row { display:table-row; } #blog-roll .featured .info-cell { display:table-cell; vertical-align:middle; padding:0 8%; } #blog-roll .featured .info h2 { font-size:2.25em; line-height:110%; } #blog-roll .featured .info h2 a { color:#525252; text-decoration:none; } #blog-roll .featured .info h2 a:hover { color:#3a79b9; } #blog-roll .featured .info p.post-author { margin-top:10px; font-size:1.125em; color:#525252; } #blog-roll .featured .info p.post-author span { color:#8d8d8d; } #blog-roll .featured .info p.post-excerpt { margin-top:20px; font-size:1em; color:#3d3d3d; line-height:150%; } #blog-roll .featured .info .read-more { display:inline-block; margin-top:20px; padding:5px; color:#3d3d3d; text-decoration:none; border:solid 2px #3d3d3d; border-radius:4px; } #blog-roll .featured .info .read-more span { display:inline-block; padding:0 18px; border-right:solid 1px #3d3d3d; font-size:0.875em; font-weight:600; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #blog-roll .featured .info .read-more .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #blog-roll .featured .info .read-more:hover { color:#ffffff; background-color:#3d3d3d; } #blog-roll .featured .info .read-more:hover span { border-right:solid 1px #ffffff; } #blog-roll .posts { list-style-type:none; padding-top:45px; } #blog-roll .posts li { float:left; width:24%; margin-top:15px; margin-left:1%; box-sizing:border-box; border:solid 1px #d8d8d8; position:relative; } #blog-roll .posts li:nth-child(4n+1) { clear:left; margin-left:0; } #blog-roll .posts li a { display:block; text-decoration:none; } #blog-roll .posts li a:hover img { opacity:0.9; } #blog-roll .posts li img { width:100%; height:auto; } #blog-roll .posts li h3 { position:absolute; left:0; bottom:0; font-size:1.3125em; font-weight:300; color:#3d3d3d; line-height:120%; width:100%; box-sizing:border-box; padding:10px 5%; border-top:solid 1px #d8d8d8; background-color:#ffffff; } #blog-roll .load-more { margin-top:60px; text-align:center; } #blog-roll .load-more a { display:inline-block; padding:5px; color:#3d3d3d; text-decoration:none; border:solid 2px #3d3d3d; border-radius:4px; } #blog-roll .load-more a span { display:inline-block; padding:0 30px; border-right:solid 1px #3d3d3d; font-size:0.875em; font-weight:600; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #blog-roll .load-more a .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #blog-roll .load-more a:hover { color:#ffffff; background-color:#3d3d3d; } #blog-roll .load-more a:hover span { border-right:solid 1px #ffffff; } #blog-roll .load-more-error { display:none; margin-top:15px; font-size:1.125em; color:#ff0000; text-align:center; } #article-header { position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; } #article-header .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #article-header .info { width:90%; margin:0 auto; position:relative; z-index:1; } #article-header .info .content { padding:180px 0 300px; color:#ffffff; text-align:center; } #article-header .info h1 { font-size:3.5em; font-weight:300; line-height:100%; } #article-header .info .author { margin-top:15px; font-size:1.125em; font-weight:bold; text-transform:uppercase; letter-spacing:2px; } #article-header .info .cta { margin-top:30px; } #article-header .info .cta a { display:inline-block; padding:16px 50px 16px 15px; border-radius:4px; font-size:1.125em; color:#ffffff; line-height:24px; text-decoration:none; text-transform:uppercase; letter-spacing:3px; background-color:#08c17e; background-image:url(../images/icon-button-cta.png); background-repeat:no-repeat; background-position:right center; } #article-main .content { position:relative; top:-120px; z-index:2; width:80%; margin:0 auto -120px; padding:60px 60px 0; box-sizing:border-box; background-color:#ffffff; } #article-main .header { padding-bottom:30px; border-bottom:solid 1px #e3e3e3; } #article-main .header .backlink { display:inline-block; float:left; line-height:30px; font-size:1.125em; color:#737373; text-decoration:none; } #article-main .header .backlink .fa { margin-right:10px; font-size:0.75em; } #article-main .header .backlink:hover { text-decoration:underline; } #article-main .header .share-buttons { float:right; margin-top:4px; } #article-main .header .share-buttons iframe { vertical-align:middle; } #article-main .header .share-buttons .fb_iframe_widget { vertical-align:middle; margin-right:5px; } #article-main .post-content { margin-top:60px; font-size:1.125em; color:#3d3d3d; line-height:150%; } #article-main .post-content :first-child { margin-top:0; } #article-main .post-content p { margin-top:30px; } #article-main .post-content a { color:#7792bc; text-decoration:underline; word-wrap:break-word; } #article-main .post-content a:hover { text-decoration:none; } #article-main .post-content pre { margin-top:30px; white-space:normal; line-height:140%; } #article-main .post-content blockquote { margin-top:30px; padding:0 30px; font-size:0.875em; font-style:italic; letter-spacing:1px; line-height:140%; } #article-main .post-content ul,#article-main .post-content ol { margin-top:30px; margin-left:30px; } #article-main .post-content h1,#article-main .post-content h2,#article-main .post-content h3,#article-main .post-content h4,#article-main .post-content h5,#article-main .post-content h6 { margin-top:40px; font-weight:bold; } #article-main .post-content img { height:auto !important; } #article-main .post-content .video { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:30px; } #article-main .post-content .video iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #article-main .post-content .fb_iframe_widget { display:block; margin-top:30px; text-align:center; overflow-x:auto; } #article-main .post-content .twitter-tweet { margin:30px auto 0 !important; } #article-main .post-content .instagram-media { margin:30px auto 0 !important; } #article-main .social { margin-top:60px; text-align:center; border-top:solid 1px #f0f0f0; } #article-main .social .social-content { position:relative; display:inline-block; padding:0 24px; background-color:#ffffff; top:-12px; } #article-main .social .social-content iframe { vertical-align:middle; } #article-main .social .social-content .fb_iframe_widget { vertical-align:middle; margin-right:5px; } #article-main .post-next { margin-top:45px; } #article-main .post-next .label { font-size:0.875em; font-weight:bold; color:#818181; text-transform:uppercase; letter-spacing:2px; } #article-main .post-next h3 { margin-top:10px; line-height:120%; font-size:2.5em; font-weight:bold; } #article-main .post-next h3 a { color:#3d3d3d; text-decoration:none; } #article-main .post-next h3 a:hover { text-decoration:underline; } #article-main .post-next .author { margin-top:10px; font-size:1.125em; font-weight:300; color:#3d3d3d; } #article-main .post-next .author span { color:#909090; } #article-main .post-content .listing { position:relative; margin-top:30px; padding-bottom:30px; border-bottom:solid 1px #e3e3e3; } #article-main .post-content .listing .img { float:left; width:120px; height:120px; border-radius:120px; background-image:url(../../manage/resources/images/img-listing-no-photo.jpg); background-size:cover; } #article-main .post-content .listing .img div { width:120px; height:120px; border-radius:120px; background-size:cover; } #article-main .post-content .listing .title { margin-left:150px; margin-right:190px; } #article-main .post-content .listing .title-table { display:table; width:100%; height:120px; } #article-main .post-content .listing .title-row { display:table-row; } #article-main .post-content .listing .title-cell { display:table-cell; width:100%; vertical-align:middle; } #article-main .post-content .listing .title h3 { font-size:1.5em; font-weight:bold; color:#242323; line-height:110%; } #article-main .post-content .listing .title h4 { margin-top:3px; font-size:1; font-weight:normal; color:#242323; line-height:110%; } #article-main .post-content .listing .button { position:absolute; top:35px; right:0; display:inline-block; width:157px; padding-left:3px; line-height:50px; background-color:#08c17e; border-radius:6px; font-size:0.8125em; color:#ffffff; text-transform:uppercase; letter-spacing:3px; text-decoration:none; text-align:center; } #article-main .post-content .listing .button:hover { opacity:0.9; } /* *** blog registration *** */ #blog-registration-overlay { position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #blog-registration { display:table-cell; vertical-align:middle; text-align:center; } #blog-registration .content { padding:90px 5%; position:relative; z-index:1; } #blog-registration h1 { font-size:3em; color:#ffffff; line-height:110%; } #blog-registration-form { width:100%; max-width:390px; margin:30px auto 0; } #blog-registration-form.full-reg { max-width:530px; } #blog-registration-form .form-error { position:relative; margin-bottom:18px; padding:12px 0; border:solid 1px #e5d3a0; border-radius:4px; background-color:#fff6dc; box-shadow:5px 5px 5px rgba(3,3,3,0.2); display:none; } #blog-registration-form .form-error p { font-size:1em; color:#595037; } #blog-registration-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #blog-registration-form .input { width:100%; margin-bottom:12px; padding:10px 15px; background-color:#ffffff; box-sizing:border-box; box-shadow:5px 5px 5px rgba(3,3,3,0.2); border-radius:4px; text-align:left; } #blog-registration-form .input.small { width:49%; } #blog-registration-form .input.small.left { float:left; } #blog-registration-form .input.small.right { float:right; } #blog-registration-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #blog-registration-form .input input[type="text"] { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #blog-registration-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #blog-registration-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:0.4; } #blog-registration-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:0.4; } #blog-registration-form :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:0.4; } #blog-registration-form button[type="submit"] { width:100%; height:60px; background-color:#8aa4bb; border-radius:4px; box-shadow:5px 5px 5px rgba(3,3,3,0.2); font-family:'Lato',sans-serif; font-size:1.375em; color:#ffffff; letter-spacing:5px; cursor:pointer; } #blog-registration-form button[type="submit"]:hover { opacity:0.9; } /* *** 404 *** */ /* ************************************************************************************************************************************************************************************* */ #page-404 { position:relative; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url(../images/img-404-bg.jpg); } #page-404 .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #page-404 .frame { position:absolute; top:0; left:0; } #page-404 .expand { width:100%; position:relative; } #page-404 .expand .content { display:table-cell; vertical-align:middle; width:100%; max-width:974px; padding:0 5% 88px; text-align:center; color:#ffffff; } #page-404 .expand h1 { font-size:6.5em; font-weight:normal; font-style:italic; line-height:100%; font-family:'Droid Serif', serif; } #page-404 .expand p { max-width:460px; margin:15px auto 0; font-size:1.625em; line-height:140%; } #page-404 .expand p.preheadline { font-size:1.250em; font-weight:600; text-transform:uppercase; } #page-404 .expand p.preheadline span { margin-left:4px; letter-spacing:4px; } #page-404 .expand .button { margin-top:40px; font-size:1em;} #page-404 .expand .button a { display:inline-block; padding:5px; color:#fff; text-decoration:none; border:solid 2px #fff; border-radius:4px; } #page-404 .expand .button a span { display:inline-block; padding:0 30px; border-right:solid 1px #fff; font-size:0.875em; font-weight:normal; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #page-404 .expand .button a .fa { padding:0 10px 0 15px; font-size:1.75em; vertical-align:middle; line-height:40px; } #page-404 .expand .button a:hover { opacity:0.8;} /* *** HOME VALUES *** */ /* ************************************************************************************************************************************************************************************* */ #home-values-map-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; } #home-values-map { position:absolute; top:0; left:0; width:100%; height:100%; } #home-values-container { /*/*position:fixed; top:0; left:0; width:100%; height:100%;*/position:relative; z-index:1;*/ } #home-values { display:table-cell; vertical-align:middle; } #home-values .content { position:relative; z-index:1; text-align:center; color:#fff; max-width:860px; width:90%; margin:0 auto; padding:30px 0; } #home-values h1 { font-size:2.375em; font-weight:900; text-transform:uppercase; text-shadow:1px 1px 0px #000; letter-spacing:0.125em; } #home-values h1.success { font-weight:300; text-transform:none; letter-spacing:0; } #home-values h2, #home-values-step-2 h2 { font-size:2.125em; font-weight:normal; text-shadow:1px 1px 0px #000; padding:10px 0 40px; } #home-values .progress, #home-values-step-2 .progress { width:250px; margin:0 auto 30px auto;} #home-values .progress .number, #home-values-step-2 .progress .number { display:block; background-color:#5f5f5f; width:32px; height:32px; line-height:32px; border-radius:50%; font-size:1.250em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;} #home-values .progress .number.active, #home-values-step-2 .progress .number.active { background-color:#28d39d;} #home-values .progress .line, #home-values-step-2 .progress .line { display:block; width:180px; height:16px; border-bottom:3px #747474 solid; vertical-align:middle; float:left;} #home-values form input[name="address"] { width:100%; box-sizing:border-box; border-radius:4px; font-size:1.875em; font-family:'Lato', sans-serif; font-weight:300; padding:25px 40px 25px 80px; background:#fff url(../images/icon-input-location-large.png) no-repeat 30px center; } #home-values form .form-error, #home-values-step-2 form .form-error { position:relative; padding:15px; border:solid 1px #e5d3a0; border-radius:7px; background-color:#fff6dc; width:96%; max-width:440px; margin:0 auto 15px auto; box-sizing:border-box; display:none;} #home-values form .form-error p, #home-values-step-2 form .form-error p { font-size:1.125em; color:#595037; } #home-values form .form-error .arrow, #home-values-step-2 form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px;background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #home-values form button, #home-values-step-2 form button, #home-values .button { display:inline-block; padding:5px; color:#fff; text-decoration:none; border:none; border-radius:4px; font-size:1.250em; cursor:pointer; margin-top:20px; background-color:#28d39d; } #home-values form button span, #home-values-step-2 form button span, #home-values .button span { display:inline-block; padding:10px 40px; border-right:solid 1px #fff; font-size:0.875em; font-weight:normal; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #home-values form button span.no-arrow, #home-values-step-2 form button span.no-arrow, #home-values .button span.no-arrow { border-right:none;} #home-values form button .fa, #home-values-step-2 form button .fa { padding:0 20px 0 25px; font-size:2em; vertical-align:middle; line-height:40px; margin-top:-3px; } #home-values form button:hover, #home-values-step-2 form button:hover, #home-values .button:hover { opacity:0.9;} #home-values-step-2 { display:table-cell; vertical-align:middle; } #home-values-step-2 .content { position:relative; z-index:1; text-align:center; color:#fff; max-width:860px; width:90%; margin:0 auto; padding:30px 0; } #home-values-step-2 .marker { background:url(../images/map-marker-home-values.png) no-repeat; width:77px; height:104px; margin:0 auto 50px auto;} #home-values-step-2 form input[type="text"] { width:96%; max-width:440px; box-sizing:border-box; margin-bottom:12px; padding:20px 20px 20px 60px; border:solid 1px #d5d5d5; border-radius:7px; font-family:'Lato',sans-serif; font-size:1.125em; font-weight:300; color:#adadad; background-repeat:no-repeat; background-position:15px center; vertical-align:middle; } #home-values-step-2 form input[name="name"] { background-image:url(../images/icon-input-name-alt.png); } #home-values-step-2 form input[name="phone"] { background-image:url(../images/icon-input-phone-alt.png); } #home-values-step-2 form input[name="email"] { background-image:url(../images/icon-input-email-alt.png); } #home-values-step-2 form textarea { min-width:100%; max-width:100%; background-image:url(../images/icon-input-msg.png); } #home-values-step-2 form ::-webkit-input-placeholder { /* WebKit browsers */ color:#a7a7a7; } #home-values-step-2 form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a7a7a7; opacity:1; } #home-values-step-2 form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a7a7a7; opacity:1; } #home-values-step-2 form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a7a7a7; } /* *** EXPERIENCE MAP *** */ /* ************************************************************************************************************************************************************************************* */ #experience-map-wrapper { position:fixed; top:80px; left:0; width:calc(100% - 600px); height:calc(100% - 80px); } #experience-map { position:absolute; width:100%; height:100%; top:0; left:0; } #experience-map-wrapper .note { position:absolute; left:0; bottom:0; width:100%; } #experience-map-wrapper .note p { margin:0 30px 30px; font-size:1.125em; font-style:italic; color:#dfdfdf; text-align:center; } #experience-map-wrapper .note .arrow { display:none; width:64px; height:64px; margin:0 auto 30px; cursor:pointer; background-image:url(../images/home-top-arrow.png); } #experience-map-wrapper .note .arrow:hover { opacity:0.8; } #experience-main { float:right; width:600px; height:calc(100% - 80px); margin-top:80px; } #experience-main .content { display:table-cell; vertical-align:middle; width:100%; padding:60px 8%; text-align:center; } #experience-main .content h1 { font-size:2em; font-weight:900; color:#59595c; line-height:110%; text-transform:uppercase; letter-spacing:4px; padding-left:4px; } #experience-main .content h2 { margin-top:10px; font-size:1.75em; font-weight:normal; color:#59595c; line-height:110%; } #experience-form { margin:45px 5% 0; } #experience-form .input { width:100%; padding:10px 15px; box-sizing:border-box; border:solid 1px #ebebeb; border-radius:4px; margin-top:10px; text-align:left; } #experience-form .input.small { width:49%; margin-top:0; } #experience-form .input.small.left { float:left; } #experience-form .input.small.right { float:right; } #experience-form .input label { display:block; line-height:18px; font-size:0.75em; font-weight:bold; color:#323b41; text-transform:uppercase; letter-spacing:1px; } #experience-form .input input[type="text"],#schedule-form .input textarea { width:100%; font-family:'Lato', sans-serif; font-size:1.5em; font-weight:300; color:#323b41; } #experience-form .input textarea { min-width:100%; max-width:100%; overflow:auto; }#schedule-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #experience-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:0.4; } #experience-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:0.4; } #experience-form :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:0.4; } #experience-form .input-select { position:relative; } #experience-form .input-select label { position:absolute; top:0; left:0; width:100%; } #experience-form button[type="submit"] { margin-top:30px; padding:5px; color:#ffffff; text-decoration:none; background-color:#08c17e; border:solid 2px #08c17e; border-radius:4px; cursor:pointer; } #experience-form button[type="submit"] span { display:inline-block; padding:0 15px; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; text-transform:uppercase; letter-spacing:3px; line-height:40px; } #experience-form button[type="submit"] .fa { padding:0 10px 0 15px; font-size:2em; line-height:40px; } #experience-form button[type="submit"]:hover { opacity:0.9; } #experience-form .form-error { position:relative; margin-bottom:15px; padding:15px; border:solid 1px #e5d3a0; border-radius:7px; background-color:#fff6dc; display:none; } #experience-form .form-error p { font-size:1.125em; color:#595037; } #experience-form .form-error .arrow { position:absolute; top:100%; width:100%; height:11px; background-image:url(../images/blog-registration-error-bg.png); background-repeat:no-repeat; background-position:center center; } #experience-main .content .links { margin-top:45px; } #experience-main .content .links p { margin-top:15px; font-size:1.5em; font-weight:300; } #experience-main .content .links p:first-child { margin-top:0; } #experience-main .content .links p a { color:#7f7f7f; text-decoration:underline; } #experience-main .content .links p a:hover { text-decoration:none; } #experience-main .social { margin:0 15%; padding:30px 0; text-align:center; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; } #experience-main .social h3 { display:inline-block; vertical-align:middle; margin-right:15px; font-size:1em; font-weight:bold; color:#59595c; text-transform:uppercase; } #experience-main .social .fb-like { vertical-align:middle; } #experience-main .compliance { margin:30px 15% 45px; font-size:0.9375em; font-weight:300; color:#3d3d3d; text-align:center; line-height:150%; } #experience-main .compliance .company { font-weight:bold; text-transform:uppercase; } #experience-main .compliance a { color:#3d3d3d; text-decoration:none; } #experience-main .compliance a:hover { text-decoration:underline; } .footer-compliance p { padding:30px; font-size:1em; font-weight:300; color:#ffffff; text-align:center; line-height:150%; position:relative; } .footer-compliance.dark p { color:#3d3d3d; } .footer-compliance .company { text-transform:uppercase; } .footer-compliance a { color:#ffffff; text-decoration:none; } /* *** CHAT *** */ /* ************************************************************************************************************************************************************************************* */ header.chat { background-color:#ffffff; } header.chat .content { border-bottom:solid 1px #e9e4df; } #chat-container .content { display:table-cell; width:100%; vertical-align:bottom; padding:125px 0 92px; } #chat-container .content.intro { vertical-align:middle; padding-left:5%; padding-right:5%; } #chat-container .content.intro .msg { font-size:1.125em; color:#3d3d3d; text-align:center; } #chat-conversation { width:90%; max-width:740px; margin:0 auto; padding-bottom:15px; } #chat-conversation .message { position:relative; margin-bottom:30px; } #chat-conversation .message .avatar { position:absolute; top:0; width:80px; height:80px; border-radius:80px; } #chat-conversation .message.user .avatar { left:0; } #chat-conversation .message.reply .avatar { right:0; } #chat-conversation .message .msg { box-sizing:border-box; } #chat-conversation .message.user .msg { margin-left:104px; margin-right:25%; } #chat-conversation .message.reply .msg { margin-right:104px; margin-left:25%; } #chat-conversation .message .msg .body { position:relative; padding:15px; border:solid 1px #e9e4df; border-radius:3px; } #chat-conversation .message .msg .body h3 { font-size:0.875em; color:#3d3d3d; text-transform:uppercase; line-height:110%; } #chat-conversation .message .msg .body p { margin-top:10px; font-size:1em; color:#827c76; line-height:120%; } #chat-conversation .message.reply .msg .body { background-color:#f8f8f8; } #chat-conversation .message .msg .body .arrow { position:absolute; top:32px; width:14px; height:16px; } #chat-conversation .message.user .msg .body .arrow { left:-14px; background-image:url(../images/chat-arrow-user.html); } #chat-conversation .message.reply .msg .body .arrow { right:-14px; background-image:url(../images/chat-arrow-reply.html); } #chat-conversation .message .msg .time { margin-top:10px; color:#c2c0bd; font-size:0.9375em; } #chat-conversation .message.user .time { text-align:left; margin-left:3px; } #chat-conversation .message.reply .time { text-align:right; margin-right:3px; } #chat-form { position:fixed; left:0; width:100%; bottom:0; background-color:#f8f8f8; } #chat-form .content { width:90%; max-width:828px; margin:0 auto; padding:20px 0; position:relative; } #chat-form .typing-indicator { position:absolute; left:0; top:-30px; width:100%; } #chat-form .typing-indicator p { font-size:1em; color:#3d3d3d; text-align:center; } #chat-form .typing-indicator p .fa { margin-left:5px; } #chat-form input[type="text"] { float:left; width:calc(100% - 180px); height:52px; box-sizing:border-box; padding:0 15px; background-color:#ffffff; font-family: 'Raleway', sans-serif; /*font-weight:300;*/ font-size:1.125em; color:#9f9f9f; border:solid 1px #e9e4df; border-radius:4px; } #chat-form ::-webkit-input-placeholder { /* WebKit browsers */ color:#adadad; } #chat-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#adadad; opacity:1; } #chat-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#adadad; opacity:1; } #chat-form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#adadad; } #chat-form button[type="submit"] { float:right; padding:0 5px; height:52px; color:#ffffff; text-decoration:none; background-color:#08c17e; border-radius:4px; cursor:pointer; } #chat-form button[type="submit"] span { display:inline-block; width:120px; border-right:solid 1px #ffffff; font-family:'Lato',sans-serif; font-size:1.5em; letter-spacing:3px; line-height:40px; } #chat-form button[type="submit"] .fa { width:40px; font-size:2em; line-height:40px; text-align:center; } #chat-form button[type="submit"]:hover { opacity:0.9; }