/* oO oO oO oO oO oO oO oO oO oO oO oO
--------------------------------------
  v2.3.1  |   STYLE.CSS   | jalis 2k12
--------------------------------------
oO oO oO oO oO oO oO oO oO oO oO oO */



/***** STRUCTURE *****/
body {height:100%;overflow-x:hidden;}

/***** VALEURS PAR DEFAUT *****/
br {letter-spacing:0px;}
/*html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object {
    margin:0; padding: 0; border: 0;  outline:none;*/
}
h1, h2, h3, h4, h5, h6, ol, ul, li {text-align: left; font-weight:normal;}
/*p {margin:0;}*/
li {list-style-type: none;}
/***** CONTENUS *****/
.txt_contenu {font-size:1em; text-align:justify;}
.txt_contenu a, .txt_contenu a:visited{font-weight:bolder;}
.txt_contenu a:hover{text-decoration:underline;}
/***** ELEMENTS *****/

.floatleft, .left{  float:left !important;  position:relative;}
.floatright, .right{float:right !important; position:relative;}
.floatnone{ float:none !important;  position:relative;}
.clear, .aplat{ clear:both;}
.block {display:block;}
.colonne_2, .col_2{ position:relative;  float:left; width:49%; padding:0 0 10px; }
.colonne_3, .col_3{ position:relative;  float:left; width:32%;padding:0 0 10px; }
.colonne_4, .col_4{ position:relative;  float:left; width:24%;padding:0 0 10px; }
.colonne_2-3, .col_2-3{ position:relative;  float:left; width:100%;padding:0 0 10px; }
.colonne_1-3, .col_1-3{ position:relative;  float:left; width:32%;padding:0 0 10px; }
.colonne_3-4, .col_3-4{ position:relative;  float:left; width:74%;padding:0 0 10px; }
.colonne_1-4 {position:relative; float:left; width:22%;}

/***** STRUCTURE *****/
#total_site {position:relative;min-height:100%; z-index:2;}




/*100%*/

@media screen and (max-width: 950px) {
	.colonne_2, .col_2, .colonne_3, .col_3,.colonne_4, .col_4, .colonne_1-3, .col_1-3, .colonne_2-3, .col_2-3, .colonne_3-4, .col_3-4
	{ width:100%;}	
}

/*CENTRAGE*/
.centrage {position:relative;width:60%;margin:0 auto;}


@media screen and (max-width: 1200px) {
	.centrage {width:100%;}
}


@media screen and (max-width: 950px) {
	.centrage {width:90%;}
}

@media screen and (max-width: 800px) {
	.centrage {width:100%;}
}

/*DISPARITION EN RESPONSICE DES ELEMENTS*/

@media screen and (max-width: 950px) {
	#footer, #www, h1, #slogan, #slogan2, #slogan3 { display:none !important;}
}




/***** CONTENU *****/
#contenu {position:relative;}
#gauche {position:relative; float:left;}
#droite {position:relative; float:right;}





/*======= MISE EN PAGE GENERALE =======*/
html{height:100%;}

body{
    font-family:'Arial', Helvetica, sans-serif;
    font-size:12px;
    color:#000; 
    
    background:#e6e4e4;
}


#total_site{
    z-index:2;
}


#total_site > .centrage{
    
}


#contenu{
    padding: 15px;
	background:url(../image/interface/back_white.png);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	border-top: 5px solid #FFFFFF;
}



/*--- formatage de base ---*/

h1{
    text-align:center;
    font-size:16px;
	font-weight: 800;
    text-transform:uppercase;
    color:#000;
    margin : 0 0 5px 0;
	padding:0 0 5px;
	border-bottom:1px dotted #000;
}


h1 a, h1 a:visited{
    color:#666;
}






h2 {
    background: url("../image/interface/back_bt.png") repeat-x scroll center top #474747;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9) inset;
    color: #FFFFFF;
    font-family: 'Ubuntu Condensed',arial,sans-serif;
    font-size: 23px;
    margin: 0 0 10px;
    padding: 0 2px;
    text-align: center;
    text-transform: uppercase;
}

