/* Theme Name: ca
Theme URI: http://www.lescargon.be
Author: ca
URI: http://www.b-come.be
Description: Site Become
Version: 1.0
Tags: responsive */

/**
	01 // GENERAL
	02 // GRID
	03 // HEADER
	04 // BANNER
	05 // INFOS
	06 // MAIN-TITLE
	07 // MENU-SERVICES
	08 // INTRO
	09 // PHOTOS
	10 // NEWS-THUMB
	11 // LOGOS
	12 // FOOTER
	13 // CONTENT
 /*/


/** 01 // GENERAL/*/
body {font-family: "Open Sans"; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background-color: #d6d2c4; color: #211613;}
.border {background-color: white; margin: 15px;}
.bottom-border {height: 15px; background-color: #d6d2c4; width: 100%; position: fixed; bottom: 0;}
.wrapper {max-width: 1400px; margin: 0 auto;}
img {display: block; max-width: 100%}
.clearfix {clear: both;}
a {text-decoration: none; color: #211613;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}
a:hover {opacity: 0.8;}
p a { font-weight: 600;}
.button {color: white; background-color: #857874; padding: 15px 30px; display: inline-block; text-align: center; text-transform: uppercase; margin: 0 auto; letter-spacing: 1px; font-weight: 600; margin-top: 30px}
.button .fa {font-size: 20px; margin-right: 10px}
.button-light {color: #857874; border: 1px solid #857874; padding: 15px 30px; display: inline-block; text-align: center; text-transform: uppercase; margin: 0 auto; letter-spacing: 1px; font-weight: 600; margin-top: 30px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}
.button-light:hover {background-color: #857874; color: white;}
.button-light:hover a {color: white;}
.color-link {color: #857874}
.light-background {background-color: #d6d2c4; padding:25px;}
.light-background p {margin-bottom: 0}

b {font-weight: 600}
strong {font-weight: 600}
em {font-style: italic;}
p {font-size: 15px; line-height: 25px; margin : 0 0 25px 0; text-align: justify; letter-spacing: 1px}
h1 {font-size: 25px; line-height: 37px; letter-spacing: 3px;}
h2 {text-align: center; font-size: 30px; text-transform: uppercase; padding-bottom: 40px}
h3 {font-size: 20px; line-height: 25px; letter-spacing: 1px;  padding-bottom: 30px}
#intro h2 {font-size: 20px; line-height: 25px; letter-spacing: 1px;  padding-bottom: 0}

/** 02 // GRID/*/
.col1-4 {width: 25%; float: left;}
.col2-4 {width: 50%; float: left;}
.col3-4 {width: 75%; float: left;}
.grid ul {padding-bottom: 80px;}
.grid ul:after {content: ''; display: block; clear: both;}
.grid ul li {float: left; width: 23.5%; margin: 0 1%;}
.grid ul li:first-child {margin-left:0;}
.grid ul li:last-child {margin-right:0;}

/** 03 // HEADER/*/
header .logo a {display: block; margin-top: 40px}
header .menu {float: right; padding: 90px 0;}
header .menu nav > ul{
	position: relative;
}
header .menu ul {float: right;}
header .menu li {float: left; margin-left: 25px; position: relative;}
header .menu li a {
	border-bottom: 0px solid #857874;
	display: block;
	text-transform: uppercase;
	color: #211613;
	letter-spacing: 2px;
	padding: 15px 0;
	transition: border-bottom-width 0.2s ease-in-out;
	-moz-transition: border-bottom-width 0.2s ease-in-out;
	-webkit-transition: border-bottom-width 0.2s ease-in-out;
	-o-transition: border-bottom-width 0.2s ease-in-out;
}
header .menu li.current-menu-item a, header .menu li.current-menu-parent a {border-bottom-width: 4px;}
header .menu li a:hover {border-bottom-width: 4px;}
header .menu li .sub-menu{
	overflow: hidden;
	background-color: #d6d2c4;
	position: absolute;
	z-index: 100;
	left: -1em;
	top: 50px;
	width: 250px;
	height: 0;
	opacity: 0;
	transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	text-align: left;

}
header .menu li .sub-menu li{
	margin: 0;
	display: block;
	width: 100%;
}

header .menu li .sub-menu li a{
	display: block;
	border-width: 0;
	padding: 0.7em 1em;
	transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	font-size: 14px;
	border-top : 1px solid white;
}
header .menu li .sub-menu li a:hover{
	background-color: #857874;
	color: #fff;

}

header .menu li:hover{

}
header .menu li:hover .sub-menu{
	height: auto;
	opacity: 1;
}


header .responsive-menu {width: 60px; background-color: #857874; text-align: center; display: none}
header .responsive-menu .fa {font-size: 30px; color: white; line-height: 60px;}
header .responsive-nav {display: none;}
header .responsive-nav ul {overflow: hidden;}
header .responsive-nav ul li {float: left; width: 25%; background-color: #d6d2c4; color: #857874; /*height: 60px;*/ text-align: center;}
header .responsive-nav ul li a { padding: 1em 1em; display: block; color: #857874; text-transform: uppercase; font-size: 16px; font-weight: 600}
header .responsive-nav ul li .sub-menu{
	max-height: 0;
	transition: max-height 1s;
	-moz-transition: max-height 1s;
	-webkit-transition: max-height 1s;
	-o-transition: max-height 1s;
}

header .responsive-nav ul li .sub-menu.is-visible{
	max-height: 500px;
}



header .responsive-nav ul li .sub-menu li{
	padding: 0;
	background-color: #857874;

}
header .responsive-nav ul li .sub-menu li a{
	text-transform: none;
	display: block;
	line-height: normal;
	padding: 0.5em 1em;
	color: #d6d2c4;
}

/** 04 // BANNER /*/
.owl-theme .owl-pagination {display: none!important}
.owl-theme .owl-buttons {position: absolute; bottom: 0; right: 0;}
.owl-theme .owl-buttons .owl-prev, .owl-theme .owl-buttons .owl-next {width: 60px; height: 60px; line-height: 60px; background-color: #857874; color: white;}
.owl-theme .owl-buttons .owl-prev {border-bottom: 1px solid white}

/** 05 // INFOS /*/
#infos {padding: 40px 0 0 0;}
#infos .schedule {background-color: #f3f1ec;}
#infos .schedule span {display: inline-block; border-left: solid 1px #fff; padding: 0 0.75em 0 1em; font-size: 0.9em;}
#infos .schedule span:first-child {border-left: none; }
#infos .phone {background-color: #d6d2c4}
#infos p {color: white; text-align: center; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; padding : 19px 0; font-weight: 600; margin-bottom: 0}
#infos .phone p {color: #333333;}
#infos .phone a:hover {color: #211613;}
#infos .schedule p {color: #333333}
#infos .adress {display: none; color: #333333; margin-left: 20px}
#infos .adress .city:before{ content: '|'; margin-right: 0.25em; }

/** 06 // MAIN-TITLE /*/
#main-title {text-align: center}
#main-title h1 {width: 60%; display: block; margin: 0 auto; text-align: center; padding: 80px 0 0 0;}

/** 07 // MENU-SERVICES /*/
#menu-services {margin-top: 80px}
#menu-services ul li {
	background-color: #d6d2c4;
	text-align: center;
	background-position: center 50px;
	background-repeat: no-repeat;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-webkit-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
}
#menu-services ul li:hover{
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
}
#menu-services ul li a {
	display: block;
	padding: 120px 0 50px 0;
	font-size: 22px;
	text-transform: uppercase;
	color: #857874;
}

#menu-services .chef {background-image: url(images/chef.png)}
#menu-services .entreprises {background-image: url(images/entreprises.png)}
#menu-services .occasions {background-image: url(images/occasions.png)}
#menu-services .traiteur {background-image: url(images/traiteur.png)}
#menu-services h3 {color: white; font-weight: 600; padding-bottom : 15px; padding-top: 15px;}

/** 08 // INTRO/*/
#intro {margin-bottom: 80px; text-align: center}
#intro p { display: block; width: 80%; margin: 0 auto 25px auto; text-align: center;}
#intro li {margin: 10px; font-size: 14px; line-height: 22px} 
#intro ul {margin: 40px;} 

/** 09 // PHOTOS/*/
#photos {padding: 0 0 80px 0;}
#photos ul {overflow: hidden;}

/** 10 // NEWS-THUMB/*/
#news-thumb ul {overflow: hidden; margin-bottom: 80px; display: flex; flex-wrap: wrap;}
#news-thumb li {display: flex;}
#news-thumb li a {
	display: block;
	padding: 40px;
	position: relative;
	color: #333333;
	background-color: #d6d2c4;
}
#news-thumb h3 {font-size: 17px; line-height: 24px; letter-spacing: 2px;}
#news-thumb p {margin-bottom: 0}
#news-thumb .plus {position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; color: white; background-color: #857874; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;}
#news-thumb .plus:hover {opacity: 0.7;}


/** 11 // LOGOS/*/
#logos {background-color: #d6d2c4; opacity: 0.6;}
#logos .item {display: inline-block; vertical-align: top; width: 20%; margin-right: -0.25em; margin-top: 1em; margin-bottom: 1em;}
#logos img {width: 60%;  margin: 0 auto;}
#logos .owl-carousel {padding: 20px 0;}
#logos .owl-carousel .item {display: block; width: auto; margin: 0;}
#logos img {width: 38%;}
.owl-theme .owl-controls {margin-top: 0}

/** 12 // FOOTER/*/
footer {background-color: #d6d2c4; color: white; padding: 40px 0 0 0; font-size: 18px; font-weight: 600; text-align: center}
footer p {margin-bottom: 40px; font-size: 14px}
footer .patern {height: 20px; background-color: #d6d2c4;}
footer .fa {font-size: 22px; margin-right: 10px}
footer a {color: white; margin-bottom: 40px; font-size: 14px; display: inline-block;}
footer a:hover {color: white;}

/** 13 // CONTENT/*/
#content-h1 {background-color: #b3b0a4;}
#content-h1 h1 {color: white; padding: 10px 20px;}
#content-text h3 {text-transform: none; font-size: 22px; line-height: 28px; text-align: center; padding-bottom: 40px}
#content-text {position: relative;  margin: 40px auto;}
#content-text p {text-align: left;}
#content-text .center {width: 60%; margin: 0 auto;}
#content-text .center p {text-align: center}
#content-text .col2-4 p {width: 98%; margin-right: 2%;}
#content-text .presentation-img {background-image: url(images/presentation.jpg); position: absolute; height: 100%; top: 0; right: 0; background-position: center}
#content-text .contact-img {background-image: url(images/contact-2.jpg); position: absolute; height: 100%; top: 0; right: 0; background-position: center}
#content-text img.align-left, #content-text img.alignleft {width: 50%; float: left; margin-right: 2em; margin-bottom: 1em;}
#content-text img.align-right, #content-text img.alignright {width: 50%; float: right; margin-left: 2em; margin-bottom: 1em;}
#content-text img, #content-text img.aligncenter {display: block; margin: 0 auto 1em auto; }
#content-contact {text-align: center; padding: 0 0 80px 0;}
#content-contact h1 {margin-bottom: 30px }
#content-contact p {text-align: center; margin-bottom: 10px}
#content-contact p .city:before, #content-contact p .fax:before {content: '|'; margin-right: 0.25em; }
#content-contact a {color: #211613;}
#content-contact .mail {display: block}
#content-contact .fa {font-size: 16px; margin-right: 10px}
.content-news ul {margin-top: 60px}
.content-news ul li {float: left; width: 23%; margin: 20px 1%;}
.content-news ul li:first-child {margin-left:1%;}
.content-news ul li:last-child {margin-right:1%;}
#content-text h2 {padding: 30px 0 15px 0; text-align: left; text-transform: none; font-size: 22px; line-height: 28px;}
#content-text h3 {padding: 20px 0 10px 0; text-align: left; text-transform: none; font-size: 18px; line-height: 26px;}
#content-text ul li {list-style: disc; margin: 15px 0; margin-left: 21px; font-size: 15px; line-height: 18px; text-align: justify; letter-spacing: 1px}
.single .gallery {margin-top: 20px}
.single .gallery .item {display: inline-block; width: 25%; margin-right: -0.25em; margin-bottom: -0.25em}
.single .gallery .item img {width: 100%;}
.single .wrapper {text-align: center}
.single h1 {text-align: left}
.signle img {text-align: left}
#news-thumb h3 {padding-bottom: 0}

.video-overlay{
	position: fixed;
	z-index: 100;
	left: 0;
	top: 100%;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	transition: top 0.4s, opacity 0.4s;
	-moz-transition: top 0.4s, opacity 0.4s;
	-webkit-transition: top 0.4s, opacity 0.4s;
	-o-transition: top 0.4s, opacity 0.4s;
}

.video-overlay.is-visible{
	top: 0;
	opacity: 1;
}

.video-overlay .btn-close{
	display: inline-block;
	position: absolute;
	right: 0;
	top: -3em;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	background-color: #fff;
	padding: 0.5em 1em;
	vertical-align: middle;
	margin: 0;
	font-size: 0.8em;
}

.video-overlay .btn-close .fa{
	font-size: 1.3em;
}

.video-overlay:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: -0.25em;
	height: 100%;
}

.video-overlay .video-outer{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: -0.25em;
	width: 80%;
	max-width: 1200px;
}

.video-overlay .video-outer .video{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

.video-overlay .video-outer .video iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/** // RESPONSIVE/*/


/** 1490/*/
@media screen and (max-width: 1490px){
	/** 01 // GENERAL/*/
	.wrapper {margin: 0 30px;}

	/** 13 // CONTENT/*/
	#content-text {margin: 80px 30px;}
}

/** 1200/*/
@media screen and (max-width: 1200px){
	/** 05 // INFOS /*/
	#infos .schedule, #infos .phone {width: 100%; float: none;}
	#infos .schedule p {width: 90%; margin: 0 auto}
	#infos .schedule span {display: block; margin: 0.5em 0; padding: 0; border-left: none;}
	#infos .adress {display: inline-block;}

	/** 06 // MAIN-TITLE /*/
	#main-title h1 {width: 90%;}

	/** 10 // NEWS-THUMB/*/
	#news-thumb h3 {font-size: 16px; margin-bottom: 50px}
	#news-thumb li a {padding: 20px;}
	#news-thumb .plus {width: 100%; margin-top: 10px;}

	/** 13 // CONTENT/*/
	#content-text .center {width: 90%;}
}

/** 1000/*/
@media screen and (max-width: 1000px){
	/** 01 // GRID/*/
	.grid ul {padding-bottom: 60px}
	.grid#news-thumb ul li {width: 48%; margin: 1%!important}

	/** 06 // MAIN-TITLE /*/
	#main-title h1 {width: 80%; font-size: 20px; line-height: 32px; padding: 60px 0 0 0;}

	/** 07 // MENU-SERVICES /*/
	#menu-services {margin-top: 60px}

	/** 08 // INTRO/*/
	#intro {margin-bottom: 60px}

	/** 09 // PHOTOS/*/
	#photos {padding: 0 0 60px 0}

	/** 10 // NEWS-THUMB/*/
	#news-thumb h3 {font-size: 18px; line-height: 22px}
	#news-thumb ul {margin-bottom: 60px}


	/** 12 // FOOTER/*/
	footer .col1-4 {float: none; width: 100%;}
	footer .col2-4 {float: none; width: 100%;}
	footer p {text-align: center; margin-bottom: 10px}
	footer .patern {background-size: 15%}
	footer a {margin-bottom: 0}

	/** 13 // CONTENT/*/
	#content-text .center {width: 80%;}
	#content-text {margin: 60px 30px;}
	#content-text .col2-4 {width: 100%;}
	#content-text .presentation-img {position: static; height: 260px; margin-top: 40px}
	#content-contact {padding: 60px 0;}
}

/** 920/*/
@media screen and (max-width: 920px){
	/** 01 // GENERAL/*/
	.border {margin: 10px;}
	.wrapper {margin: 0 10px;}
	p {font-size: 14px; line-height: 22px}

	/** 01 // GRID/*/
	.grid ul li {width: 48%; margin: 1%!important}
	.grid ul {padding-bottom: 50px}

	/** 03 // HEADER/*/
	header .logo {width: 75%;}
	header .logo a {margin-top: 40px}
	header .logo a img {height: 80px;}
	header .responsive-menu {display: block; float: right; cursor: pointer;}
	header .menu {padding: 60px 0 40px 0; width: 25%;}
	header .menu ul {display: none}
	header .responsive-nav{
		display: block;
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-webkit-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		position: relative;
	}

	header .responsive-nav ul li{
		transition: margin-bottom 0.4s;
		-moz-transition: margin-bottom 0.4s;
		-webkit-transition: margin-bottom 0.4s;
		-o-transition: margin-bottom 0.4s;
	}

	header .responsive-nav ul li.is-children-visible{
		margin-bottom: 76px;

	}

	header .responsive-nav .sub-menu{
		position: absolute;
		z-index: 200;
		left: 0;
		top: 48px;
		width: 100%;
	}

	header .responsive-nav .sub-menu li{
		width: 33.3333%;
	}

	.menu-mobile-visible header .responsive-nav{
		max-height: 124px;
		/*overflow: visible;
		display: block;*/
	}

	/** 06 // MAIN-TITLE /*/
	#main-title h1 {font-size: 22px; padding: 50px 0 0 0;}

	/** 07 // MENU-SERVICES /*/
	#menu-services {margin-top: 50px}
	#menu-services ul li {background-position: center 40px}
	#menu-services ul li a {padding: 110px 0 40px 0;}

	/** 08 // INTRO/*/
	#intro {margin-bottom: 50px}

	/** 09 // PHOTOS/*/
	#photos {padding: 0 0 50px 0}
	#photos .col1-4 {width: 50%;}
	#photos .col1-4 img {width: 100%;}
	#photos .col1-4:last-child {display: none;}
	#photos .col1-4:nth-last-child(2) {display: none;}

	/** 10 // NEWS-THUMB/*/
	#news-thumb ul {margin-bottom: 50px}
	#news-thumb h3 {font-size: 15px; line-height: 23px}

	/** 11 // LOGOS/*/
	#logos .item {width: 33%;}
	#logos .owl-carousel .item {width: auto;}

	/** 13 // CONTENT/*/
	#content-text {margin: 50px 10px;}
	#content-text .center {width: 80%;}
	h1 {font-size: 22px; padding: 50px 0;}
	#content-contact h1 {padding: 0;}
	#content-contact {padding: 50px 0;}
	.single .gallery .item {width: 50%;}

	/** 01 // GRID/*/
	.grid ul {padding-bottom: 40px}

	/** 03 // HEADER/*/
	header .responsive-nav{
		display: block;
		overflow: hidden;
		max-height: 0;
		transition: max-height 1s;
		-moz-transition: max-height 1s;
		-webkit-transition: max-height 1s;
		-o-transition: max-height 1s;
	}


}

/** 755/*/
@media screen and (max-width: 755px){
#content-text img.align-left, #content-text img.align-right {width: auto; float: none; margin-right: 0; margin-left: 0;}
}

/** 640/*/
@media screen and (max-width: 640px){


	.menu-mobile-visible header .responsive-nav{
		max-height: 500px;
	}

	header .responsive-nav ul li {float: none; width: 100%; border-bottom: 1px solid white}

	header .responsive-nav ul li.is-children-visible{
		margin-bottom: 0;
	}

	header .responsive-nav .sub-menu{
		position: static;
	}

	header .responsive-nav .sub-menu li{
	width: 100%;
	}

	header .responsive-nav ul li {float: none; width: 100%; border-bottom: 1px solid white}

	header .responsive-nav ul li.is-children-visible{
		margin-bottom: 0;
	}

	header .responsive-nav .sub-menu{
		position: static;
	}




	/** 05 // INFOS /*/
	#infos .adress {display: block; margin-left: 0; margin-top: 30px;}

	/** 06 // MAIN-TITLE /*/
	#main-title h1 {width: 100%; font-size: 18px; line-height: 28px; padding: 40px 0 0 0;}

	/** 07 // MENU-SERVICES /*/
	#menu-services {margin-top: 40px}

	/** 08 // INTRO/*/
	#intro {margin-bottom: 40px}

	/** 09 // PHOTOS/*/
	#photos {padding: 0 0 40px 0}

	/** 10 // NEWS-THUMB/*/
	#news-thumb ul {margin-bottom: 40px}

	/** 13 // CONTENT/*/
	#content-text {margin: 40px 10px;}
	#content-text .center {width: 100%;}
	h1 {font-size: 18px; line-height: 26px}
	#content-contact {padding: 40px 0;}
}


/** 570/*/
@media screen and (max-width: 570px){
	/** 01 // GRID/*/
	.grid#news-thumb ul li {width: 100%; margin: 10px 0!important;}

	/** 03 // HEADER/*/
	header .logo a img {height: 70px;}
	header .menu {padding: 50px 0;}

	/** 04 // BANNER /*/
	.owl-theme .owl-buttons {display: none}

	/** 05 // INFOS /*/
	#infos p {font-size: 14px;}
	#infos .adress .city {display: block;}
	#infos .adress .city:before {display: none;}

	/** 08 // INTRO/*/
	#intro p {width: 100%; text-align: left}

	/** 12 // FOOTER/*/
	footer .patern {height: 40px; background-size: 25%}

	/** 13 // CONTENT/*/
	#content-contact .city, #content-contact .fax {display: block;}
	#content-contact .city:before, #content-contact .fax:before {display: none;}
}

/** 470/*/
@media screen and (max-width: 470px){

	/** 05 // INFOS /*/
	#infos p {font-size: 11px;}
	#infos .phone p {font-size: 13px}

	/** 06 // MAIN-TITLE /*/
	#main-title h1 {font-size: 16px; line-height: 25px;}

	/** 07 // MENU-SERVICES /*/
	#menu-services ul li {background-position: center 20px}
	#menu-services ul li a {padding: 80px 0 20px 0;}

	/** 13 // CONTENT/*/
	#photos .col1-4 {width: 100%;}
	#photos .col1-4:nth-child(2) {display: none;}
}

/** 350/*/
@media screen and (max-width: 350px){
	/** 01 // GRID/*/
	.grid ul li {width: 100%; }

	/** 03 // HEADER/*/
	header .logo a img {height: 60px;}
	header .menu {padding: 40px 0;}

	/** 12 // FOOTER/*/
	footer .patern {background-size: 40%}
}

/** 300/*/
@media screen and (max-width: 300px){
	/** 03 // HEADER/*/
	header .logo a img {height: auto;}

	/** 05 // INFOS /*/
	#infos .phone p {font-size: 12px}
}


.csstransitions .animation{
	opacity: 0;
}
.csstransitions .animation.animated{
	opacity: 1;
}