/*
Theme Name:         Sichel Child
Description:        Child theme for Sichel
Version:            2
Author:             @Dechmann
Author URI:         http://www.dechmann.lu
Template:       	sichel
License:            GPL v2
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
*/



/*FLEXSLIDER*/

/*.txt_slides {
position: absolute;
background-color: rgba(0, 0, 0, 0.67);
color:#fff;
/*bottom: 10px;*/
/*bottom: -5px;
left: 10px;
font-size: 20px;
padding: 0.5em !important;*/

/*width:100%*/
/*}*/

.txt_slides {
position: absolute;
background-color: rgba(0, 0, 0, 0.67);
color: #fff;
bottom: 20px;
left: 20px;
font-size: 20px;
padding: 0.5em !important;
z-index: 20000;
/* width: 100%; */
}

.txt_slides a:hover {
color:#fff;
}

/*SCPT PRODUCT SINLE*/

.inner_1_3 {
width: 100%;
background-color: #335647;
padding: 10px;
margin-top: 40px;
color: #fff;
margin-bottom: 20px;
}

.inner_1_3 a {
	color:#fff;
}

/*TOP HEADER*/

/*#top-panel {
height: 40px;
margin-top: 13px;
padding: 5px 10px 0 10px;
background: whitesmoke;
width: 100%;
margin: 0 auto;
}*/

#top-panel {
height: 40px;
margin-top: 13px;
/*padding: 5px 10px 0 10px;*/
/*background: whitesmoke;*/
background-color: #fff;
/*width: 62%;*/
/*margin: 0 0 0 10px;*/
float: right;
}

#top-panel-social {
height: 40px;
/*margin-top: 13px;
padding: 5px 10px 0 10px;
/*background: whitesmoke;*/
/*width: 18%;*/
/*margin: 0 0 0 10px;*/
float:right;
}

.header-full {
	width:100%;
	max-width:100%;
	margin:0 auto;
}

.head_news{
	margin-left:20px;
}

/*.tiled-menu.no-customizer {
padding-top: 100px;
}*/


/*.tiled-menu {
list-style: none;
list-style-image: none;
padding: 20px 0 10px 0;
position: relative;
float: none;
min-height: 172px;
}*/

.descriptif_marque{
float: right;
width: 33.33333%;
padding: 0 10px;
}

.tiled-menu > .menu-item {
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-left: 20px;
position: relative;
}


.sub-menu a:hover {
	background:#fff;
	}

#top-panel .top-info {
width: auto;
padding: 9px 20px 0 0px;
font-size: 12px;
}

.search {
float: right;
}

#top-panel .head-soc-icons {
float: left;
padding-top: 3px;
padding-left: 10px;
}



/*FOUNDATION*/
p {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: 1.6;
margin-bottom: .8em;
margin-top: .8em;
}

#sub-footer {
/*position: relative;*/
width: 100%;
background: #335647;
color: #fff;
padding: 8px 0 8px 0;
/* bottom: 0px; */


}

/*RESPONSIVE*/

/*UBER MENU*/

#megaMenu {
position: relative;
line-height: 1em;
overflow: visible;
zoom: 1;
display: block;
float: right;
height: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#megaMenu #megaMenuToggle {
padding: 12px 15px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
text-align: left;
width: 100%;
float: left;
background-color: #335647;
color:#fff;
}

#megaMenu.megaFullWidth {
max-width: 100%;
float: right;
text-align: right;
/*padding-top: 90px;*/
}

/*ICONES MENU */

#megaMenu #megaMenuToggle .megaMenuToggle-icon {
display: inline-block;
background: #FFF;
background: rgba(255, 255, 255, 1);
height: 2px;
width: 16px;
position: relative;
float: right;
margin-top: 10px;
text-align: left;
}

#megaMenu #megaMenuToggle .megaMenuToggle-icon:before {
content: '';
position: absolute;
background: #999;
background: rgba(255, 255, 255, 1);
height: 2px;
width: 16px;
top: -4px;
}
#megaMenu #megaMenuToggle .megaMenuToggle-icon:after {
content: '';
position: absolute;
background: #999;
background: rgba(255, 255, 255, 1);
height: 2px;
width: 16px;
top: -8px;
}

/*FIN*/

#megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span {
color: inherit;
font-size: 14px;
font-weight: 600;
}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
color: #fff;
background-color: #335647;
}

#header .header-wrap.fixed .tiled-menu {
padding-top: 10px;
}

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator {
margin: 0px;
padding: 15px 20px 6px 15px;
position: relative;
}

/*
#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a, #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator {
color: #fff;
font-size: 0.85714em;
text-transform: uppercase;
line-height: 42px;
height: 42px;
padding: 0 28px;
display: block;
white-space: nowrap;
opacity: .9;
background: #475458;
border-left: 2px solid #d2dee4;
text-indent: -2px;
}*/