h2 a, h2 a:visited{
    
}




h3{
    font-family:'Ubuntu Condensed', arial, sans-serif;
    font-size:22px;
    margin: 0 0 3px 0;
}


h3 a, h3 a:visited{
    
}




.txt_contenu{
    font-size:13px;
}


a, a:visited {
    text-decoration:none;
    color:#c51616;
}


a:hover{
    text-decoration:none;
}


/*======= FIN MEP GENERALE =======*/









/*======= DECO SITE =======*/
#deco_site {

    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

#diaporama{
    position:absolute; z-index:1; width:100%; height:100%; overflow:hidden;
    left:0; top:0;
}

#bloc_diaporama {
    width:100%; height:100%; 
    margin: 0;
    position: relative;
    z-index: 1;
}
/*======= FIN DECO SITE =======*/












/*======= HEADER =======*/

#header
{
    position:relative; z-index:3; height:200px;
}



@media screen and (min-height: 400px) {
	#header { height:300px; }
}


@media screen and (max-height: 400px) {
	#slogan, #slogan2, #slogan3 { display:none !important;}
}


@media screen and (max-width: 700px) {
	#header { height:90px; }
}


#slogan {
	left: 0;
    position: fixed;
    top: 206px;
	width:100%;
	height:70px;
	display:block;
    z-index: 0;
	background:url(../image/interface/slogan.png) top center no-repeat;
}

#slogan2 {
	background: url("../image/interface/slogan2.png") no-repeat scroll center top transparent;
    display: block;
    height: 46px;
    position: absolute;
    right: 120px;
    top: 246px;
    width: 213px;
    z-index: 1;
}
#slogan3 {
    background: url("../image/interface/slogan3.png") no-repeat scroll center top transparent;
    display: block;
    height: 35px;
    left: 120px;
    position: absolute;
    top: 193px;
    width: 368px;
    z-index: 1;
}


#logo a{
    background: url("../image/interface/logo.png") no-repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: block;
    height: 170px;
    margin: 0 auto;
    position: relative;
    top: 15px;
    width: 270px;
    z-index: 4;
}


@media screen and (max-width: 700px) {
#logo a{
    background: url("../image/interface/logo-petit.png") no-repeat scroll 0 0 transparent;
    height: 78px;
    top: 6px;
    width: 270px;
}
}





/*Contenu du bloc diaporama*/

#diaporamaacc{
    position:absolute; z-index:1; width:100%; height:100%; overflow:hidden;
    left:0; top:0;
}

#bloc_diaporamaacc{
    position:relative; z-index:1; height:400px;
    margin: 0px 0px 0px 0px;
}



/*======= FIN HEADER =======*/








/*======= NAV =======*/

#nav
{
    position:relative; 
	z-index:4;
	background:#1a1a1a; 
	border-radius: 6px 6px 0 0;
}


@media screen and (max-width: 450px) {
	#nav { display:none !important; }

}


/*NAV VERSION MOBILE*/

@media screen and (min-width: 450px) {
	.accordeon { display:none !important;}
}

.accordeon {
	text-align:center;
	background:#000 url(../image/interface/accordeon.png) top center no-repeat;
	color:#ffe100 !important;
	text-transform:uppercase;
	padding:10px 0;
	cursor:pointer;
}


.accordeon ul li {
	text-align:center;
	background:#1a1a1a;
	margin:1px 0 0 0;
	
	text-transform:uppercase;
	padding:7px 0;
	cursor:pointer;
}
.accordeon ul li a{
	color:#fff !important;
}

/*NAV VERSION MOBILE fin*/

#nav > ul{
    position:relative; z-index:2; 	text-align:center;
}


#nav > ul > li
{
    position:relative;
    float : left;
}

