main
{
	display: block;
}

/************/
/* FACEBOOK */
/************/
#fb-root
{
	display: none;
}

/**********/
/* IMAGES */
/**********/
.ox_medallion
{
	border-radius: 150px;
	height: 150px;
	width: 150px;
}

.ox_medallion.medium
{
	border-radius: 100px;
	height: 100px;
	width: 100px;
}

.ox_medallion.small
{
	border-radius: 75px;
	height: 75px;
	width: 75px;
}

.ox_polaroid
{
	border: 5px solid #fff;
}

.ox_polaroid:nth-child(odd)
{
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

.ox_polaroid:nth-child(even)
{
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}

.ox_polaroid.straight
{
	transform: none;
	-webkit-transform: none;
}

.ox_zoomin
{
    transition: transform 500ms ease-out;
}

.ox_zoomin:hover
{
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    transform: scale(1.02);
}

.img-thumbnail 
{
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	display: inline-block;
	padding: 4px;
}

.mobile img.ox_mobile_hide 
{
    display: none;
}

.mobile img.ox_img_small
{
    margin: 5px !important;
    max-width: 100px;
}

/**********/
/* LAYOUT */
/**********/
.ox_separator
{
	border-top: 1px solid #ddd;
	margin: 30px 0;
}

.ox_row *
{
    box-sizing: border-box;
}

.ox_row
{
    box-sizing: border-box;
    margin-right: -15px;
    margin-left: -15px;
}

.ox_row:before,
.ox_row:after,
.ox_col_large_2:before,
.ox_col_large_2:after,
.ox_col_large_4:before,
.ox_col_large_4:after,
.ox_col_large_6:before,
.ox_col_large_6:after
{
    clear: both;
    display: table;
    content: " ";
}

/* COLUMNS */
.ox_col_large_2,
.ox_col_large_4,
.ox_col_large_6
{
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 50%;
}

.ox_col_large_4
{
    width: 33.33333333%;
}

.ox_col_large_6
{
    width: 66.66666666%;
}

.mobile .ox_col_large_2,
.mobile .ox_col_large_4,
.mobile .ox_col_large_6
{
    float: none;
    width: auto;
}

/* Media @link : http://getbootstrap.com/components/#media */
.media 
{
	margin: 15px;
}

.media-left, 
.media-right, 
.media-body 
{
	display: table-cell;
	vertical-align: top;
}

.mobile .media-left, 
.mobile .media-right,
.mobile .media-body 
{
    display: block;
}

.media-left, 
.media>.pull-left 
{
	padding-right: 10px;
}

.media-right,
.media > .pull-right 
{
  	padding-left: 10px;
}

.media-middle 
{
	vertical-align: middle;
}

.media-bottom
{
	vertical-align: bottom;
}

/**********/
/* ALERTS */
/**********/
.ox_alert 
{
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
}

.ox_alert.success 
{
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #3C763D !important;
}

.ox_alert.info 
{
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #31708F !important;
}

.ox_alert.warning 
{
	background-color: #FCF8E3;
	border-color: #FAEBCC;
	color: #8A6D3B !important;
}

.ox_alert.danger 
{	
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442 !important;
}

/***********/
/* BUTTONS */
/***********/
.ox_button, .ox_button:visited 
{
    background: #222 url('/desktop/img/overlay.png') repeat-x;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.small.ox_button, .small.ox_button:visited 
{ 
	font-size: 11px
}

.ox_button, 
.ox_button:visited,
.medium.ox_button, 
.medium.ox_button:visited      
{ 
	font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
 
.large.ox_button, .large.ox_button:visited                    
{ 
	font-size: 14px;
    padding: 8px 14px 9px; 
}
 
.super.ox_button, .super.ox_button:visited            
{ 
	font-size: 34px;
    padding: 8px 14px 9px; 
}

.pink.ox_button, 
.magenta.ox_button:visited   
{ 
	background-color: #e22092; 
}

.pink.ox_button:hover                  
{ 
	background-color: #c81e82; 
}

.green.ox_button, 
.green.ox_button:visited    
{ 
	background-color: #91bd09; 
}

.green.ox_button:hover                    
{ 
	background-color: #749a02; 
}

.red.ox_button, 
.red.ox_button:visited        
{ 
	background-color: #e62727; 
}

.red.ox_button:hover                   
{ 
	background-color: #cf2525; 
}

.orange.ox_button, 
.orange.ox_button:visited  
{ 
	background-color: #ff5c00; 
}

.orange.ox_button:hover               
{ 
	background-color: #d45500; 
}

.blue.ox_button, 
.blue.ox_button:visited              
{ 
	background-color: #2981e4; 
}

.blue.ox_button:hover                  
{ 
	background-color: #2575cf; 
}

.yellow.ox_button, 
.yellow.ox_button:visited  
{ 
	background-color: #ffb515; 
}

.yellow.ox_button:hover                
{ 
	background-color: #fc9200; 
}

.ox_button_flat
{
	background-color:#209f16;
	border:0;
	box-shadow:1px 1px 10px #aaa;
	color:#fff !important;
	cursor:pointer;
	display: inline-block;
	font-size:16px;
	margin:10px;
	overflow: hidden;
	padding:20px;
	text-decoration:none !important;
}

.ox_button_flat:hover
{
	background-color:#15c621;
    transition: background-color .2s ease-in, transform .2s ease-in, color .2s ease-in;
    transform:scale(0.95);
}

.ox_button_flat.effet-hover 
{
	position: relative;
}

.ox_button_flat.effet-hover::before 
{
	position: absolute;
	top: 0;
	left: -200%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.ox_button_flat.effet-hover:hover::before 
{
	-webkit-animation: effet-hover .2s;
	animation: effet-hover .2s;
}

@-webkit-keyframes effet-hover {
	100% {
		left: 50%;
	}
}

@keyframes effet-hover {
	100% {
		left: 50%;
	}
}

.ox_button_flat.maj
{
	text-transform: uppercase;
}

.ox_button_flat.min
{
	text-transform: lowercase;
}

.ox_button_flat.black
{
	background-color:#303030;
}

.ox_button_flat.black:hover
{
	background-color:#505050;
}

.ox_button_poussoir
{
    position:relative;
    width:200px;
    color:#fff;
    display:block;
    text-decoration:none;
    border-radius:2px;
    border:1px solid #000;
    background:#000;
    text-align:center;
    padding:20px 0;
    transition: all 0.1s;
    box-shadow: 0px 4px 8px #505050;
	outline:none;
	text-transform:uppercase;
	cursor:pointer;
    font-size: 14px;
}

.ox_button_poussoir:hover
{
	transition: all .5s;
	background:#fff;
	color:#000;
}

.ox_button_poussoir:active
{
    box-shadow: 0px 1px 0px #606060;
    position:relative;
    top:4px;
}

/************/
/* PRODUCTS */
/************/
.ox_product
{
	margin: 30px 0;
}

.ox_product_title
{
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	position: relative;
}

.ox_product_price
{
	float: right;
}

.ox_product_description
{
	color: #5F5F5F !important;
	margin-top: 5px;
	padding-right: 60px;
	text-align: justify;
}

/****************/
/* PLANNED NEWS */
/****************/
.plannedNews
{
	margin-top: 15px;
}

/**********/
/* TABLES */
/**********/
.table 
{
  	
  	border-collapse: collapse;
  	border-spacing: 0;
  	margin-bottom: 20px;
  	width: 100%;
  	max-width: 100%;
}

.table  th
{
  	font-weight: bold;
	text-align: left;
}

.table-bordered
{
  	border: 1px solid #F4F4F4;
}

.table-bordered>thead>tr>th, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, 
.table-bordered>tfoot>tr>td 
{
  	border: 1px solid #F4F4F4;
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td 
{
  	border-top: 1px solid #F4F4F4;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th 
{
  	line-height: 1.42857143;
  	padding: 8px;
  	vertical-align: top;
}

.table-striped>tbody>tr:nth-of-type(odd) 
{
  	background-color: #F9F9F9;
}

/*********/
/* QUOTE */
/*********/
.quote
{
	border-left: 5px solid #EEE;
  	font-family: Georgia, Times, "Times New Roman", serif;
  	font-style: italic;
	font-size: 17.5px;
	margin: 0 0 20px;
	padding: 10px 20px;
}

.quote p 
{
  	font-size: 17.5px;
  	margin: 0 0 10px;
}

.quote .small, 
.quote small 
{
  	color: #777 !important;
  	display: block;
  	font-size: 80%;
  	line-height: 1.42857143;
}

/************/
/* LIGHTBOX */
/************/
.ox_lightbox
{
	cursor: pointer;
}

#ox_lightbox
{
	background-color: #333;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	height: 90%;
	left: 5%;
	position: fixed;
	top: 5%;
	width: 90%;
	z-index: 99999;
}

#ox_lightbox_layer
{
	background-color: #fff;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99998;
}

#ox_lightbox_title,
#ox_lightbox_close
{
	background: #000;
	bottom: 0;
	color: #fff;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	text-indent: 10px;
	width: 100%;
}

#ox_lightbox_close
{
	cursor: pointer;
	direction:rtl; 
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	top: 0;
}

#ox_lightbox.on,
#ox_lightbox_layer.on
{
	display: block;
}

/*********/
/* LISTS */
/*********/
.ox_list
{
	margin-left: 20px;
}

.ox_list li
{
    margin: 8px 0;
}

.ox_list.circle
{
	list-style-type: circle;
}

.ox_list.square
{
	list-style-type: square;
}

.ox_list.decimal
{
	list-style-type: decimal;
}

.ox_list.roman
{
	list-style-type: upper-roman;
}

/********************/
/* CSS GRAM FILTERS */
/********************/
.ox_filter
{
		display: inline-block;
		position: relative;
}

.ox_filter img 
{
		display: block;
		float: left;
}

.ox_filter.ox_filter_1977:before,
.ox_filter.ox_filter_1977:after,
.ox_filter.ox_filter_moon:before,
.ox_filter.ox_filter_moon:after,
.ox_filter.ox_filter_earlyBird:before,
.ox_filter.ox_filter_earlyBird:after,
.ox_filter.ox_filter_toaster:before,
.ox_filter.ox_filter_toaster:after
{
	content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);
}

@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.ox_filter:before,
	.ox_filter:after
	{ 
		display: none !important; 
	} 

	/* IE11 */
	*::-ms-backdrop, .ox_filter:before,
	*::-ms-backdrop, .ox_filter:after 
	{ 
		display: none !important;
	} 
}

.ox_filter.ox_filter_moon:before,
.ox_filter.ox_filter_1977:before,
.ox_filter.ox_filter_earlyBird:before,
.ox_filter.ox_filter_toaster:before
{
		z-index: 2;
}

.ox_filter.ox_filter_moon:after,
.ox_filter.ox_filter_1977:after,
.ox_filter.ox_filter_earlyBird:after,
.ox_filter.ox_filter_toaster:after
{
		z-index: 3;
}

/* MOON */
.ox_filter.ox_filter_moon
{
    filter: grayscale(1) contrast(1.1) brightness(1.1);
    -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
}

.ox_filter.ox_filter_moon:before
{
	background: #a0a0a0;
	mix-blend-mode: soft-light;
}

.ox_filter.ox_filter_moon:after
{
	background: #383838;
	mix-blend-mode: lighten;
}

/* 1977 */
.ox_filter.ox_filter_1977
{
   filter: contrast(1.1) brightness(1.1) saturate(1.3);
   -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
}

.ox_filter.ox_filter_1977:after
{
	background: rgba(243,106,188,.3);
	mix-blend-mode: screen;
}

/* EARLY BIRD */
.ox_filter.ox_filter_earlyBird
{
    filter: contrast(.9) sepia(.2);
    -webkit-filter: contrast(.9) sepia(.2);
}

.ox_filter.ox_filter_earlyBird:after
{
	background: -webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);
    background: radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);
    mix-blend-mode: overlay;
}

/* TOASTER */
.ox_filter.ox_filter_toaster
{
    filter: contrast(1.5) brightness(.9);
    -webkit-filter: contrast(1.5) brightness(.9);
}

.ox_filter.ox_filter_toaster:after
{
	background: -webkit-radial-gradient(circle,#804e0f,#3b003b);
    background: radial-gradient(circle,#804e0f,#3b003b);
    mix-blend-mode: screen;
}

/*****************/
/* FEATURES LIST */
/*****************/
.ox_features_list .ox_col_large_4
{
    margin: 20px 0;
    text-align: center;
}

.ox_features_list h2
{
    padding: 20px 0 10px 0;
}

.ox_features_list .ox_separator
{
    margin: 50px auto;
}

.ox_features_list .media-body
{
    text-align: justify;
}

/*********/
/* LINKS */
/*********/
.ox_links
{
    background: #f1f1f1;
    border-radius: 3px;
    margin: 40px 10px;
    padding: 15px 10px;
}

.ox_links h3
{
    margin-bottom: 15px;
    margin-top: 20px;
    text-decoration: underline;
}

.ox_links h3:first-child
{
    margin-top: 0px;
}

/*********/
/* CARDS */
/*********/
.ox_card
{
    background: #fff;
    border: 1px solid #ccc;
    margin: 40px 10px;
    padding: 15px 10px 100px 10px;
    position: relative;
    text-align: center;
}

.mobile .ox_card
{
    padding-bottom: 15px;
}

.ox_card_content
{
  background: rgba(255, 255, 255, 0.6);
  bottom: 0;
  padding: 20px;
  position: absolute;
  left: 0;
  width: 100%;
}

.mobile .ox_card_content
{
  position: relative;
}

.ox_card h3
{
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 20px;
}

.ox_card h3:first-child
{
    margin-top: 0px;
}

.ox_card_description
{
  max-height: 0;
  overflow-y: auto;
  transition: max-height 0.15s ease-out;
}

.mobile .ox_card_description
{
  max-height: 5000px;
  transition: none;
}

.ox_card_description::-webkit-scrollbar 
{
  width: 5px;
}
 
.ox_card_description::-webkit-scrollbar-track 
{
  background: #ddd;
}
 
.ox_card_description::-webkit-scrollbar-thumb 
{
  background: #666; 
}

.ox_card:hover .ox_card_description
{
  max-height: 120px;
  transition: max-height 0.25s ease-in;
}

.mobile .ox_card:hover .ox_card_description
{
  max-height: 5000px;
  transition: none;
}

.ox_card_price
{
  border-top: 1px solid #ccc;
  margin: 20px auto 0 auto;
  padding-top: 10px;
  width: 70%
}