OwlCyberSecurity - MANAGER
Edit File: styles.css
/* Browser Reset */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: inherit; background: transparent; border: 0; font-family: inherit; outline: 0; vertical-align: baseline; white-space: normal; } #ca_banner h2 { display: none; } #ca_banner p { font-weight: 400!important; color: #062b85!important; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } #ca_banner .accept { background: #062b85!important; border-radius:0px!important; } div#site-description { margin-top: -18px; color: #FFF; opacity: 0.7; } .responsive_map { height: 500px!important; } em.fa.fa-map-marker { float: left; margin-right: 25px; margin-top: 5px; margin-bottom: 60px; font-size: 20px; color: #9e1e16; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { z-index: 800; background-color: white; width: 500px!important; border: 2px solid #9e1e16; } button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close { display: none; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { float: left; width: 100%; background-color: #9e1e16; color: #FFF; height: 40px; line-height: 40px; margin-top: -55px; font-weight: 300; font-size: 15px; letter-spacing: 2px; } span#ui-id-1 { padding-left: 20px; } #area p { width: 50%; float: left; margin: 0; font-size: 14px; font-weight: 300; border-bottom: 1px solid rgba(188, 83, 62, 0.56); line-height: 28px; } #area label { margin-left: 15px; } button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { margin-left: 20px; margin-bottom: 20px; padding: 0px 40px; height: 30px; line-height: 30px; color: white; background: #9e1e16; border: none; font-weight: 300; letter-spacing: 1px; } .ui-widget-overlay.ui-front { background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; display: block; width: 100%; overflow: hidden; position: fixed; height: 100%; bottom: 0; right: 0; z-index: 600; } .ui-dialog-buttonset { clear: left; padding-top: 20px; } em.fa-phone , em.fa-phone, em.fa-envelope, em.fa-desktop { float: left; margin-right: 25px; margin-top: 5px; margin-bottom: 10px; font-size: 20px; color: #9e1e16; clear: left; } body a { color: #9e1e16; text-decoration: underline; } .alert.alert-notice { display: none; } body a:hover { color: #4f748b; text-decoration: underline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease } body.contentpane { padding:10px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { margin:0 0 0 20px; line-height: 167%; } ul.unstyled { list-style: none; margin:0; padding:0; } blockquote, q { quotes: none; } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0; } img { height:auto; max-width:100%; } /* Grid */ .container { max-width: 990px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { margin-bottom: 1.5em; } .col { display: block; float: left; width: 100%; } .items-row { padding: 20px; border: 1px solid #cccccc; } .col:first-child { margin-left: 0; } .row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } .count-1 { clear: both; margin-left: 0; } /* Body + Main Containers */ body { color: #666; font-weight: 300; background-color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 14px; } #slide-wrap { position: relative; padding-bottom: 0px; min-height: 100px; } #beach .tp-caption.tp-caption.tp-fade.fullscreenvideo.tp-videolayer.start.fullcoveredvideo { margin-top: 130px; } #boats .tp-caption.tp-caption.tp-fade.fullscreenvideo.tp-videolayer.start.fullcoveredvideo { margin-top: -100px; } #search { margin-top: -200px; z-index: 100; position: relative; color: #FFF; min-height: 200px; } #search .module { padding: 20px; } #search h3 { color: #FFF; font-size: 20px; letter-spacing: 1px; text-align: center; } #box-wrap { margin: 20px auto; padding: 0px; } #main-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #wrapper { margin:0 auto; max-width:100%; padding:0; position: relative; } #comp-wrap { padding:0} .full { padding:0; margin:0; clear:both} .contact a { text-decoration:none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0; } /* Content styles */ #archive { padding:0; margin:0; } .archive { padding:0; } .archive .article-count { color:#999; } .blog-featured { } p.formRed { background: #9e1e16; color: white; text-align: center; height: 40px; line-height: 40px; } .items-leading { position: relative; clear:both; margin:0 0 40px 0; padding:0; } .leading { margin:0 0 20px 0; position:relative; } h1.componentheading { margin:0 0 10px 0; padding:0; position:relative; color:#9e1e16; } .items-row, .item-page, .contact { position: relative; } .item-separator { } .item-page { position:relative; } .item-page-title { padding:0; margin:0 0 10px 0; } .item-page-title, .item-page-title a, .contact-name, .item-page-titleabout { text-decoration: none; font-size: 25px; letter-spacing: 1px; line-height: 35px; font-weight: 300; margin-top:25px; color:#9e1e16; margin-bottom:25px; background-repeat:no-repeat; background-position: bottom center; } .ip-mainheader h2 { font-weight: 300; font-size: 25px; color:#9e1e16!important; margin:20px 0; } .ip-mainheader small { font-size: 80%; color: #062b85; } #user1 h3.module-title, .items-row .item-page-title { font-size: 20px; margin-top: 0px; margin-bottom: 15px; max-height: 30px; line-height: 30px; } .item-page-titleabout { } .inner-form { margin-bottom: 10px; border: 1px solid #3d5063; padding: 20px; -webkit-box-shadow: 0 10px 20px 0px black; -moz-box-shadow: 0 10px 20px 0px black; box-shadow: 0 10px 20px 0px black; margin-left: 20px; padding-top:5px; padding-bottom: 5px; } .inner-form .formControlLabel { text-align: left; } .item-page-title a:hover { } .contact h2{ margin:0 0 20px 0; } .contact .current { margin:0; padding:0; } dl.tabs { display:block; clear:both; border-bottom:1px solid #ddd; } dl dt.tabs { display: inline-block; margin:0 0 -1px 0} dt.tabs h3 { margin:0 2px 5px 0; } dt.tabs h3 a{ padding:8px 8px 3px 8px; line-height:20px; border:1px solid transparent; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; cursor:pointer; text-decoration:none} dt.tabs.closed h3 a { border-color:#eeeeee #eeeeee #dddddd; } dt.tabs h3 a,dt.tabs h3.open a{ color:#555555; background-color:#ffffff; border:1px solid #ddd; border-bottom-color:transparent; } dd.tabs { padding:10px 20px} .jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0; } ul.button-icons { position:absolute; top:3px; right:5px; margin:10px 0 0 0; padding:0; } ul.button-icons li { display:inline-block; } ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon { margin:0; padding:0; width:20px; height:16px; float:left; overflow:hidden; line-height:12px; font-size:12px; } .iteminfo, .content_rating { font-size: 11px; display:block; color:#999999; margin:0 0 5px 0; } .content_rating p{ margin:0; padding:0; } .iteminfo span { margin:0 10px 0 0; } .iteminfo a { } .iteminfo a:hover { } .iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important; } .iteminfo .createdby { font-weight:bold; } .items-more { clear:both; } h3.items-more { font-size:14px; padding:0; margin:0; } .items-more ol { margin:0 0 0 30px; padding:0; } table.category { } th.item-title, th.list-title { font-size: 15px; font-weight: bold; text-align: left; } /* Commons */ .clear { clear: both; } blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em; } pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family: 'Georgia', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { margin: 20px 0; letter-spacing: 1px; } .panel h3 { background-color: #9e1e16; color: #FFF; } .panel h3:hover { opacity: 0.8; } .panel h3 a { color:#FFF; text-decoration: none; } .panel { border: 1px solid #9e1e16!important; margin-bottom: 20px!important; } /* Typography */ h1, h2, h3, h4, h5, h6 { font-size: 35px; color: #9e1e16; font-weight: 300; } h1 { font-size: 30px; } h2 { font-size: 40px; } h3 { font-size: 16px; } h4 { font-size: 14px } h5 { font-size: 16px; clear: left; font-weight: 300; } span.icon-ok { color: green; } h6 { font-size: 12px; background-color: #9e1e16; padding: 5px 15px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; color: #FFF; } .slide-more { color: #fff; background-color: #37414b; padding: 3px 10px; border: 1px solid #fff; font-size: 13px; } .ls-l { border:1px solid #ccc!important; } .ls-l a { color:#fff!important; text-decoration: none; } .ls-l a:hover { color:#fff!important; text-decoration: none!important; opacity: 0.7; } a.ls-nav-next, a.ls-nav-prev { display:block!important; } .entry p:last-child { margin: 0 } .entry ul { margin: 30px 0 30px 20px } .entry ul li, .entry ol li { margin: 0 0 5px } .entry ol { margin: 30px 0 30px 25px } .entry ol { list-style: decimal } .entry ul { list-style: disc } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px } p { margin: 15px 0px; line-height: 167%; } p.lead { color: #777; font-size: 21px; line-height: 27px; } em { font-style: italic } strong { font-weight: 500; } small { font-size: 80%; } .red { color: #9e1e16!important; } hr { height: 0; margin: 10px 0; border: 1px solid rgba(189, 84, 63, 0.4); border-width: 1px 0 0; clear: both; } a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease} a:hover { color:#000} p a, p a:visited { line-height: inherit } /* Header */ h2.ip-property-header { display: none; } #header-wrap { background-color: #9e1e16; padding: 0px; height: 100px; position: fixed; z-index: 5000; top: 0; width: 100%; } #header-wrap .row { margin-bottom: 0 } #logo { display:inline-block; margin:0; } #logo img { max-height:100px; display:block; width:auto; } #top { line-height:18px; font-size: 14px; letter-spacing: 1px; float: right; display: inline-block; color: #FFF; background-color: #9e1e16; height: 20px; width: auto; } #top ul { list-style: none; margin-left: 10px; margin-right: 10px; } #top ul li { float: left; } li.item-115 { margin-left: 20px; } #top .menu li a { font-size: 12px; text-transform: uppercase; font-weight: 300; color: #FFF; } #top .menu li:hover { opacity: 0.6; } .menutitle img { width: 12px; margin-right: 10px; padding-top: 3px; float: left; } #top .customtel-top p { line-height: 28px!important; margin-right: 20px; } #top .customreg-top, #top .customtel-top { float: right; } #top a { text-decoration:none; } #top em.fa.fa-phone-square { font-size: 18px; float: left; margin-top: 7px; margin-right: 6px; } #top a.button { background-color: #FFF; padding: 5px 20px; font-size: 12px; letter-spacing: 1px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; text-transform: uppercase; color: #9e1e16; font-weight: 600; } #top a.button:hover { opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* Navigation */ #navbar-wrap { padding: 0px; margin-top:40px; } #navbar { position: relative; height: 30px; } #navbar.row { margin-bottom: 0 } #navigation { padding:0px; } #navigation .menu { margin: 0; padding: 0; list-style: none; float: right; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float: left; } #navigation .menu > li ul { } #navigation .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; } #navigation .menu ul ul { left: 100%; top: 0; } #navigation .menu ul ul li { width: 100% } #navigation .menu li { position: relative; list-style: none; } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .active > a:hover, #navigation .active > a:hover, #navigation .menu > li .active.deeper.parent:hover { color: #FFF; border-bottom: 3px solid #FFF; } #navigation li.current.active { background-color: #9e1e16; } #navigation .menu > li:hover { background-color: #9e1e16; color: #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #navigation .menu > .active > a, #navigation li.active > a { } #navigation .menu > li { margin-right: 0px; padding: 0px 10px; margin: 0px 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #navigation .menu a { height: 30px; color: #FFFFFF; text-align: left; text-decoration: none; cursor: pointer; line-height: 30px; font-size:15px; font-weight: 300; letter-spacing: 1px; padding: 0 10px; } /*drop-down styles*/ #navigation .menu ul { border-top: none; min-width:250px; } #navigation .menu li:hover ul { margin-top: 0; background-color: #9e1e16; color:#FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #navigation .menu li ul li:hover { margin-top: 0; background-color: #9e1e16; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #navigation .menu ul ul.sub-menu { margin-top: 0px; margin-left: -19px; border-left: 1px solid #DDD; width: 250px; } #navigation .menu ul li { border-bottom: 1px solid #ddd; } #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { border: 0; } #navigation .menu ul li > a:hover { color: #fff; } #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 5px 10px; text-transform: none; border: 0px; line-height: 1.7em; } #navigation .selector { display: none; } #navigation ul.sub-menu .icon-angle-down:before { content:"\f105"!important; } #navigation ul.sub-menu a { font-size:14px; color: #FFF!important; } #navigation i { text-align:right; } #menu-icon { display: none; } #slide-wrap a:hover{ color:#fff } p.link-county { } p.link-county a { color: #FFF; text-decoration: none; background-color: rgba(188, 83, 62, 1); text-align: center; padding: 10px 0; font-weight: 300; width: 100%; float: left; } p.link-county a:hover { background-color: rgba(188, 83, 62, 0.6); } /* Page Navigation */ ul.pagenav { display:block; } ul.pagenav li { list-style:none; } ul.pagenav li a{ display:block} .pagenav-prev { float:left; } .pagenav-next { float:right} #pagination { clear:both; text-align:center; padding:0; } .contact-form { background-color: #9e1e16; padding: 20px; color: #FFF!important; } .contact-form .control-label { padding-left: 0px; width: 30%; } .contact-form .col-sm-6.formControls { margin-left: 30%; } /* Breadcrumbs */ #breadcrumbs-wrap { background-color: rgba(225, 225, 225, 0.38); height: 40px; } .breadcrumbs { padding:0; margin:0; line-height: 40px; color:#9e1e16; font-size: 12px; font-weight: 300; letter-spacing: 1px; font-weight: 400; float: left; width: 50%; } .customexl { float: right; } .customexl p { margin: 0; line-height: 40px; color: #9e1e16; font-weight: 400; font-size: 12px; } .breadcrumbs a { color:#9e1e16; text-decoration: underline; } .breadcrumbs a:hover { opacity: 0.5; color:#9e1e16; } .breadcrumbs .fa { padding:0 5px; font-size: 16px; } /* Sidebar */ #leftbar-w { float:left } #rightbar-w { float:right; } #sidebar { top: 0; } #sidebar.fixed { position: fixed; top: 150px; max-width: 232px; width: 23.5%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #sidebar .module { margin-bottom:20px; border: 4px solid #fff; position: relative; background:#fff; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2)} #sidebar .module-title { font-size:14px; line-height:25px; color:#333; padding:5px 0 5px 10px; letter-spacing:1px; text-transform:uppercase; border-bottom:5px solid #e0e0e0; } #sidebar h3 { margin:0; padding:0 0 5px 0; } #rightbar-w .module-title { } #sidebar .module-body { margin:0; padding:5px; } #sidebar .module-body p{ padding:0; margin:0 0 5px 0; } #sidebar ul li { margin:0 5px; padding:0; } #sidebar a{ } #sidebar a:hover{ } /* Sidebar Menu*/ #sidebar .module ul.menu{ margin:0; padding:0; list-style:none; } #sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; background:url(../images/sidebar-menu-sep.png) bottom left repeat-x; } #sidebar .module ul.menu li:hover{ } #sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a{ display:block; margin:0; padding:5px 0 7px 25px; background:url(../images/sidebar-li1.png) 5px 50% no-repeat; text-decoration:none; color: #999; font-family:'Sintony',Arial, Helvetica, sans-serif; font-size:16px; line-height:25px; } #sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover, #sidebar .module ul.menu li ul li.active ul li.active a { background:url(../images/sidebar-li2.png) 5px 50% no-repeat; text-decoration:none; color:#3d5063; } #sidebar .module ul.menu li.active { } /* Sidebar SubMenu*/ #sidebar .module ul.menu li ul { margin:0; background:url(../images/sidebar-menu-sep.png) top left repeat-x} #sidebar .module ul.menu li ul li { background:none; margin:0; padding:0 0 0 10px } #sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none } #sidebar .module ul.menu li ul li a{ } #sidebar .module ul.menu li ul li a:hover{ border: 0; } #sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:url(../images/sidebar-menu-sep.png) bottom left repeat-x; } .module .menu .icon-angle-down:before { content:""!important; } .vimeo { -webkit-box-shadow: 0 10px 20px 0px black; -moz-box-shadow: 0 10px 20px 0px black; box-shadow: 0 10px 20px 0px black; border: 1px solid #3d5063; } /* about */ .blogabout .items-row { margin-bottom: 10px; border: 1px solid #3d5063; padding: 20px; -webkit-box-shadow: 0 10px 10px 0px black; -moz-box-shadow: 0 10px 10px 0px black; box-shadow: 0 10px 10px 0px black; min-height: 630px; } .blogabout .leading{ margin-bottom: 10px; border: 1px solid #3d5063; padding: 20px; -webkit-box-shadow: 0 10px 10px 0px black; -moz-box-shadow: 0 10px 10px 0px black; box-shadow: 0 10px 10px 0px black; } .blogabout .items-row h2 { margin-bottom:0; padding-bottom:0; background-image:url(../images/bg_head_small.png); background-repeat:no-repeat; background-position: bottom center; padding-bottom:25px; display: block; font-size: 20px; line-height: 32px; font-weight:300; text-align:center; margin-top: 0px; } /* User1 and User2 */ #user1-wrap{ position: relative; background-color: #9e1e16; padding: 50px 0; } #user1-wrap h3.module-title { color: #FFFFFF; } #user1-wrap p { color: #FFF; } #user1 a { background-color: #FFF; color: #9e1e16; padding: 5px 20px; text-decoration: none; } #user1{ padding:0; margin:0 auto; clear:both; } a.line { margin-left: 10px; background-color: #9e1e16!important; border: 1px solid #FFF; color: #FFF!important; } #user1 .module{ } #user1 .inner{ padding:0 10px; } #user1 img { } #user1 a:hover { opacity: 0.6; } a.user_readmore { background-color: #3d5063; color: #fff; padding: 4px 15px; -webkit-box-shadow: 0 8px 2px -6px black; -moz-box-shadow: 0 8px 2px -6px black; box-shadow: 0 8px 2px -6px black; text-decoration: none; } a.user_readmore:hover { text-decoration:none; opacity:0.5; color:#FFF!important; } #user1 img:hover { opacity:0.7; } #user1 .items-row.col.span_4.featured { border: 1px solid rgba(228, 235, 243, 1)!important; background-color: rgba(228, 235, 243, 0.4)!important; /* background-color: rgba(189, 84, 63, 0.09); */ /* border-bottom: 0px solid #9e1e16; */ padding: 0px!important; margin-bottom: 2%!important; } .ip-featuredproperties-holder { float: left; } #user1 .module-body { } #user1 a { } #user1 a:hover{ } #user1 ul { margin:0; padding:0; } #user1 ul li{ border-bottom:none; list-style:none; } #user1 ul li:hover{ } #user1 ul li a{ display:block; padding:0 0 0 20px; background:url(../images/user1-arrow.png) 0 50% no-repeat; text-decoration:none; font-size:14px; font-family:'Sintony',Arial, Helvetica, sans-serif; } #user1 ul li a:hover{ } #user2-wrap { position: relative; background-color: rgba(239, 239, 239, 0.42); padding: 50px 0; color: #FFF; } #user2 li { color: #9e1e16; } #user2 a { text-decoration: none; } #user2 h3.module-title { font-size: 16px; margin-top: 0px; margin-bottom: 6px; max-height: 30px; line-height: 30px; color: #9e1e16; font-weight: 500; } #user2 .control-label { } /* Search */ p.rsformVerticalClear { width: 50%; float: left; margin: 0; font-size: 12px; } p.formDescription { margin: 0; } #user2-wrap .control-group.rsform-block.rsform-block-free, #user2-wrap .form-horizontal .control-group { margin-bottom: 0px!important; color: #333; padding-top: 0px; } #user2 .control-label { text-align: left; color: #333; padding-top: 0px; padding-left: 0px; width: 150px; float: left; } #user2 .controls.formControls { margin-left: 150px; } .rsform-block { border-bottom: 0px solid rgba(204, 204, 204, 0.26); padding-bottom: 10px; padding-top: 10px; clear: left; } .button-aide { background-color: #9e1e16; padding: 5px 20px; float: left; margin-top: -29px; margin-left: 2%; color: #FFFFFF; text-decoration: none; } .form-group.rsform-block.rsform-block-les-assurance-de-votre-outil-de-travail, .form-group.rsform-block.rsform-block-info-p { border:none; } label.radio-inline { margin-right: 2%; } .rsform-block-submit, .rsform-block-area { border: none!important; } p.small { margin: 0!important; font-size: 12px; font-weight: 400; line-height: 25px; margin-top: -13px!important; padding-top: 10px; width: 98%; padding: 10px; background-color: rgba(225, 225, 225, 0.38); } i.fa.fa-question-circle { color: rgba(158, 30, 22, 0.33); font-size: 14px; margin-right: 10px; margin-bottom: 16px; float: left; margin-top: 6px; } input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]:focus { color: #000; outline: none; } /* Forms / Inputs / Buttons */ .contactleft { width: 47%; float: left; border-right: 1px solid #bd3802; padding-right: 30px; } .col-sm-6.formControls { margin-left: 50%; } label.checkbox-inline { margin-right: 2%; } .formControlLabel { float: left; line-height: 29px; font-size: 14px; font-weight: 300; } .rsform-block-rc-activite .checkbox-inline { float: left; width: 100%; } .rsform-block-rc .control-label, .rsform-block-vp .control-label, .rsform-block-ani .control-label, .rsform-block-lp .control-label, .rsform-block-rcms .control-label, .rsform-block-sante .control-label, .rsform-block-ij .control-label, .rsform-block-adi .control-label { font-weight: 500!important; padding-left: 0px; } .control-label { padding-left: 20px; } span.formValidation { display: none; } select { -webkit-appearance: none; width: 80px; height: 30px; background-color: #FFF; background: url(../images/down-arrow.png) 80% 50% no-repeat!important; float: left; margin-right: 10px; color: #666; font-weight: 300; background-color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 14px; } .inputbox, input, textarea, select { background:#fff; border:1px solid #d4d4d4; border-radius: 0px!important; padding: 5px; border: 1px solid #d4d4d4; border-radius: 0px!important; padding: 5px; font-size: 14px; color: #999; } .col-sm-6.formControls .row { margin-bottom: 0%; } .inputbox { width:160px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { display: block; max-width: 100%; margin-bottom: 0px; margin-left: 0; padding: 5px !important; color: #808080; font-size: 14px; font-weight: 300; background: #fff; border: 1px solid #ddd; border-radius:0px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset; } textarea { width: 100%; line-height: 1.6em !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { color: #505050; border-color: #ccc; outline: none; } .ip-quicksearch-sortholder button.btn.btn-primary { height: 80px; font-size: 16px; letter-spacing: 2px; background-color: #062b85; color: #FFF; border: 0px; box-shadow: none; line-height: 25px; } .ip-quicksearch-sortholder button.btn.btn-primary:hover { height: 80px; font-size: 16px; letter-spacing: 2px; background-color: rgba(7, 43, 133, 0.5); color: #FFF; border: 0px; box-shadow: none; opacity: 1; } input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] { display: inline-block; text-shadow: none; padding: 0 15px; background-color: #fff; color: #9e1e16; text-decoration: none; -webkit-appearance: none !important; background: #fff; min-height: 30px; font-size: 13px; border: 1px solid #ccc; cursor: pointer; line-height: 36px; } .col-md-6 { float: left; margin-left: 2%; } .rsform-calendar-button { height: 20px; float: left; line-height: 20px; padding: 0 10px!important; } input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset; } input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ text-decoration: none; opacity: 0.5; color: #FFF!important; background-color: #9e1e16; } a.btn-readmore { background-color: #E1E1E1; color: #9e1e16!important; padding: 5px 15px; text-decoration: none; font-weight: 400; font-size: 12px; letter-spacing: 0px; } a.btn-readmore:hover { background-color: #9e1e16!important; color: #fff!important; text-decoration: none; } /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000} .tip-title { padding: 0; margin: 0; display:none} .tip-text { font-size: 100%; margin: 0; } #topcontrol { background:url(../images/arrow_up.png) 50% 50% no-repeat; width:60px; height:60px; white-space:nowrap; cursor: pointer; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; z-index:999; } /* Error */ #error { padding:20px; text-align:center} #error .error { color:#FF0000; display:block; padding:0; font-size: 200px; font-weight: bold; line-height: 200px; } #error .center { width: 400px; margin-left:-200px; left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); } #error .error > span { display: inline-block; position: relative; } #error .error > span:before { content: ""; position: absolute; top: 70%; left: -30px; right: -30px; height: 80px; background: url(../images/error.png) no-repeat; background-size: 100% 100%; } #error ol li{ text-align:left; } /* Offline */ .error-offline .error > span:before { top: 65%; } .error-offline .message { width: 350px; } /* Thumbs */ .width-10 { width: 10px; }.width-20 { width: 20px; }.width-30 { width: 30px; }.width-40 { width: 40px; }.width-50 { width: 50px; }.width-60 { width: 60px; }.width-70 { width: 70px; }.width-80 { width: 80px; }.width-90 { width: 90px; }.width-100 { width: 100px; }.height-10 { height: 10px; }.height-20 { height: 20px; }.height-30 { height: 30px; }.height-40 { height: 40px; }.height-50 { height: 50px; }.height-60 { height: 60px; }.height-70 { height: 70px; }.height-80 { height: 80px; }.height-90 { height: 90px; }.height-100 { height: 100px; } .bottom-blog { padding: 20px; border: 1px solid rgba(228, 235, 243, 1); background-color: rgba(228, 235, 243, 0.4); margin-top: 30px; } .bottom-blog p { margin-top: 0px; font-size: 14px; font-weight: 300; } .bottom-blog strong { color: #9e1e16; } .thumbnail{ max-width: 100%!important; } .blog.area .thumbnail { width: 40%; float: right; margin-left: 20px; } .item-page-titleabout { margin-top: 10px; } .blog.about .thumbnail { display: none; } .thumbnail img { } .thumbnail img:hover { opacity: 1; } .thumbnail.pull-left { margin-right: 5px!important; border: 1px solid #9e1e16; margin-bottom: 5px; } .thumbnail.pull-right{ margin-left:10px!important; width: 30%; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { } a.thumbnail:hover { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } /* Footer */ #footer-wrap { height:300px; padding-top:30px; background-color: #9e1e16; } #footer-wrap h3 { color: #FFF; font-size: 25px; font-weight: 300; margin-bottom: 15px; } #footer-wrap p { margin: 10px 0; padding:0; color: #FFF; } #footer-wrap a, #footer-wrap em { color: #FFF; } /* Footer Menu*/ #footer-nav { } #footer ul { margin-left: 20px; padding: 0; float: left; color: #FFF; list-style: square; } #footer ul li { list-style: none; position:relative; padding:0; margin:0 1px 0 0; height:25px; height: 30px; } #footer ul li a { display:block; padding:0 10px; text-decoration:none; font-size:16px; line-height: 25px; -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none; padding-left: 30px; transition: none; margin-left: 10px; font-weight: 300; letter-spacing: 1px; } #footer ul li a:hover { color:#FFF; } #copyright-wrap { background-color: rgba(158, 32, 22, 1); float: left; width: 100%; border-top: 1px solid rgba(225, 225, 225, 1); } .copyright { color: #eee; padding: 0; font-size: 12px; letter-spacing: 1px; text-align: center; font-weight: 300; } .copyright a { font-size:12px; color: #ddd; } .copy a:hover { } .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px; } .dl-horizontal dd { margin-left: 50px; } @media (min-width:1025px) { /* grid */ .col { margin-left: 2%; } .col:nth-child(3n+1) { margin-left: 0!important; } .col:first-child { margin-left: 0!important; } .span_1 { width: 6.5%; } .span_2 { width: 15.0%; } .span_3 { width: 23.5%; } .span_4 { width: 32.0%; } .span_5 { width: 40.5%; } .span_6 { width: 49.0%; } .span_7 { width: 57.5%; } .span_8 { width: 66.0%; } .span_9 { width: 74.5%; } .span_10 { width: 83.0%; } .span_11 { width: 91.5%; } .span_12 { width: 100%; } ; } @media screen and (max-width: 699px) { #top { display: none; } #rightbar-w { display: none; } #menu-icon img { max-height: 40px; padding-top: 15px; } #menu-icon i.fa.fa-angle-double-down { color: #FFF; font-size: 30px; float: right; line-height: 70px; padding-right: 20px; } .customexl { display: none; } .breadcrumbs { width: 100%; letter-spacing: 0px; } .form-horizontal .control-label { float: left!important; } #wrapper-w #wrapper { padding:0px!important; margin-top: -145px; } #user1-wrap { padding: 15px; } #user1 img { width: 100%; margin-bottom: 2%!important; } #wrapper{ padding:0 10px!important; } .smartone { margin:0; padding:0; position:absolute; bottom:-10px; right:0;} #logo { text-align:center; float:none; display:block } #logo img { max-width:250px; max-height:70px; display:block; margin:0 auto; display:none; } #header_bg { display:none!important; } #logo a{ text-align:center; } #site-description { text-align:center; } #top { float:none; background-color: #3d5063; } .items-row { margin-bottom: 5%; } #search { margin: 0px; margin-bottom: 0px; } #search-wrap { background-color: rgba(188,83,62,1); z-index: 100; position: relative; } #search-wrap .controls.span_6.pull-left { width: 100%; } #search-wrap label.span_3.pull-left { width: 30%; } #search .input-small, #search select.input-large, #search input.input-large { background: #FFFFFF url(../images/down-arrow.png) 95% 50% no-repeat!important; color: #999; font-weight: 300; width: 60%; margin-bottom: 20px; float: right; margin-right: 0; } #search .ip-quicksearch-sortholder button.btn.btn-primary { width: 100%; height:auto; line-height: 60px; } #search .ip-quicksearch-sortholder.span_2.pull-right { width: 100%; margin-bottom: 20px; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { z-index: 800; background-color: white; width: 90%!important; border: 2px solid #9e1e16; margin: 0 auto; } #area p { width: 100%; } .ip-overview-title { height: 60px!important; max-height: 60px!important; } img.img-polaroid.ip-overview-thumb { height: auto!important; } #drone_banner { display: none; } .mod-languages { text-align: right; margin-top: 10px; } div#search-area input { width: 57%!important; } #slide-wrap { } #box-wrap { margin-top:0px; padding: 15px; } #user1 .module { margin-bottom:20px; } #header-wrap { height: 70px; padding: 0px!important; } #menu-icon { width:100%; height: 70px; line-height:70px; text-decoration:none; background-repeat: repeat; padding:0; cursor: pointer; display: block; font-weight:bold; color:#3a3a3a; font-family:'Open Sans',Arial, Helvetica, sans-serif; border-bottom:1px solid #EFEFEF; text-align: center; } #menu-icon:hover,#menu-icon.active { background-color: #9e1e16; } .menu-icon-title { font-size:20px; padding:0 10px; color:#fff; } .icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height: 70px!important; line-height: 70px!important; color: #fff; } h2.item-page-title { font-size: 20px; font-weight: 300; } #user2-wrap { padding: 20px 0px; } #user2 .module { padding: 20px; } #footer-wrap { padding: 20px; height: auto; } div#ip-mainfilter-container { display: none; } .pull-right.small.ip-pagination-results { text-align: left; margin-top: -45px; margin-bottom: 15px!important; background-color: #9e1e16; color: #FFF; text-align: center!important; line-height: 50px; padding-bottom: 0px!important; } .prop-icon-list.span_12.row, .prop-price-list.span_12.row, .prop-mlsid-list.span_12.row { width: 100%; } button.goback.pull-right { width: 100%; margin-bottom: 20px; margin-top: 10px; line-height: 30px; } .ip-mainheader { text-align: center; } .top-right-inner.span_12 { clear: left; } .top-right-inner.span_12, .span_4.pull-right.top-right { width: 100%; } .label-top-right.span_3.pull-left, .label-top-right.span_5.pull-left{ clear: left; } .ex-top-right.span_7.pull-right { clear: right; } .ex-top-right.span_5.pull-right { clear: right; } .swiper-pagination.span_8.swiper-pagination-clickable.swiper-pagination-bullets { display: none; } .span_4.pull-right.top-right { margin-top: 20px; } #navbar{ display: none; height: auto; margin: 0; padding: 0; color: #FFF; position: fixed; right: 0px; width: 100%; } /* Menu */ #navbar-wrap { background-color: #9e1e16 ; height:auto; display:block; margin:0; padding:0; border:none; position: relative; z-index: 11; } /* Navigation */ #navigation { padding:0; display:block; background-color: #9e1e16 ; } #navigation .menu { margin: 0; padding: 0; list-style: none; width: 100%; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float:none;} .inner-form { margin-left: 0px!important; } #navigation .menu ul { position: relative; left: 0; top: 100%; margin:0; nowhitespace: afterproperty; opacity: 1; transition:none; visibility: visible; z-index: 99; } #navigation .menu ul ul { position:relative!important; margin:1px 0 0 0; padding:0; left:0px; width:100%; display:block;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none; } #navigation .menu ul ul li { width:auto} #navigation .menu li { position: relative; } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; line-height: 40px; height: 40px; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #fff; border-top:1px solid #FFFFFF; } #navigation .menu > .active > a, #navigation li.active > a { font-weight: 300; color: #fff; border-top:1px solid #FFFFFF; } #navigation .menu > li { margin:0; padding:0; } #navigation li.current.active { background-color: #9e1e16 ; } #navigation .menu a { padding:0 20px; color: #fff; font-weight: 300; text-align: left; text-decoration: none; cursor: pointer; font-size:16px; border-top:1px solid #FFF; transition:none; } /*drop-down styles*/ #navigation .menu ul { border-top: none; background:none; border:none; } #navigation .menu li:hover ul { margin: 0; } #navigation .menu ul ul.sub-menu { margin:0; padding:0; } #navigation .menu ul ul.sub-menu li{ margin:0; padding:0; } #navigation .menu ul li { border-bottom:0} #navigation .menu ul li:first-child {; } #navigation .menu ul li:last-child {; } #navigation .menu ul li > a:hover { color: #fff; border:0;} #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 0 15px; text-transform: none; border: 0px; } #navigation ul.sub-menu .icon-angle-down:before { content:""!important;} #navigation ul.sub-menu a { font-size:14px; line-height: 35px; color: #fff; margin-left:20px;} #navigation i { text-align:right} #footer-nav { float:none} #footer-nav ul { float:none} .copyright { float:none; text-align:center; } } /** * @version 3.1.1 2013-05-07 * @package Joomla * @subpackage Intellectual Property * @copyright (C) 2013 the T1hinkery * @license GNU/GPL see LICENSE.php */ /* uncomment the following line to set fixed height in property details view image tab .ip-mapleft .tab-pane{max-height: 355px; overflow: hidden;} */ button.goback { float: right; height: 30px; background-color: #9e1e16; border: none; color: #FFF; padding: 0px 20px; line-height: 30px; font-size: 14px; font-weight: 300; cursor: pointer; } button.goback:hover { opacity: 0.7 } /* ip generic css */ #drone_banner { background-image: url(../images/banner_drone.png); background-repeat: no-repeat; padding-left: 60px; padding-top: 13px; height: 50px; z-index: 12; position: absolute; margin-top: -310px; width: 210px; } .price-pop { background-image: url(../images/price.png); background-repeat: no-repeat; z-index: 100; height: 50px; line-height: 50px; color: #fff; padding-left: 5px; margin-top: -175px; position: absolute; width: 110px; margin-left: 1px; } .ip-popularproperties-thumb-holder:hover { opacity: 0.6; } #drone_banner a { text-decoration: none; color: #FFF; } #drone_banner a:hover { opacity: 0.7; } #ip_searchmod .controls { float: left; clear: both; margin-bottom: 10px; } .prop-description { line-height: 170%; } .desc_roominfo h3 { font-weight: 300; font-size: 17px; margin-top: 10px; border-bottom: 3px solid #3d5063; padding-left: 10px; width: 85%; } .desc_roominfo h4 { font-weight: 300; font-size: 14px; margin-top: 10px; } .room-item { margin-left: 10px; } .room-item li { list-style: square; } .description-text { padding: 0 25px; } .prop-intro dt { font-weight: 300; } sup { font-size: 75%; vertical-align: super; } .intro-line { border-top: 1px solid; clear: both; padding: 0px 10px; } dt.pull-left { clear: left; } dd.pull-right { clear: right; } .formResponsive input[type="submit"] { border-radius: 0px!important; background-color: #9e1e16!important; color: #ffffff; background: #9e1e16; font-size: 16px; text-shadow: none!important; font-weight: 300; padding: 0 35px; height: 3px; line-height: 19px; letter-spacing: 1px; border: none!important; } .formResponsive input[type="submit"]:hover { opacity:0.8; background-color: #062b85!important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /** * @version 3.3.3 2015-04-30 * @package Joomla * @subpackage Intellectual Property * @copyright (C) 2009 - 2015 the Thinkery LLC. All rights reserved. * @license GNU/GPL see LICENSE.php */ /* uncomment the following line to set fixed height in property details view image tab .ip-mapleft .tab-pane{max-height: 355px; overflow: hidden;} */ /* ip generic css */ .ip-overview-property { border: 1px solid rgba(228, 235, 243, 1); background-color: rgba(228, 235, 243, 0.4); /* background-color: rgba(189, 84, 63, 0.09); */ /* border-bottom: 0px solid #9e1e16; */ padding: 0px; margin-bottom: 2% } .prop-info-list { padding: 25px; padding-top: 5px; } .prop-title-list { text-align: center; margin: 10px 0; font-size: 18px; font-weight: 300; letter-spacing: 1px; float: left; width: 100%; line-height: 20px; max-height: 50px; min-height: 50px; } .prop-location-list { font-size: 14px; text-align: center; color: #9e1e16; float: left; width: 100%; margin: 10px 0; } .prop-location-list .fa-map-marker { float: none!important; margin: 0!important; font-size: 14px!important; margin-right: 10px!important; } .prop-icon-list { height: 40px; background-color: #fff; clear: both; margin: 0 auto; float: left; border-bottom: 4px solid #e5ebf3 } .icon { height: 40px; width: 31%; line-height: 40px; float: left; color: #00378b; font-size: 14px; font-weight: 800; opacity: 0.8; } .icon img { width: 20px!important; height: auto; margin:10px; float: left; } .prop-price-list { height: 45px; line-height: 50px; clear: both; margin: 0 auto; float: left; background-color: #00378b; text-align: center; color: #FFF; letter-spacing: 1px; font-weight: 300; } .prop-mlsid-list { height: 25px; line-height: 25px; clear: both; margin: 0 auto; float: left; text-align: center; color: #9e1e16; font-size: 14px; letter-spacing: 1px; font-weight: 300; margin: 20px 0; } .ip-row0, .ip-row1{padding: 7px;} .ip-overview-active{border: solid 1px #35A2D9; box-shadow: 0px 0px 9px #888888;} .ip-openhouse-header{padding: 10px 0px;} .ip-pointer{cursor: pointer;} .ip-pagination-results { clear: both; width: 100%; } /* property details view */ .ip_subcattitle {display: none;} .span12.pull-right.cat_overview_desc { float: left; margin-bottom: 30px; } #propimages{position: relative;} /* required for proper banner alignment */ .ip-proptab-image{position: relative;} /* this allows the banners to display correctly */ .ip-carousel-control{top: 140px !important;} /* bootstrap gallery carousel controls - set px position to avoid jumping */ .ip-mapright dl{margin-bottom: 10px;} .ip-propdetails-divider{height: 15px;} /* property details sidebar */ .ip-sidecol.ip-mainaddress, .ip-sidecol.ip-categories{margin-top: 10px !important;} .ip-slashprice{text-decoration: line-through;} .ip-newprice{font-size: 115%;} #ip-searchfilter-wrapper { padding: 20px 0; } .ip-quicksearch-optholder{display: none;} .ip-featured-icon{margin-right: 15px; } .ip-cat-icon-divider{line-height: 30px;} .ip-cat-home-img{float: right;} .ip-property-thumb-holder, .ip-image-tab, .ip-mod-thumb{position: relative;} /* banners */ .ip-bannertopleft{z-index: 1000 !important; position: absolute; top: 0px; left: 0px;} .ip-bannerbotleft{z-index: 9 !important; position: absolute; bottom: 0px; left: 0px;} .ip-bannertopright{z-index: 998 !important; position: absolute; top: 0px; right: 0px;} .ip-bannerbotright{z-index: 997 !important; position: absolute; bottom: 0px; right: 0px;} .ip-bannerbotss { position: absolute; right: 0; height: 20px; z-index: 7; bottom: 0; } /* css banners */ .ip-bannercsstop{position: absolute; top: 0px; padding: 3px;} .ip-bannercssbot{position: absolute; bottom: 0px; padding: 3px;} .ip-banner-new{background: #20a800; font-weight: bold; color: #fff;} .ip-banner-sold{background: #cc0000; font-weight: bold; color: #fff;} .ip-banner-pending{background: #e8ab07; font-weight: bold; color: #fff;} .ip-banner-updated{background: #076db3; font-weight: bold; color: #fff;} .ip-state-highlight{background: #D9EDF7; border: 3px dashed #74b4d4;} .ip-openhouse-info{padding: 10px; border: dotted 1px; margin-right: 20px;} .ip-quicksearch-form .ip-quicksearch-optholder input, .ip-quicksearch-form .ip-quicksearch-optholder select{margin-bottom: 5px !important;} .ip-quicksearch-form .ip-quicksearch-sortholder select{margin-right: 5px !important; width: 150px; background: url(../images/down-arrow.png) 95% 50% no-repeat!important; } .ip-quicksearch-sortholder .control-group { } .pull-right.small.ip-pagination-results { text-align: left; margin-top: -45px; border-bottom: 1px solid #9e1e16; padding-bottom: 15px; margin-bottom: 15px; } .ip-proplistlatest .pull-right.small.ip-pagination-results { margin-top: 5px;} label.quicksearch { float: left; width: 100%; background: url(../images/down-arrow.png) 95% 50% no-repeat!important; } .input-large { width: 30%; } .controls.span_4.pull-left { margin-bottom: 1.5% } .input-small { background: #FFFFFF url(../images/down-arrow.png) 95% 50% no-repeat!important; color: #999; font-weight: 300; margin-right: 2%; } .ip_qsmod_holder label { line-height: 30px; margin-bottom: 20px; } button.btn.btn-primary.list-order { line-height: 28px; height: 30px; background-color: #9e1e16; font-family: 'Open Sans', sans-serif; color: #FFF; letter-spacing: 1px; font-size: 14px; font-weight: 300; padding: 0 10px; } button.btn.btn-primary.list-order:hover { line-height: 28px; height: 30px; background-color: rgba(189, 84, 63, 0.62); font-family: 'Open Sans', sans-serif; color: #FFF; letter-spacing: 1px; font-size: 14px; font-weight: 300; padding: 0 10px; } .input-large { width: 230px; background: #FFFFFF url(../images/down-arrow.png) 95% 50% no-repeat!important; color: #999; font-weight: 300; cursor: default; } form.ip_quicksearch_form { padding-left: 5%; padding-top: 3%; } /* default img widths */ .ip-mod-thumb .thumbnail, .ip-overview-thumb{ width: 100%; position: relative; height: 210px; } .ip-overview-thumb:hover { opacity: 0.7; } /* additional plugin styles */ #ipdirectionsplug{overflow: auto;} #ippano img{border: none !important; max-width: none !important;} /* fixes firefox bugginess */ #ws-walkscore-tile{position: relative; text-align: left;} #ws-walkscore-tile *{float: none;} #ws-footer a, #ws-footer a:link{font: 11px Verdana,Arial,Helvetica,sans-serif; margin-right: 6px; white-space: nowrap; padding: 0; color: #000; font-weight: bold; text-decoration: none;} #ws-footer a:hover{color: #777; text-decoration: none;} #ws-footer a:active{color: #b14900;} .ip-before-property, .ip-after-property{position: relative;} /* plugin wrappers are relative in order to position some plugin buttons */ /* form css */ .ip-vid-tab .active a,.ip-vid-tab .active a:hover {background-color: #377391; color: #fff;} /* print css */ .ip-print-table td{vertical-align: top; padding: 5px;} .ip-print-leftcol{width: 70%;} .ip-print-rightcol{width: 30%;} /* 3.2.1 additions */ .ip-map-div img{max-width: inherit;} /*fix for zoom controls collapsing*/ /* 3.3.2 additions */ .ip-overview-grid{padding: 10px;} .ip-overview-grid .ip-property-thumb-holder{margin-bottom: 5px;} .ip-overview-grid .ip-overview-quickinfo{margin-top: 8px; clear: both;} .ip-bubble-window-solid{background-color: white; border-radius: 5px;} /* mobile specific css */ @media (max-width: 480px) { .nav-tabs > li > a{background: #D9EDF7 !important; border: solid 1px #3A87AD; padding: 3px !important; margin: 5px 2px !important; border-radius: 3px !important;} .ip-mapleft .tab-pane, #ip-map-canvas{height: auto; max-width: 100% !important;} #ip-image-tab, #ip-image-tab img{max-width: 100% !important;} } @media print{ .ip-print-icon, .ip-agent-contact-btn, .ip-vtour{display: none !important;} a:link:after, a:visited:after { display: none; content: ""; } } .top-right { border: 1px solid rgba(189, 84, 63, 0.2); line-height: 25px; font-size: 14px; color:#333; margin-bottom: 2%; } .top-right h2 { color: rgba(255, 255, 255, 0.6); height: 30px; line-height: 30px; font-size: 16px; text-transform: uppercase; padding-left: 20px; margin-top: -20px; letter-spacing: 2px; font-weight: 300; background-color: #9e1e16; margin-bottom: 10px; } .top-right-inner { float: left; margin: 17px 0; } .top-right-inner p { padding-left: 20px; padding-right: 10px; } .label-top-right { margin-left: 20px; font-weight: 600; } .ex-top-right { text-align: right; margin-right: 20px; } #ipgalleryplug { } .ip-galleryplug-img { } .top-right-inner #userForm { width: 80%!important; padding: 0 20px; float: left; } .top-right-inner .formControlLabel { width: 35%; font-weight: 600; float: left; } a.ip_subcatlink { background-color: #9e1e16; color: #FFF; padding: 5px 15px; text-decoration: none; font-size: 14px; font-weight: 300; letter-spacing: 1px;} a.ip_subcatlink:hover { color: #FFF; opacity: 0.7; text-decoration: none; } /* custom styles */ #tarifs { border: 1px solid black; border-radius: 0,5em; } #tarifs td, th { border: 1px solid black; vertical-align: middle; text-align: center; } #tarifs th { background-color: #9e1e16; color: #FFF; font-weight: 500; }