@media screen and (max-width: 800px) {
	#nav > ul > li > a {
    font-family:arial,sans-serif !important;
    font-size: 10px !important;
	padding: 0 4px !important;
}	
}

@media screen and (max-width: 800px) {
	#nav > ul > li:last-child, .accordeon ul li:last-child {
		display:none !important;
}	
}








/*Style du bouton principal*/
#nav > ul > li > a
{
    color: #FFFFFF;
    display: block;
    font-family: 'Ubuntu Condensed',arial,sans-serif;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 9px;
    position: relative;
    text-shadow: 0 0 5px #000000;
    text-transform: uppercase;
	text-align:center;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}



@media screen and (max-width: 1200px) {
	#nav > ul > li > a
{
    color: #FFFFFF;
    display: block;
    font-family: 'Ubuntu Condensed',arial,sans-serif;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    padding: 0 9px;
    position: relative;
    text-shadow: 0 0 5px #000000;
    text-transform: uppercase;
	text-align:center;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

}


/*survol + bouton actif*/
#nav > ul > li:hover > a, #nav > ul > li.active > a
{
    background:#fff;
	border-radius: 3px 3px 0 0;
	color:#000;
	text-shadow:none;
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}


/*Sous Menu (mettre height:0 pour cacher le sous-menu durant le chargement)*/
#nav > ul > li > ul{
    background:#fff;
	color:#900;
	box-shadow:0px 0px 5px #000000;
    top:50px;
    position:absolute; left:0;
    overflow:hidden;
}


/*Style du lien du sous menu*/
#nav > ul > li > ul > li > a{
    display:block; position:relative;
    padding:10px;
    color:#900;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}


/*survol du lien du sous menu*/
#nav > ul > li > ul > li > a:hover{
    background:#900;
	color:#fff;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

/*======= FIN NAV =======*/








/*======= CONTENU =======*/

#contenu{
    
}


/* FORMAT IMAGES */

/* reset format images */
.img_medium, .img_small{
    position:relative; display:block; overflow:hidden;
}

/* img small */
.img_small{
    width:20%; height:87px;
    margin: 0;
    float:left;
}


/* img medium */
.img_medium{
    width:290px; float:left; height:193px;
}
/*======= FIN CONTENU =======*/








/*======= ANNONCE =======*/

.ligne_annonce{
    position:relative;
    margin:40px 0 0 0;
}

/*Formatage par d�faut d'une annonce*/
.annonce
{
    margin: 0 0 10px 0;
}

/*Titre*/
.annonce h2 a, .annonce h2 a:visited
{
    display:block;
    color : #fff; font-size:22px;
	text-align:center; text-transform:uppercase;
    text-decoration : none;
    padding: 0 0 1px 0; margin: 0 0 3px 0;
}



.annonce_contenu{
    
}

/*img_medium*/
.annonce_contenu .img_medium{
    float:left; width:200px; height:133px;
}

/*texte*/
.annonce_contenu .txt_contenu{
    width:550px; float:left; margin: 0 0 0 10px;
}

/*zone boutons*/
.annonce_contenu .bts{
    position:relative; float:right; width:150px;
}

/*style du bt*/
.annonce_contenu .bts .bt{
    float:none; 
    width:auto;
    padding:0;
    float:none; 
    position:relative; 
    text-align:center;
    margin:0 0 3px 0;
}

/*detail (prix, ref...)*/
.detail{
    padding:3px 0;
	text-align:right; 
    font-size:16px;
    color:#999;
}

/*panneau dans annonce et fiche*/
.panneau{
    position: absolute; display: block; z-index:9999;
    width:100%; height:100%;
}

/*images des panneaux*/
.panneau.panneau1{
    background:url(../image/interface/panneaux/panneau.png) no-repeat;
}






/*Annonce en 2 par ligne*/

.l2 .annonce {
    float: left;
    margin: 0 1% 50px 0;
    width: 49%;
}

@media screen and (max-width: 950px) {
.l2 .annonce {
    float: left;
    margin: 0 0 50px 0;
    width:100% !important;
}
}


