/*
Theme Name: Cialux 2015
Theme URI: http://www.pushthebrand.com/
Description: Theme Cialux
Author: Push The Brand Team
Version: 2015
Tags: Cialux, PTB, Push the Brand, Roberto Entringer
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}


/* =Fonts
-------------------------------------------------------------- */
body,input,textarea,.page-title span,.pingback a.url {font-family:Arial, Helvetica, sans-serif}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif}
input[type=submit] {color:#333;font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif}
pre {background:#f7f7f7; color:#222; font-family:"Courier 10 Pitch", Courier, monospace; line-height:18px; margin-bottom:18px; overflow:auto; padding:1.5em}
code {font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}

body,input,textarea {color:#666;font-size:12px;line-height:18px}

hr {background-color:#e7e7e7;border:0;clear:both;height:1px;margin-bottom:18px}

p {margin-bottom:18px}

ul {list-style:square; margin:0 0 18px 1.5em}
ol {list-style:decimal; margin:0 0 18px 1.5em}
ol ol {list-style:upper-alpha}
ol ol ol {list-style:lower-roman}
ol ol ol ol {list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul {margin-bottom:0}

dl {margin:0 0 24px}
dt {font-weight:700}
dd {margin-bottom:18px}

strong {font-weight:700}
cite,em,i {font-style:italic}
big {font-size:131.25%}
ins {background:#ffc;text-decoration:none}
blockquote {font-style:italic;padding:0 3em}
blockquote cite,blockquote em,blockquote i {font-style:normal}
abbr,acronym {border-bottom:1px dotted #666;cursor:help}
sup,sub {height:0;line-height:1;position:relative;vertical-align:baseline}
sup {bottom:1ex}
sub {top:.5ex}

input[type="text"], input[type="email"], textarea {
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    background:#f9f9f9;
    border:1px solid #ccc;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    padding:2px
}

a {color:#C90F1E; text-decoration: none}
a:hover {text-decoration: underline}
/* =Fonts
-------------------------------------------------------------- */


/* =Structure
-------------------------------------------------------------- */
body {background:#d6d6d6 url(library/images/bg_body.png) repeat-x}

#wrapper {position: relative}

#container {background:#efefef; float:left; width:100%}

.singular #container,
.not-found #container {background:#fff}

#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {margin:0 auto; width:940px}

#wrapper #main {background:url(library/images/bg_shadow.png) bottom center no-repeat; padding:0 0 10px; clear:both; padding:0; margin-bottom: 15px; float: left}

#header {background:url(library/images/bg_shadow3.png) bottom center no-repeat; height:198px}

#branding {height:128px; margin:6px 0 0; overflow:hidden}

#content-header {background:url(library/images/bg_shadow3.png) bottom center no-repeat; line-height:0; padding-bottom:22px}

#content {margin:20px}

#wrapper_carousel {margin: 0; float: left; position: relative}
#wrapper_carousel a {color: #fff; text-decoration: none; display: block}
#wrapper_carousel a:hover,
#wrapper_carousel a+h3 {background-color: #000}

.home .carousel {
    height:268px;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:15px 0!important;
    width:105%
}
.home .carousel li {
    background: #fff;
    float:left;
    margin-right:17px;
    overflow:hidden;
    width:301px;
    line-height: 0;
    border-radius: 2px;
    border: 4px solid #fff;
    box-sizing: border-box

}
.home .carousel li h3 {
    background:#c90f1e;
    color:#fff;
    display:block;
    padding:5px;
    height: 20px;
    line-height: 20px;
    text-align:center;
    text-transform:uppercase
}

.home .jcarousel-next-horizontal, 
.home .jcarousel-prev-horizontal {display: none!important}

.home #wrapper #main,
.home #container,
.home #content { background:none; margin:0; padding:0}

.shadow, .home .dynamic-col, .flexslider {
    -moz-box-shadow:inset 0 0 10px #ccc;
    -webkit-box-shadow:inset 0 0 10px #ccc;
    box-shadow:inset 0 0 10px #ccc
}

.dynamic-col {float:left;text-align:justify}
.dynamic-col, .dynamic-col ul li {line-height: 20px}
.dynamic-col ul li{white-space: nowrap}

.dynamic-col-2 {margin-left:15px}
.dynamic-col ul {
    -moz-column-count:2;
    -moz-column-gap:46px;
    -webkit-column-count:2;
    -webkit-column-gap:46px;
    column-count:2;
    column-gap:46px;
    line-height:2.5em;
    list-style:inside square;
    margin:0;
    padding:0;
    text-align:left
}

.home .dynamic-col {
    background:#fff;
    margin-bottom:10px;
    padding:25px 25px 40px;
    position:relative;
    width:43.8%
}

.page-template-page-about-php #wrapper #main {margin-bottom: 40px}
.page-template-page-about-php .dynamic-col {width:48%}
.page-template-page-about-php .dynamic-col-2 {margin-left: 30px}

.home #content div.dynamic-col h2 {font-size:21px; margin-bottom: 10px}

#footer {
    background:url(library/images/bg_shadow3.png) 50% -17px no-repeat;
    clear:both;
    margin:25px 0 0;
    padding-top:5px;
    width:100%
}

#footer .menu-footer {float:left; width:700px}

#site-generator {float:right; position:relative; width:220px}

body.contact #container {overflow:hidden}
body.contact #content {float:left; width:320px; margin-right: 0}
body.contact #content .edit-link{display: none}

#google-maps {border:1px solid #ccc;float:right; height:545px; margin:20px; overflow:hidden; width:545px; position: relative}
#google-maps #full-map {left: 70px; bottom: 3px; position: absolute}

.button_css3 {
    cursor: pointer;
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff!important;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
}
.button_css3:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
}
.button_css3:active {
    position:relative;
    top:1px;
}

.page-template-page-contact-php #content .wpcf7 p {margin-bottom:5px}
.page-template-page-contact-php .wpcf7-textarea {height:88px}
.page-template-page-contact-php .wpcf7-text,.page-template-page-contact-php .wpcf7-textarea {width:325px!important}
.page-template-page-contact-php .wpcf7-response-output {margin:15px 0;}
.page-template-page-contact-php .wpcf7-textarea {height:117px}

.page .entry-content {margin-top: 10px}

.page-template-page-about-php #container {position: relative}
.page-template-page-about-php #main {margin: 0 0 30px}
.page-template-page-about-php .cols {margin-bottom: 30px; position: absolute; bottom: -62px}


.cols {width: 100%; overflow: hidden; color: #000; text-align: center}
/*
.cols p {margin: 0; float: left; width: 44%; margin: 0 12px 10px}
.cols .left{text-align: right}
.cols .right{text-align: left}
*/

#footer_bg {background:#fff}

#colophon {overflow:hidden;padding:18px 0}

#site-info {font-weight:700}
#site-info a {color:#000; text-decoration:none}
#site-generator a {
    color:#666;
    display:block;
    line-height:16px;
    padding-left:20px;
    text-align:right;
    text-decoration:none
}
#site-generator a:hover {text-decoration:underline}

img#wpstats {display:block; margin:0 auto 10px}

.screen-reader-text {left:-9000px;position:absolute}

#content .wp-pagenavi {padding:0 0 20px!important; width: 100%; line-height: 30px}
#content .wp-pagenavi a {background: #C90F1E}

#site-title {
    float:left;
    font-size:30px;
    line-height:36px;
    margin:0;
    width:160px
}
#site-title a {color:#000;font-weight:700;text-decoration:none}
#site-description {
    clear:right;
    color:#000;
    float:left;
    font-size:21px;
    height:62px;
    margin:38px 0 28px;
    overflow:hidden;
    text-align:center;
    text-shadow:0 0 1px #fff;
    width:620px
}
#site-description p {margin:0 0 10px}
#site-description strong {color:#c90f1e;font-size:16px}
/* =Structure
-------------------------------------------------------------- */


/* =Menu
-------------------------------------------------------------- */
/* After the submenu of this item should be excluded. */
.sub-menu{display: none!important} /*TEMP*/
#menu-item-79  .sub-menu{display: none!important}

.menu ul .separator {display: none} /* sub menu */
.menu ul ul a {height:auto; line-height:1em; padding:10px; width:auto}
.menu .separator {font-size:10px; padding:18px 15px; text-align: center; display:inline; line-height: 48px; vertical-align: top}
.menu .last-separator {display:none!important}

div.menu-top {float:right;width:160px}
div.menu-top ul li {float:right}
div.menu-top ul li a {color:#666; display:block; text-decoration:none}
div.menu-top li.bt_home a,
div.menu-top li.current-menu-item.bt_home a:hover {background:url(library/images/sprite1.png) no-repeat 45px 0; padding:5px 41px 10px 0}
div.menu-top li.bt_home a:hover {background-position:-55px 0;color:#000}

div.menu-footer a {color:#666; padding:5px 0; text-decoration:none; text-shadow:0 0 1px #fff}
div.menu-footer a:hover {color:#000}
div.menu-footer li.current-menu-item a {color:#000;font-weight:700}
div.menu-footer li.current-menu-item a:hover {text-decoration:none}
div.menu-footer li.bt_home a { background:url(library/images/sprite1.png) no-repeat 0 -68px; padding:5px 0 10px 17px}
div.menu-footer li.bt_home a:hover,
div.menu-footer li.current-menu-item.bt_home a {background-position:0 -43px}
div.menu-footer .menu .separator {font-size:8px; margin:0; padding:0 15px;line-height: 17px}

#access {background:#000; display:block; float:left; margin:0 auto; width:940px; height: 48px; z-index: 1; position: relative}
#access .menu-header,div.menu {font-size:11px;width:960px}
#access .menu-header ul,div.menu ul,div.menu-footer ul,div.menu-top ul {list-style:none; margin:0}
#access .menu-header li,div.menu li,div.menu-footer ul li {float:left; position:relative}
#access a {
    color:#aaa;
    float: left;
    font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    line-height:48px;
    padding:0 20px;
    text-decoration:none;
    text-shadow:0 1px 1px #000;
    text-transform:uppercase;
    white-space: nowrap
}
#access .sub-menu a {line-height: 25px}
#access ul ul {
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
    background:#000;
    box-shadow:0 3px 3px rgba(0,0,0,0.2);
    display:none;
    float:left;
    left:0;
    position:absolute;
    top:48px;
    /*width:180px;*/
    z-index:99999;
    border: 1px solid #fff;
    border-top: 0
}
#access ul ul li {/*min-width:180px;*/ width: 100%}
#access ul ul ul {left:100%;top:0px; border-top: 1px solid #fff}
#access li:hover > a,#access ul ul :hover > a {color:#fff}
#access ul li:hover > ul {display:block}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-types-ancestor > a,
#access ul li.current-menu-parent > a,
.term-vente #access ul li.menu-vente > a,
.term-location #access ul li.menu-location > a {color:#fff; font-weight: 700}

* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {color:#fff}
/* =Menu
-------------------------------------------------------------- */


/* =Buttons rounded
-------------------------------------------------------------- */
.my-button, .my-button a {text-decoration: none!important}

/* style button c */
.my-button.button-c {
    bottom:-10px;
    display:block;
    position:absolute;
    right:15px
}
.my-button.button-c {
    background:transparent url(library/images/bg_my_button_right_c.png ) no-repeat right top;
    border:0 none;
    clear:left;
    float:left;
    font-size:14px;
    font-weight:500;
    padding:0 31px 0 0;
    text-align:center
}
.my-button.button-c a {
    background:transparent url(library/images/bg_my_button_left_c.png) no-repeat left top;
    padding:0 0 0 31px;
    position:relative;
    white-space:nowrap;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.my-button.button-c, .my-button.button-c a {
    cursor:pointer;
    display:block;
    height:64px;
    line-height:75px
}
.my-button.button-c a:hover {color:#C90F1E}


#content .entry-title.button-b {margin: -31px 0 0 -20px}


/* temp new style title */
#content h1.entry-title.button-b  {
    padding: 0 10px;
    background: #C90F1E;
    color: #fff;
    text-align: center;
    margin: 0 0 15px 0;
    height: auto
}
#content h1.entry-title.button-b span {background: none; margin: 0; padding: 0; height: auto}


.my-button.button-b {
    background:transparent url(library/images/bg_my_button_right_b.png ) no-repeat right top;
    border:0 none;
    font-size:14px;
    padding:0 22px 0 0;
    text-align:center;
}
.my-button.button-b span {
    background:transparent url(library/images/bg_my_button_left_b.png) no-repeat left top;
    padding:0 0 0 30px;
    position:relative;
    white-space:nowrap;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.my-button.button-b, .my-button.button-b span {
    display:block;
    height:50px;
    line-height:45px;
    font-size: 0.7em
}

/* style button a */
.my-button.button-a {
    top: -247px;
    right:-13px;
    position:absolute
}

.my-button.button-a {
    background:transparent url(library/images/bg_my_button_right_a.png ) no-repeat right top;
    border:0 none;
    clear:left;
    float:left;
    font-weight:500;
    padding:0 20px 0 0;
    text-align:center
}
.my-button.button-a span {
    background:transparent url(library/images/bg_my_button_left_a.png) no-repeat left top;
    padding:0 0 0 20px;
    position:relative;
    white-space:nowrap;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.my-button.button-a, .my-button.button-a span {
    display:block;
    height:50px;
    line-height:35px;
    font-size: 11px
}

/* style button d */
.my-button.button-d a, .menu_tax li {
    background:transparent url(library/images/bg_my_button_right_d.png ) no-repeat right top;
    border:0 none;
    clear:left;
    float:left;
    font-weight:500;
    padding:0 20px 0 0;
    text-align:center
}
.my-button.button-d a span, .menu_tax a {
    background:transparent url(library/images/bg_my_button_left_d.png) no-repeat left top;
    padding:0 0 0 25px;
    position:relative;
    white-space:nowrap;
    text-decoration:none;
    text-transform:uppercase
}
.my-button.button-d a, .my-button.button-d a span, .menu_tax li, .menu_tax a {
    display:block;
    height:45px;
    line-height:37px;
    font-size: 11px
}
/* =Buttons rounded
-------------------------------------------------------------- */


/* =Tax menu
-------------------------------------------------------------- */
#content .menu_tax {list-style: none; overflow: hidden; margin: -32px 0 10px -20px; /*height: 45px*/}
#content .menu_tax li {float: left; margin-right: 0px; clear: none}
#content .menu_tax a {color: #aaa}
#content .menu_tax a:hover  {color:#fff;}
#content .menu_tax li.current-cat a  {color:#fff}
#content .menu_tax li.current-cat a:hover {text-decoration:none; text-decoration: underline}
#content .menu_tax li.extra_filter {padding: 20px 0 0 0}
/* =Tax menu
-------------------------------------------------------------- */


/* =Content
-------------------------------------------------------------- */
#content,#content input,#content textarea {
    color:#333;
    font-size:13px;
    line-height:24px
}

#content p,#content ul,#content ol,#content dd,#content pre,#content hr {margin-bottom:15px}
#content ul ul,#content ol ol,#content ul ol,#content ol ul {margin-bottom:0}
#content pre,#content kbd,#content tt,#content var {font-size:15px;line-height:21px}
#content code {font-size:13px}
#content dt,#content th {color:#000}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
    color:#000;
    font-size:1.2em;
    line-height:1.5em;
    margin:0 0 20px
}
#content table {
    border:1px solid #e7e7e7;
    margin:0 -1px 24px 0;
    text-align:left;
    width:100%; /*99.9%*/
    clear: both;
}
#content tr th,#content thead th {
    color:#888;
    font-size:12px;
    font-weight:700;
    line-height:18px;
    padding:9px 24px
}
#content tr td {border-top:1px solid #e7e7e7;padding:6px 24px}
#content tr.odd td {background:#f2f7fc}

.hentry {margin:0 0 40px}
.page  .hentry {margin-bottom:0}
.single .hentry {margin:0 0 36px}

.page-title {
    color:#000;
    font-size:14px;
    font-weight:700;
    margin:0 0 36px
}
.page-title span {
    color:#333;
    font-size:16px;
    font-style:italic;
    font-weight:400
}
.page-title a:link,.page-title a:visited {color:#888;text-decoration:none}
.page-title a:active,.page-title a:hover {color:#ff4b33}

#content .entry-title {color:#000;font-size:21px;line-height:1.3em;margin-bottom:0}
.entry-title a:link,.entry-title a:visited {color:#000;text-decoration:none}
.entry-title a:active,.entry-title a:hover {color:#C90F1E}

.entry-meta {color:#888; font-size:12px}
.entry-meta abbr,.entry-utility abbr {border:none}
.entry-meta abbr:hover,.entry-utility abbr:hover {border-bottom:1px dotted #666}

.entry-content,.entry-summary {clear:both}

#content .entry-summary p:last-child {margin-bottom:12px}

.entry-content fieldset {
    border:1px solid #e7e7e7;
    margin:0 0 24px;
    padding:24px
}

.entry-content fieldset legend {
    background:#fff;
    color:#000;
    font-weight:700;
    padding:0 24px
}

.entry-content input {margin:0 0 24px}
.entry-content input.file,.entry-content input.button {margin-right:24px}
.entry-content label {color:#888;font-size:12px}
.entry-content select {margin:0 0 24px}

.entry-content sup,.entry-content sub {font-size:10px}

.entry-content blockquote.left {
    float:left;
    margin-left:0;
    margin-right:24px;
    text-align:right;
    width:33%
}

.entry-content blockquote.right {
    float:right;
    margin-left:24px;
    margin-right:0;
    text-align:left;
    width:33%
}

.page-link {
    clear:both;
    color:#000;
    font-weight:700;
    margin:0 0 22px;
    word-spacing:0.5em
}

.page-link a:link,.page-link a:visited {
    background:#f1f1f1;
    color:#333;
    font-weight:400;
    padding:0.5em 0.75em;
    text-decoration:none
}

.page-link a:active,.page-link a:hover {color:#ff4b33}

body.page .edit-link {clear:both; display:block}
.single-object #content .edit-link.margin-top {margin:15px 0 0 0}

#content .video-player {padding:0}

.no-singular #content {margin-right:0}
.no-singular .hentry {background:#fff; float:left;height:120px; margin:0 20px 20px 0;padding:10px;position:relative; width:45.6%}
.no-singular .entry-meta {font-size:0.85em; margin:3px 0 -8px; text-align:right}
.no-singular .entry-summary {height:120px; overflow:hidden; padding:0}
.no-singular .entry-summary p {line-height:1.3em; margin-bottom:0}
.no-singular .entry-summary .thumb-post {line-height:0; margin:0 15px 0 0}
.no-singular div.thumb-post {width:183px;  height:117px; overflow: hidden}
.no-singular #content .entry-title {line-height:0.7em; margin:0 0 10px}
.no-singular .entry-title {clear:none}
.no-singular .entry-title a {font-size:0.6em; font-weight:700}

.no-singular .moretag {
    background: #ccc;
    bottom:0;
    color:#fff;
    font-family:arial, sans-serif;
    font-weight:600;
    line-height:11px;
    padding:3px 5px;
    position:absolute;
    right:0;
    text-decoration:none
}
.post-type-archive-reference .moretag {background: #C90F1E}

.no-singular .moretag:hover {color:#000}

.energy_rating {margin-bottom: 12px}
.single .energy_rating {margin: 15px 0}

.entry-meta .energy_rating span {
    -khtml-border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#fff;
    line-height:10px;
    padding:3px 4px;
    background: #eee;
    text-shadow: 1px 1px 0 #888;
    width: 8px;
    text-align: center;
    display: inline-block;
}
.entry-meta span.energy_rating_not {color:#000 ; width: auto; text-shadow: none}
.entry-meta span.energy_rating_A {background:#008430}
.entry-meta span.energy_rating_B {background:#51a542}
.entry-meta span.energy_rating_C {background:#8cb538}
.entry-meta span.energy_rating_D {background:#dddd23}
.entry-meta span.energy_rating_E {background:#fff707}
.entry-meta span.energy_rating_F {background:#ffb516}
.entry-meta span.energy_rating_G {background:#ff7216}
.entry-meta span.energy_rating_H {background:#ef380f}
.entry-meta span.energy_rating_I {background:#c60716}

.save_pdf {float: right; margin-left: 15px}

.single-object .type-object.hentry {margin:10px 0 0 0;overflow:hidden}

#content .tb_meta-object {margin:0; background: #fff}
#content .tb_meta-object th {background:#C90F1E; border:1px solid #C90F1E; color:#fff}
#content .tb_meta-object tr td,#content .tb_meta-object tr th {font-size:.85em; line-height:21px; padding:2px 5px; text-align:center}

.object-gallery {
    position: relative;
    overflow:hidden;
    width:372px;
    float:left;
    margin: 0 20px 20px 0;
    background: #eee;
    -moz-box-shadow:    inset 0 0 10px #cccccc;
    -webkit-box-shadow: inset 0 0 10px #cccccc;
    box-shadow:         inset 0 0 10px #cccccc;
}
.object-gallery .view {
    line-height:0;
    overflow:hidden;
    width:372px;
    height:302px;
    background: #eee url(library/images/ajax-loader.gif) no-repeat center center;
}
#content .object-gallery img {margin:0;padding:0}
#content .object-gallery .thumb-carousel {display:block}
#content .object-gallery .thumb-carousel img {border-color:#fff}
#content .object-gallery .thumb-carousel img:hover {border-color:#000}
.object-gallery .view a {display:block;line-height:0}
.object-gallery .view img {border-color:#999}
.object-gallery .carousel-gallery {
    height:82px;
    list-style:none;
    margin:0;
    overflow:hidden;
    width:105px
}
.object-gallery .carousel-gallery li {
    float:left;
    height:82px;
    margin:0 5px;
    overflow:hidden;
    width:97.5px
}

.object-content .entry-content {clear: none; text-align: justify}

/*
#popup_video {display: none}
#cboxContent #popup_video {display: block}
*/
#content .object-gallery span {text-align: center; margin: 0; padding: 2px 5px; display: block}
#content .object-gallery span.link_video {background: #d6d6d6; border-top:1px solid #ccc}
#content .object-gallery span.link_video a{display: inline-block; padding-right: 25px; background: url(library/images/bg_icon_video3.png) no-repeat 100% 6px}
#content .object-gallery span.link_video a:hover {background-position: 100% -15px}

#content .object-gallery span.text {
    color: #000;
    position: absolute;
    width: 360px;
    margin: 1px;
    border-bottom: 1px solid #999;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(242, 242, 242);
    /* RGBa with 0.6 opacity */
    background: rgba(242, 242, 242, 0.8);
}

/* =Images
-------------------------------------------------------------- */
.hentry img {
    background:#fff;
    border:1px solid #eee;
    padding:0
}
.hentry a img:hover {border-color:#000}

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {height:auto;max-width:100%}

.alignleft,img.alignleft {
    display:inline;
    float:left;
    margin-right:24px;
    margin-top:4px
}
.alignright,img.alignright {
    display:inline;
    float:right;
    margin-left:24px;
    margin-top:4px
}
.aligncenter,img.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto
}
img.alignleft,img.alignright,img.aligncenter {margin-bottom:12px}

.gallery {margin:0 auto 18px}
.gallery .gallery-item {
    float:left;
    margin-top:0;
    text-align:center;
    width:33%
}
.gallery-columns-2 .gallery-item {width:50%}
.gallery-columns-4 .gallery-item {width:25%}
.gallery img {border:10px solid #f1f1f1}
.gallery-columns-2 .attachment-medium {
    height:auto;
    max-width:92%
}
.gallery-columns-4 .attachment-thumbnail {
    height:auto;
    max-width:84%
}
.gallery .gallery-caption {
    color:#888;
    font-size:12px;
    margin:0 0 12px
}
.gallery dl {margin:0}
.gallery br+br {display:none}

#content .attachment img {display:block;margin:0 auto}
/* =Images
-------------------------------------------------------------- */


/* =flexslider
-------------------------------------------------------------- */
#wrapper_slider {
    height: 350px;
    overflow: hidden;
    margin: 0 0 10px 0;
    width: 930px;
}
#wrapper_slider .slides li {position: relative}
#wrapper_slider .slides h3:hover {background-color: #000}
#wrapper_slider h3 {
    display: block;
    position: absolute; 
    left: -100%;
    bottom: 40%;
    background-color: #c90f1e;
    padding: 10px 20px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 20px;
    z-index: 10;
}
.js #wrapper_slider h3 {left: -100%}


.flexslider {margin: 0;padding: 0}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden}
.flexslider .slides img {width: 100%;display: block}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {display: block}
* html .flexslider .slides {height: 1%}
.no-js .flexslider .slides > li:first-child {display: block}
.flexslider {
    margin: 0;
    background: #ffffff;
    padding: 4px;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {zoom: 1; margin: 0}
.flexslider .slides img {height: auto}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px}
/* =flexslider
-------------------------------------------------------------- */


/* =jcarousel
-------------------------------------------------------------- */
.jcarousel-container {padding: 0 24px; margin: 0 -23px}
.jcarousel-direction-rtl {direction: rtl}

.jcarousel-clip{overflow: hidden}

#wrapper_carousel .jcarousel-clip {width:937px}

.object-gallery .jcarousel-clip {width:321px}

#wrapper_carousel a:hover+h3 {background-color: #c90f1e}

.jcarousel-next-horizontal {right: 0px}
.jcarousel-prev-horizontal {left: 0}

.jcarousel-next-horizontal, .jcarousel-prev-horizontal {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: 110px;
    background:  url(library/images/sprite1.png) no-repeat 0 -527px;
}

.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {background-position: 0 -568px}

.jcarousel-next-horizontal {background-position: -19px -528px}
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {background-position: -19px -569px}

/*.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {display: none!important}*/

.object-gallery .jcarousel-container, .no-js .object-gallery .carousel-gallery {
    margin:0;
    padding: 15px 25px;
    background: #eee;
    -moz-box-shadow:    inset 0 0 10px #cccccc;
    -webkit-box-shadow: inset 0 0 10px #cccccc;
    box-shadow:         inset 0 0 10px #cccccc;
}

.object-gallery .jcarousel-next-horizontal,
.object-gallery .jcarousel-prev-horizontal {top:42px; width: 25px; height: 25px; line-height: 15px}

.object-gallery .jcarousel-prev-horizontal {left: 2px; background-position: -73px -537px}
.object-gallery .jcarousel-prev-horizontal:hover,
.object-gallery .jcarousel-prev-horizontal:focus {background-position: -73px -568px}

.object-gallery .jcarousel-next-horizontal {background-position: -94px -537px; right: 2px}
.object-gallery .jcarousel-next-horizontal:hover,
.object-gallery .jcarousel-next-horizontal:focus {background-position: -94px -568px}

/* JS not available*/
.no-js .object-gallery .carousel-gallery {height: auto; width: 100%}


/* = forms
-------------------------------------------------------------- */
#form-jobs input[type="text"], 
#form-jobs input[type="email"] {
    width: 435px;
}
#form-jobs textarea {
    width: 435px;
}

/* =object attachments
-------------------------------------------------------------- */
#wrapper_files {overflow: hidden; clear: both; width: 100%}

.tb_meta-object+.object-attachments  {margin-top: 20px}

.object-attachments {
    background: #fcfcfc; 
    border: 1px solid #ccc;
    border-top: 5px solid  #c90f1e;
    padding: 10px;
    float: left;
    width: 418px
}

.object-attachments.fichiers_a {margin-right: 10px}
.object-attachments.fichiers_b {margin-left: 10px}

.object-attachments ul {list-style: none; margin: 0; padding: 0}
.object-attachments ul li a {margin-bottom: 10px; padding:0 5px; display: block}
.object-attachments ul li a img { width: auto; height: 15px; border: 0!important; margin: 5px 5px -3px 0}
.object-attachments ul li a span {color: #888}
.object-attachments ul li:nth-child(even) {background: #fcfcfc}
.object-attachments ul li:nth-child(odd) {background: #fff}
/* =object attachments
-------------------------------------------------------------- */


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {-webkit-text-size-adjust: 140%}
code {-webkit-text-size-adjust: 160%}
#access, .entry-meta, .entry-utility, .navigation, .widget-area {-webkit-text-size-adjust: 120%}
#site-description {-webkit-text-size-adjust: none}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */


/* =Print Style
-------------------------------------------------------------- */

@media print {
    body {
        background: none !important;
    }
    #wrapper {
        clear: both !important;
        display: block !important;
        float: none !important;
        position: relative !important;
    }
    #header {
        border-bottom: 2pt solid #000;
        padding-bottom: 18pt;
    }
    #colophon {
        border-top: 2pt solid #000;
    }
    #site-title,
    #site-description {
        float: none;
        line-height: 1.4em;
        margin: 0;
        padding: 0;
    }
    #site-title {
        font-size: 13pt;
    }
    .entry-content {
        font-size: 14pt;
        line-height: 1.6em;
    }
    .entry-title {
        font-size: 21pt;
    }
    #access,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area {
        display: none !important;
    }
    #container,
    #header,
    #footer {
        margin: 0;
        width: 100%;
    }
    #content,
    .one-column #content {
        margin: 24pt 0 0;
        width: 100%;
    }
    .wp-caption p {
        font-size: 11pt;
    }
    #site-info,
    #site-generator {
        float: none;
        width: auto;
    }
    #colophon {
        width: auto;
    }
    img#wpstats {
        display: none;
    }
    #site-generator a {
        margin: 0;
        padding: 0;
    }
    #entry-author-info {
        border: 1px solid #e7e7e7;
    }
    #main {
        display: inline;
    }
    .home .sticky {
        border: none;
    }
}
/* =Print Style
-------------------------------------------------------------- */







.page-template-page-contact-php #content .wpcf7 p,
.page-template-page-jobs-php #content .wpcf7 p{
    text-align: justify;
}

.wpcf7-form-control-wrap .g-recaptcha{
    clear: both;
    margin: 10px 10px 20px 0px;
    float: left;
    width: 100%;
}
.g-recaptcha>div, .g-recaptcha>div>div{
    display: block;
    float: left;
    clear: both;
}

span.wpcf7-list-item.first.last{
    margin: 0;
}

/*MEDIA QUERIES*/
@media all and (min-width: 992px){
    /*MENU*/
    .menu-header ul#menu-main{ 
        display: block;
    }
    /*MENU*/
}
@media all and (max-width: 991.99px){
    body *{
        box-sizing: border-box!important;
        -webkit-box-sizing:border-box!important;
        -moz-box-sizing:border-box!important;
    }
    #content{
        float: left;
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #access{
        width: 100%;
        z-index: 100;
    }
    #site-description{
        width: calc(100% - 170px);
    }


    /*MENU*/
    .menu-header ul#menu-main{ 
        display: none;
        position: absolute;
        padding: 20px;
        background: #000;
        border: 5px solid #c90f1e;
        left: 0;
        top: 48px;
        width: 100%!important;
        border-radius: 0 0 4px 4px;
    }
    .menu-header ul#menu-main li, .menu-header ul#menu-main li a{
        width: 100%;
        font-size: 14px;
    }
    .menu .separator{
        display: none;
    }
    .menu-header{
        position: relative;
        height: 100%;
    }
    .menu-header:after{
        content: "";
        background: url("http://cialux.lu/wp-content/uploads/2019/02/menu-burger.svg");
        background-size: 100%;
        font-size: 55px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -12px;
        margin-top: -12px;
        color: #fff;
        height: 24px;
        width: 24px;
        z-index: 10000;
        cursor: pointer;
    }
    /*MENU*/


    /*ACCUEIL*/
    #wrapper_slider{
        width: 100%;
        height: auto;
    }
    .page-template-front-page.accueil .entry-content .dynamic-col{
        float: left;
        width: 50%;
        /*height: inherit!important;*/
        /*display: inline-block;*/
    }
    .page-template-front-page.accueil #content .page{
        display: table-row;
    }
    .page-template-front-page.accueil .entry-content .dynamic-col{
        display: table-cell;
    }

    .page-template-front-page.accueil .entry-content .dynamic-col.dynamic-col-2{
        margin: 0!important;
    }

    #wrapper_carousel,
    .jcarousel-container,
    .jcarousel-clip,
    ul.carousel{
        width: 100%!important;
        max-width: 100%!important;
        height: auto!important;
        margin: 0!important;
        text-align: center;
    }
    ul.carousel li{
        display: inline-block;
        float: none!important;
        margin: 10px!important;
    }
    .home .carousel li h3{
        height: 30px;
    }
    /*ACCUEIL*/


    /*A PROPOS*/
    .page-template-page-about #content-header,
    .page-template-page-about #content-header img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .page-template-page-about .dynamic-col{
        width: 100%;
        margin: 0;
    }
    #content .entry-title.my-button.button-a{
        display: none;
    }
    /*A PROPOS*/


    /*LOCATION / VENTE*/
    .object.type-object/*,
    .term-location .transaction-location*/{
        width: 100%;
        min-height: 135px;
    }
    .entry-meta .energy_rating span{
        width: 18px;
    }
    /*LOCATION / VENTE*/


    /*REFERENCES*/
    .post-type-archive-reference .reference{
        width: 100%;
        min-height: 135px;
    }
    .no-singular .entry-summary .thumb-post{
        line-height: inherit;
    }
    /*REFERENCES*/


    /*DETAIL BIENS*/
    body.single.single-object .object-gallery{
        float: left;
        display: block;
        width: 100%;
    }
    body.single.single-object .object-gallery img{
        max-width: 100%!important;
    }
    body.single.single-object .object-gallery span.text{
        width: 100%!important;
    }
    body.single.single-object .object-gallery .view{
        margin: auto;
    }
    body.single.single-object .object-gallery .view, body.single.single-object .object-gallery .view a{
        max-width: 100%;
    }
    body.single.single-object .object-content{
        float: left;
        display: block;
        width: 100%;
    }
    #colorbox{
        /*max-width: 100%!important;*/
        box-sizing: content-box!important;
        -webkit-box-sizing: content-box!important;
        -moz-box-sizing: content-box!important;
    }

    .my-button.button-b span{
        white-space: normal;
    }
    /*DETAIL BIENS*/


    /*JOB*/
    .page-template-page-jobs-php #content p{
        float: left;
        width: 50%;
        padding: 10px;
        display: inline-block;
        /*vertical-align: middle;*/
    }
    .page-template-page-jobs-php #content #form-jobs p:nth-last-child(4),
    .page-template-page-jobs-php #content #form-jobs p:nth-last-child(3),
    .page-template-page-jobs-php #content #form-jobs p:nth-last-child(2){
        width: 100%;
    }
    .page-template-page-jobs-php #content p input, .page-template-page-jobs-php #content p textarea{
        width: 100%;
        max-width: 100%;
    }
    /*JOB*/


    /*CONTACT*/
    body.contact #content{
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    body.contact #content #form-contact p{
        float: left;
        width: 50%;
        padding: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .page-template-page-contact-php .wpcf7-text, .page-template-page-contact-php .wpcf7-textarea{
        width: 100%!important;
        max-width: 100%;
    }
    #google-maps, #google-maps > iframe{
        float: left;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    #google-maps{
        border: none;
        padding: 20px;
    }
    /*CONTACT*/
}