/*---Second level----*/
#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu {
  display: none;
  list-style: none;
  position: absolute;
  z-index: 999;
  /*top: 100%;*/
  left: -25px;
  /*padding-top: 24px;*/
  margin: 0;
  min-width: 200px;
  border-radius: 2px; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li {
  display: block;
  background: #323c3f;
  background: rgba(50, 60, 63, 0.9);
  position: relative;
  border-bottom: 1px solid #42555A; }
  #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li:first-child {
    border-top: 3px solid #d2dee4; }
  #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li:last-child {
    border-bottom: none; }
  #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.has-submenu > a:after {
    content: "";
    right: 10px;
    display: inline-block;
    position: absolute;
    top: 40%;
    width: 4px;
    height: 7px;
    background: url("../img/drop-pipt-right.gif"); }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu:hover {
  overflow: visible; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu a {
  color: #fff;
  font-size: 0.85714em;
  text-transform: uppercase;
  line-height: 42px;
  height: 30px;
  padding: 0 28px;
  display: block;
  white-space: nowrap;
  opacity: .9; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu a:hover {
  background: #475458;
  border-left: 2px solid #d2dee4;
  text-indent: -2px; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li > ul {
  visibility: hidden;
  display: none;
  left: 100%;
  top: -27px;
  padding-left: 2px; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li:hover > ul {
  display: block;
  visibility: visible; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li ul li:first-child:before {
  display: none; }


#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
content: '';
position: absolute;
top: 50%;
right: 8px;
margin-top: -1px;
display: inline-block;
background: transparent;
border-style: none;
border-color: transparent;
border-top-color: #999;
font-size: 0;
border-width: 3px 3px 0;
padding-top: 1px;
}

/*GRILLE DE POSITIONNEMENT MINI*/


.acf_ul{
width: 100%;
margin: 0 auto;
list-style: none !important;

}


.acf_li{
width: 33.3333%;
float: left;
/*margin-right: 20px;*/
height: 280px;
display:block;
margin-top: 30px;
padding-left: 5px;
padding-right:5px;
}

.acf_grid{
margin-top: 50px;
width: 100%;
margin: 0 auto;
position: relative;
float: left;
border-top: 1px solid #e4eef1;
}

.acf_grid_home{
margin-top: 50px;
width: 100%;
margin-top: 20px;
position: relative;
border-top: 1px solid #e4eef1;
}

.post-thumb {
	display:block;
}

.post-thumb a:hover {
opacity:1;
background-color:#335647;
z-index:100;
-moz-transition: background .2s ease-out, opacity .2s ease-out;
-webkit-transition: background .2s ease-out, opacity .2s ease-out;
-o-transition: background .2s ease-out, opacity .2s ease-out;
transition: background .2s ease-out, opacity .2s ease-out;
display: block;
top: 0;
left: 0;


}

.lg_full{
margin-bottom: 0;
/*max-width: 1200px;*/
width:100%
margin: 0 auto;
/*padding: 20px;*/
}

/*.descriptif_marque{
width: 33%;
position: relative;
float: right;
}*/


.wrapper{
min-height:500px;
}



input.bouton {
padding: 10px;
border: none;
border-radius: 5px;
}

.emailbuddy input[type=submit] {
padding: 10px;
border: none;
background-color: #335647;
color:#fff;
border-radius: 5px;
}

.soc-icons a {
color: #fff;
font-size: 11px;
width: 19px;
height: 19px;
margin-right: 2px;
border-radius: 2px;
line-height: 19px;
background: #335647;
display: inline-block;
text-align: center;
}

#portfolio-page{
padding-left: 10px;
padding-right: 10px;
}

.blog-section{
padding-left: 10px;
padding-right: 10px;
}

.lang-sel {
display:none;
}

.back {
display: block;
}

section.full {
margin-bottom: 0;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

.filter.ul {
	line-height: 3;
}

ul.filter.option-set {
	line-height: 3;
}


@media only screen and (max-width: 767px) {

#megaMenu.megaFullWidth {
width: 100%;
float: none;
padding-top: 20px;
}

.wrapper{
min-height:1500px;
}

.tiled-menu.no-customizer {
padding-top: 0px;
}

/*.tiled-menu {
float: none;
}*/

.descriptif_marque {
		float: right;
		width: 100%;
		padding: 0 10px;
	}

.column, .columns {
float: none;
}

.acf_li{
width: 100%;
height:100%;
margin-bottom:20px;
margin-top:20px;

}
}
/* additionnelle */
.flexslider .slides img{border:1px solid #ddd}
#slider .slide a{color:#fff}
.oldprice, .newprice{display:block; line-height:22px}
.oldprice{font-size:20px!important;text-decoration:line-through!important;}
.newprice{font-size:36px!important;color:#434244!important; font-weight:bold!important;}
.remise{position:absolute!important;top:10px; right:20px; z-index:100; background:#e66f15!important; color:#fff!important; text-align:center;}
.remise:before{content:''; display:block; position:absolute; left:-5px; top:12px;height:5px; border-right:5px solid #e66f15;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.remise span{display:block;text-align:center; font-size: 31px; padding:10px 20px;}
.remise span:first-child{background:#414042;padding:10px; font-size:12px; border-bottom:3px solid #fff}
.works-list .remise{top:5px; right:15px; padding:5px}
.works-list .remise span{background:transparent;border:none; font-size:13px;padding:0}
.single-folio .remise:before{ border-right-color:#414042;}
.textoverflow{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;white-space: nowrap;}
.wpb_column.vc_column_container {
    margin-bottom: 25px;
}
#megaMenu #menu-item-8698 a{background:#335647!important; color:#fff }
#megaMenu #menu-item-8698 a:hover{background:#414042!important; color:#fff }
@media(max-width:769px){
.descriptif_marque{float:none!important}
}
.formorder{
	padding:15px;
	margin-top:20px;
	border:1px solid #e8e8e8;
}
.formorder .select{border:1px solid #e8e8e8;padding: 5px 0;margin: 0 0 13px;}
.action_parameter{margin: 20px 0}

.single-actions .remise span{padding: 0px 20px}
.single-actions .remise span:first-child{ font-size: 28px;}
.single-actions .remise span.through {text-decoration: line-through;}
.single-actions .remise{background: #335647!important;}
.bg-danger{background-color: #f2dede;padding: 15px; margin: 15px 0}
.bg-success{background-color: #dff0d8;padding: 15px; margin: 15px 0}

/*********/
.apply{background:#304f8e; color:#fff; padding:40px; text-align:center; margin-top:40px;}
.apply h1, .apply h2, .apply p {color:#fff!important;text-align:center!important}
.apply button, body .wpcf7-submit {background:#304f8e; border:2px solid #fff; color:#fff; font-size:20px; font-weight:bold;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding-left:inherit 30px;}
.apply button:hover, body .wpcf7-submit:hover{ background:#fff; color:#304f8e; border-color:#304f8e; cursor:pointer}
body .wpcf7-submit{ padding:10px; border-color:transparent}
#apply-window{ background:rgba(255,255,255,0.8); position:fixed; top:0; right:0; bottom:0; left:0;z-index:2000}
.transition{transition: all .18s ease-in-out; 	-moz-transition: all .18s ease-in-out;-webkit-transition: all .18s ease-in-out;	-o-transition: all .18s ease-in-out;}
#apply-box{ background:#fff; position:absolute; top:0px; left:50%; padding:10px; z-index:3000; width:50%; margin-left:-25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 10px 31px -4px rgba(0,0,0,0.55);-moz-box-shadow: 0px 10px 31px -4px rgba(0,0,0,0.55);box-shadow: 0px 10px 31px -4px rgba(0,0,0,0.55);}
#apply-box h2{margin-left:-10px; margin-right:-10px; border-bottom:1px solid #ccc; display:block; padding:10px 20px 10px 10px; font-size:22px;font-weight:bold; margin-top:-10px; margin-bottom:0}
#apply-box label{ font-size:18px; font-weight:bold}
.apply-close{ background: #fff none repeat scroll 0 0;cursor: pointer;font-family: Arial,Helvetica,sans-serif;font-size: 25px;height: 20px;line-height: 16px;position: absolute;right: 10px;text-align: center;top: 10px;width: 20px;}
.apply-footer{margin:40px -40px 0px -40px; border-top:1px solid #ccc; padding:40px 40px 0 40px; background:#FFF}
.apply-content{background:#fafafa; padding:10px 10px 0; margin:0 -10px}
.apply-content:after{content:''; display:table; clear:both}
.apply-content img{max-width:100%;}
@media(max-width:769px){
	#apply-box{width:80%;left:20%;margin-left:-10%;}
}
.animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes flash {
	0% {opacity: 0;}
	100% {opacity: 100%;}
}
@keyframes flash {
	0% {opacity: 0;}
	100% {opacity: 100%;}
}
.flash {-webkit-animation-name: flash;animation-name: flash;}
/******/
@-webkit-keyframes bounce {
  0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }
  100% {-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0); }
}
@keyframes bounce {
  0% {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);  }
  100% {-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0); }
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}
@keyframes rotate {
	0% {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
	100% {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
}
.apply-close:hover { -webkit-animation-name: rotate; animation-name: rotate; -webkit-transform-origin: center center 0; transform-origin: center center 0;}
@media(max-width:768px){
	.size-img, .row .columns{width:100%!important}
}