.l2 .annonce_contenu .img_medium{
    float:none; width:auto; height:300px;
}

@media screen and (max-width: 500px) {
.l2 .annonce_contenu .img_medium{
    float:none; width:auto; height:150px;
}
}
.l2 .annonce_contenu .txt_contenu{
    float:none; width:auto; 
    margin:5px 0;
	min-height:50px;
}

.l2 .annonce .bts{
    width:auto; float: none;
}

.l2 .annonce .bts .bt{
    float:left; width:45%;
}

.l2 .annonce .bts .bt+.bt{
    float:right;
}

@media screen and (max-width: 950px) {
.l2 .annonce .bts .bt{
    float:left; width:100%;
}
}

.l2 .annonce+.annonce{margin: 0 0 50px 0;}










/*Annonce en 3 par ligne*/
.l3 .annonce {
    float: left;
    margin: 0 1% 20px 0;
    width: 32.5%;
}

.l3 .annonce_contenu .zone_image{
    float:none; width:auto;
}

.l3 .annonce_contenu .img_medium{
    float:none; width:auto; height:200px;
}

.l3 .annonce_contenu .txt_contenu{
    float:none; width:auto; 
    margin:3px 0;
}

.l3 .annonce .bts{
    width:auto; float: none;
}

.l3 .annonce+.annonce+.annonce{margin:0 0 10px 0;}







/*Annonce en 4 par ligne*/
.l4 .annonce{
    width:220px; float:left;margin:0 10px 10px 0;
}

.l4 .annonce_contenu .img_medium{
    float:none; width:auto; height:146px;
}

.l4 .annonce_contenu .txt_contenu{
    float:none; width:auto;
    margin:3px 0;
}

.l4 .annonce .bts{
    width:auto; float: none;
}


.l4 .annonce+.annonce+.annonce+.annonce{margin:0 0 10px 0;}





/* Annonce lien utile */
.lu .annonce .annonce_contenu .txt_contenu {
    float: right;
    width: 85%;
}

.lu .annonce .annonce_contenu > a{
    float:left;
}









/* Pagination */
.pPage{
    margin: 20px 0 0px 0;
    padding: 5px;
    background:#000;
	border-radius:20px;
    color:#ffffff; font-weight:bolder;
}

/*page actuelle*/
.pPage span
{
    padding : 2px 5px;
    background-color : #ffed00;
    width : 20px;
    height : 20px;
    color : #000;
    text-decoration : none;
	border-radius:2px;
}

/*autres pages*/
.pPage a
{
    color : #fff;
    text-decoration : none;
}

/*======= FIN ANNONCE =======*/










/*====== SLIDER + VIEWER FICHE 2 ======*/

#sliderFiche{
    position:relative;
    height:450px; 
    overflow:hidden;
}

#sliderFiche .element_sliderFiche{
    width:100%; height:100%; position:absolute; top:0; left:0;
    cursor:move;
}

#sliderFiche > span{
    display:block; position:absolute; z-index:10001; top:0; right:0;
    width:180px; height:100%; padding: 5px 0 0 5px;
    background:url(../image/interface/back_black.png);
}

#sliderFiche > span > a{
    display:block; position:relative; float:left;
    margin:1%; width:48%; height:19%; overflow:hidden;
}

/*====== FIN SLIDER + VIEWER FICHE 2 ======*/












/*======= FLASH INFO =======*/
.flash_info {

    position:relative; 
	z-index:4;
	background:#1a1a1a; 
	border-radius: 6px 6px 0 0;

    padding:8px;
    /*background:#000;*/
    position:relative;
    color:#fff !important;
	margin:0 0 5px;
}

.flash_info .txt_contenu {
	text-align:left !important;
}


/*image flash info sous touch*/
.flash_info a+a span{
    display:block; width:100%; height:180px;
}