@media all and (max-width: 767.99px){
    #site-description{
        width: calc(100% - 170px);
        height: auto;
        /*margin: 20px 0;*/
        margin: 5% 0;
    }
    #site-description p:first-child{
        font-size: 16px;
    }
    #site-description p:last-child strong{
        font-size: 12px;
    }


    /*ACCUEIL*/
    #wrapper_slider{
        width: 100%;
        height: auto;
        overflow: visible;
    }
    #wrapper_slider h3{
        font-size: 14px;
        bottom: -45px;
    }
    .page-template-front-page.accueil .entry-content .dynamic-col{
        float: left;
        width: 100%;
        height: auto!important;
        display: block;
        margin: 30px 0;
    }
    ul.carousel{
        text-align: center;
    }
    ul.carousel li{
        display: block!important;
        max-width: 100%;
        margin: 10px auto!important;
    }
    /*ACCUEIL*/


    /*A PROPOS*/
    #content ul li, .dynamic-col ul li{
        white-space: normal;
    }
    /*A PROPOS*/


    /*JOB*/
    .page-template-page-jobs-php #content p{
        width: 100%;
    }
    .page-template-page-jobs-php #content .entry-content p:first-child{
        display: none!important;
    }
    /*JOB*/


    /*CONTACT*/
    body.contact #content #form-contact p{
        display: block;
        width: 100%;
    }
    /*CONTACT*/
}

@media all and (min-width: 992px){
    /*MENU*/
    .menu-header ul#menu-main{ 
        display: block!important;
        position: relative!important;
        padding: 0!important;
        background: transparent;
        border: none!important;
        left: inherit;
        top: inherit;
        width: 100%!important;
        height: auto!important;
        border-radius: 0!important;
    }
    /*MENU*/
}
/*MEDIA QUERIES*/