/* image flash info sous ejalis*/
.flash_info .img_medium{
    margin: 0 0 5px 0;
    width:auto; float:none;
}

/*formatage du titre*/
.flash_info h2, .flash_info h2 a, .flash_info h2{
    font-size:19px; color:#fff;
}

.flash_info h2 a:hover{
    color:#000;
}

/*couleur des liens dans le flash info*/
.flash_info a{
    color:#ffed00;
}
/*======= FIN FLASH INFO =======*/









/*======= BT =======*/
.bt, .bt:visited{
    background:#1a1a1a;
    border-radius: 20px 20px 20px 20px;
    color: #ffed00 !important;
    cursor: pointer;
    display: block;
	text-align:center;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    margin: 3px 0;
    padding: 0 26px;
    position: relative;
    text-transform: uppercase;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}
@media screen and (max-width: 450px) {
	.bt, .bt:visited{
		padding: 0 10px;
	}
}


.bt:hover{
    background: #ffed00;
    text-decoration:none !important;
    color:#000 !important;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}


.bt2 {
	width:100%;
	margin:5px 0;
	display:block;
	border-bottom:1px dotted #000;
}

.bt2:before {
	content:"+ ";
	color:#000;
}
/*======= FIN BT =======*/




/*logo jalis*/
#logo_jalis {
    position:fixed; bottom:3px; right:3px; z-index:50;
}



/*======= FOOTER =======*/

/* style g�n�ral*/
#footer{
    background: none repeat scroll 0 0 #303030;
    bottom: 0;
    color: #fff;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3;
	border-top:15px solid #fff;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

#footer:hover{
    background:#202020;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

/* dans le centrage */
#footer > .centrage{
    
}

/* couleur des liens dans le footer*/
#footer a, #footer a:link, #footer a:visited, #footer #address div+div span:first-child{
    color:#ffed00;
    cursor:pointer;
}


#bt_footer{
    position:absolute; left:0; top:-14px; display:block;
    cursor:pointer; color:#7d7d7d; font-size:10px; font-weight:bold;
    text-transform: uppercase; width:100%; text-align:center;
}

/*bande visible avec adresse*/
#address {
    font-size: 11px;
    padding: 6px 0 2px;
    text-align: center;
}

/*zone referencement*/
#zoneCachee{
    position:relative; width:900px; margin:0 auto 0 auto;
}

/*format des colonnes de liens*/
#zoneCachee > div > ul{
    float : left; width : 250px; margin : 0 25px; position:relative;
}

/*format du premier li (titre)*/
#zoneCachee > div > ul > li > h3{
    font-size:1.1em; font-weight:bolder;
    margin:0 0 4px 0;
    font-family:'Arial', sans-serif;
    color:#ffffff;
}

/*format des liens dans les colonnes*/
#zoneCachee > div > ul > li a{
    display : block;
    padding : 5px 0 5px 10px;
    margin : 0 0 2px 0;
    text-align : left;
    color : #7E9B18;
    text-decoration : none;
    border-left:0px solid #fff;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

/*format des liens au survol*/
#zoneCachee > div > ul >li a:hover{
    border-left:3px solid #fff;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

#zoneCachee #zoneCachee_text{
    clear:both;
    text-align:justify;
    margin:15px 25px;
}






/*======= FORMULAIRES =======*/

 form input[type=text], form textarea, form select{
    position:relative;
    width:96%; padding: 3px 2%;
    background:#ffffff url(../image/interface/back_input.png) repeat-x top left;
    border:1px solid #cecece;
    color:#666666;
    font-family:'Arial', sans-serif; font-size:12px;
	margin:0 0 10px;
 }
 
 form input[type=text]:focus, form textarea:focus, form select:focus{
    border:1px solid #aeaeae;
    color:#4d4d4d;
 }
 
 /*======= FIN FORMULAIRES =======*/


@media screen and (max-width: 650px) {
	.fiche .txt_contenu {
		  font-size: 9px !important;
		}
}


/*======= FICHE TECHNIQUE =======*/
.fiche_technique
{
    margin-top : 20px;
}

.fiche_technique table
{
    border-spacing : 2px;
    border-collapse : separate;
    width : 100%;
}

.fiche_technique table td
{
    background-color : #999;
    color : #fff;
    padding : 6px 10px;
    width:30%;
}

.fiche_technique table td + td
{
    background-color : #ccc;
    color : #222;
    width:70%;
}
/*======= FIN FICHE TECHNIQUE =======*/


.listeimg {
	float:right;
}

.listeimg .img_medium{
	width:100%;
}


.full {
	width:100%;
	padding-left:0 !important;
	padding-right:0 !important;
}

.img
  {
  width: 100%;
  height: 100%;
  object-fit: contenu;
  }


.blogGrid
	{
	  display: grid;
	  @media (max-width: 670px) 
	  { 
		grid-template-columns: repeat(1, 1fr);
		font-size: 20px;
	  }
	  @media (min-width: 671px) 
	  { 
		grid-template-columns: repeat(1, 1fr);
	  }	  
	  grid-column-gap: 10px;
	  grid-row-gap: 1em;
	}
.blogGrid > div 
	{	 
	  border-radius: 5px;
	  background-color: #eeeeee;
	  padding: 1em;	 
	}
.blogGrid a
{
	color: #C6454E;
    text-decoration: none;
}
.blogGrid a:hover {color:#000000;}


.page_container{display:table;	margin-top:20px;	margin-bottom:20px;	width:100%;}
.page_container ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container li{font-size:1.2em; line-height:25px;}

.page_container_left{display:table; margin-top:20px; margin-bottom:20px; width:100%; background:url('Structure/navigation_bg.png') bottom right no-repeat; background-position:550px 0;}
.page_container_left ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container_left li{font-size:1.2em; line-height:25px;}
.page_left_mainarea{width:530px; float:left;}
.page_sidebar_right{width:250px; float:right; display:table;}

.page_container_right{display:table; margin-top:20px; margin-bottom:20px; width:100%; background:url('Structure/navigation_bg.png') bottom right no-repeat; background-position:330px 0;}
.page_container_right ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container_right li{font-size:1.2em; line-height:25px;}



  .col,.gallery-item,.columns {
    position: relative;
    margin: 0;
    padding: 0 15px 30px;
    width: 100%
}

.col-fit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.col-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.col-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.col-inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.col-has-radius {
    overflow: hidden
}

@media screen and (min-width: 850px) {
    .col:first-child .col-inner {
        margin-left:auto;
        margin-right: 0
    }

    .col+.col .col-inner {
        margin-right: auto;
        margin-left: 0
    }
}
  
  
  
  
  
  


*,*:before,*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product-small.box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #eaeaea;
    overflow: hidden
}

.product-small.box:hover {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%)
}

.box-text.box-text-products {
    padding: 25px
}

.box-text .woocommerce-loop-product__title a {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    display: block
}





@media (min-width: 549px) {
    .has-video .bg {
        display:none	
    }
	
}

.box {
    width: 100%;
    position: relative;
    margin: 0 auto
}

.box>a {
    width: 100%;
    display: block
}

.box a {
    display: inline-block
}

.box,.box-image,.box-text {
    -webkit-transition: opacity 0.3s,background-color 0.3s,-webkit-transform 0.3s;
    transition: opacity 0.3s,background-color 0.3s,-webkit-transform 0.3s;
    -o-transition: opacity 0.3s,transform 0.3s,background-color 0.3s;
    transition: opacity 0.3s,transform 0.3s,background-color 0.3s;
    transition: opacity 0.3s,transform 0.3s,background-color 0.3s,-webkit-transform 0.3s
}

.box-image>a,.box-image>div>a {
    display: block
}

.box-text {
    padding-top: .7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    font-size: .9em
}

.has-shadow .box-text {
    padding-left: 1.2em;
    padding-right: 1.2em
}

.readmoresize {
	font-size: 15px;
}

@media (max-width: 1200px) {
.readmoresize {
	font-size: 30px;
}
.box-text .woocommerce-loop-product__title a{
	font-size: 35px;
	line-height: 45px; 
}
}


@media (max-width: 549px) {

    .box-text {
        font-size:85%
    }
}

.box-image {
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.box-image[style*="-radius"] {
    -webkit-mask-image: -webkit-radial-gradient(white,black)
}

.box-image-inner {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.box-text.text-center {
    padding-left: 10px;
    padding-right: 10px
}

.box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.box-label {
    overflow: hidden
}

.box-label .box-text.text-center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin: 10% 0
}

.box-label .box-text.text-right {
    right: 0;
    left: auto
}

.box-label .box-text {
    position: absolute;
    bottom: 0;
    width: auto;
    padding: 0;
    margin: 10%;
    padding: .5em 1.5em .55em;
    background-color: #FFF;
    opacity: .95;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1)
}

.box-label:hover .box-text {
    opacity: 1
}

.box-badge {
    overflow: hidden
}

.box-badge .box-text {
    background-color: rgba(255,255,255,.95);
    padding: .8em 1em 1em;
    position: absolute;
    bottom: 15%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    z-index: 1
}

.dark .box-badge .box-text {
    background-color: rgba(0,0,0,.95)
}

.box-badge:hover .box-text {
    background-color: #446084
}

.box-bounce .box-text {
    padding: 15px 15px 20px;
    z-index: 1
}

.box-bounce:hover .box-text {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    background-color: #fff
}

.dark .box-bounce:hover .box-text {
    background-color: #222
}

.box-bounce:hover .box-image {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.box-push .box-text {
    padding: 15px 20px;
    background-color: rgba(255,255,255,.95);
    max-width: 85%;
    margin: -15% auto 0
}

.box-overlay .box-text,.box-shade .box-text {
    position: absolute;
    width: 100%;
    max-height: 100%;
    bottom: 0;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.box-overlay.dark .box-text,.box-shade.dark .box-text {
    text-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.box-none .box-text {
    display: none!important
}

.has-post-icon:hover .box-shade .box-text,.has-post-icon:hover .box-overlay .box-text {
    opacity: 0!important
}

.box-text-middle.box-overlay .box-text,.box-text-middle.box-shade .box-text {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    bottom: auto!important;
    z-index: 16;
    left: 0;
    right: 0
}

.box-text-top.box-overlay .box-text,.box-text-top.box-shade .box-text {
    position: absolute;
    top: 0;
    bottom: auto!important;
    z-index: 16;
    left: 0;
    right: 0
}

.box-vertical .box-text-middle .box-text {
    position: relative;
    top: auto;
    bottom: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.has-box-vertical .col {
    width: 100%!important;
    max-width: 100%!important
}

@media screen and (min-width: 550px) {
	
	.button{
display: none;
}
	
    .box-list-view .col {
        -ms-flex-preferred-size:100%!important;
        flex-basis: 100%!important;
        max-width: 100%!important
    }

    .box-list-view .box,.box-vertical {
        display: table;
        width: 100%
    }

    .box-list-view .box .image-right,.box-vertical .image-right {
        direction: rtl
    }

    .box-list-view .box .box-image,.box-list-view .box .box-text,.box-vertical .box-image,.box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle
    }

    .box-list-view .box .box-text,.box-vertical .box-text {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .box-list-view .box .box-image,.box-vertical .box-image {
        width: 50%
    }

    .box-list-view .box.align-top .box-text,.box-vertical.align-top .box-text {
        vertical-align: top
    }
}




.box-text h1,.box-text h2,.box-text h3,.box-text h4,.box-text h5,.box-text h6,.box-text a: not(.button) {
    margin-top: .1em;
    margin-bottom: .1em
}

.box-text p {
    margin-top: .1em;
    margin-bottom: .1em
}

img{width:100%;}