/*
Theme Name: Ricca Child
Description: Child theme for the Ricca Theme
Author: Liviu Cerchez
Author URI: http://themeforest.net/user/liviu_cerchez
Template: ricca
Version: 0.1
*/

html {
	background-color: transparent;
}

body {
	color : #303030;	
}

#go-to-top-link.active {
	bottom: 0%;
}

h1, h2, h3, h4, h5, h6, .mizublock p, li, .nohyphens {
	hyphens: none;
}


p, ol, ul, blockquote, pre {
	line-height: 2em;
	margin-bottom : 2.5em;
    font-size: 1.07em;
    hyphens: none;
}

.featured-caption h1 {
	line-height	 : 1.4em;
}

h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
	line-height		: 1.7em;
}

h4, h5, h6  {
	font-size		: 1.75em;
	
}

h1 {
	line-height: 1.5em;	
}

h2 {
	font-size		: 2em;
}

h2.title {
	font-size: 1.5em;
	margin-top : 15px;
}



@font-face {
	font-family: 'andersregular';
	src: url('webfonts/anders-webfont.woff2') format('woff2'),
		 url('webfonts/anders-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'quicksandlight';
	src: url('webfonts/quicksand-light-webfont.woff2') format('woff2'),
		 url('webfonts/quicksand-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

a, input, textarea {
	font-weight: normal;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

 a.title, .container a {
	-webkit-background-size: 0 100%;
	-moz-background-size: 0 100%;
	background-size: 0 100%;
	background-repeat: no-repeat;
}

 a.title:hover, p a:hover, .elementor p a:hover, .elementor figcaption a:hover {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image : linear-gradient(180deg,transparent 65%, #FFF8BE 0);

	transition: color 0.2s linear, 
				background-size 0.4s ease;
}

p a.social-link:hover {
	background-image: none;
}

a.social-link, 
a.social-link:hover, 
.project a,
.project a:hover, 
a.lightbox,
a.lightbox:hover,
a.button,
a.button:hover,
.cerchez-filter-selectors a:hover,
a.page-numbers:hover,
a.link:hover {
	background-image: none;
}

a.social-link.icon-pinterest {
	display: none;
}

.button {
    font-family: inherit;
}

.caption p {
	font-size: 1.3em;
	font-weight: 600;
	
}

.elementor p a, .elementor figure figcaption a {
    text-decoration: underline;
}

.dream-no-border .wp-caption {
    border : 0 !important;
}

.sep {
	margin-top: 5.5em !important;
	margin-bottom : 5.5em;
}

.padding {
	height: 100px;
}

.padding2 {
	height: 40px;
}

.textwidget p {
	line-height: 1.5em;
	margin-bottom	: 1em;
	font-size		: 0.9em;
}

/**** jquery slide in *****/

.animsition-overlay-slide {
	z-index: 100;
	background-color: #fff ;
	transition: all 0.5s ease;
}

body.page-id-3197 .animsition-overlay-slide,
body.page-id-3197.bg-init {
	background-color: #f3d176;
	transition: all 0.5s ease;
}

body.page-id-308 .animsition-overlay-slide,
body.page-id-308.bg-init {
	background-color: #D0EBFF;
	transition: all 0.5s ease;
}

body.page-id-641 .animsition-overlay-slide,
body.page-id-641.bg-init {
	background-color: #7d15b8;
	transition: all 0.5s ease;
}

body.page-id-28 .animsition-overlay-slide,
body.page-id-28.bg-init {
	background-color: #d8f2bf;
	transition: all 0.5s ease;
}

body.page-id-3588 .animsition-overlay-slide,
body.page-id-3588.bg-init {
	background-color: #ce2f6f;
	transition: all 0.5s ease;
}

/** mizu blocks **/
.mizublock {
	width: 100%;
	
	overflow: hidden;
	background-color: #D0EBFF;
	display: block;
	position: relative;

	margin-bottom: 1em;
}

.mizublock p:last-child, .mizublock .button {
	margin-bottom: 0;
}

.slide-mizublock {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: relative;
	padding: 55px 50px;
	text-align: center;
}
	
.slide-mizublock::after {
	content: '';
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background-color: #b2ddff;
	-webkit-transform: translate3d(0,101%,0);
	transform: translate3d(0,101%,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.slide-mizublock:hover::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slide-mizublock:hover .button {
	background-color: #000;
	color: #fff;
}

/* Dream baseline **/
.dreambaseline {	
	height: 220px;
	overflow: hidden;
	background-color: #e0f5cc;
	display: block;
	position: relative;
	text-align: center;
	
}
   
.muri {
	overflow	: hidden;	
	display		: block;
	height		: 220px;
	font-size	: 3.5em;
	font-family :  sans-serif;
	font-weight : normal;
	line-height : 215px;
	cursor		: default;
}

.muri span {
	font-family : "andersregular", sans-serif;	
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.muri:hover span {
	color: #1e1a1b;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.muri span:nth-child(6),
.muri:hover span:nth-child(2) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.muri span:nth-child(5),
.-muri:hover span:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.muri span:nth-child(4),
.muri:hover span:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.muri span:nth-child(3),
.muri:hover span:nth-child(5) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.muri span:nth-child(2),
.muri:hover span:nth-child(6) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.muri strong {
	font-family : 'quicksandlight', sans-serif;
	font-weight : 300;
	text-transform : uppercase;
	font-size 		: 0.4em;
	position		: absolute;
	
	color			: #000;
	margin-top : 45px;
	left			: 0;
	width			:100%;
	opacity			: 0;
	-webkit-transform	: translate3d(-30px,0,0);
	transform			: translate3d(-30px,0,0);
	-webkit-transition	: -webkit-transform 0.5s, opacity 0.5s;
	transition			: transform 0.5s, opacity 0.5s;
}

.muri:hover strong {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slide-dreambaseline {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
}
	
.slide-dreambaseline::after {
	content: '';
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background-color: #d5f1bb;
	-webkit-transform: translate3d(0,101%,0);
	transform: translate3d(0,101%,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.slide-dreambaseline:hover::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Animated portrait */

.casual-happy {
	float: left;
	width: 100%;
	max-width: 289px;
	height: 289px;
	margin-right: 25px;
	margin-bottom : 50px;
	
} 

.casual-happy img {
	width: 100%;
	max-width: 289px;
	display: block;
	position: absolute;

	-webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
} 

.casual-happy img:nth-child(1) {
	filter: alpha(opacity=100); /* IE stuff */
	opacity: 1;            
	z-index: 2;
}

.casual-happy img:nth-child(2) {
	filter: alpha(opacity=0); /* IE stuff */
	opacity: 0;            
	z-index: 1;
}

.casual-happy:hover img:nth-child(1) {
	filter: alpha(opacity=0); /* IE stuff */
	opacity: 0;            
	z-index: 1;
}

.casual-happy:hover img:nth-child(2) {
	filter: alpha(opacity=100); /* IE stuff */
	opacity: 1;            
	z-index: 2;
}

/** Values **/

.values {
	list-style: none;
	display: flex;
	flex-wrap : wrap;
	padding: 0;
	justify-content: space-around;
	font-size: inherit;
	margin-bottom: 0;
}

.dream-icon {
	font-size: 2.5em;
	margin-bottom: 0.7em;
}

.values li {
	width: 47%;
	margin: 0 0 35px 0;
	background-color : #ffe397;
	padding: 50px;

}

.values li:nth-child(2), .values li:nth-child(4) {
	margin-left: 3%;
}

.values h4, h4.karl {
	font-family: Karla, sans-serif;
	font-weight: bold;	
	font-size: 1.2em;
	margin-bottom: 1em;
}

.values p {
	margin-bottom: 0;
}

/** now block **/

.nowblock {
	
	display: flex;
	flex-wrap : wrap;
	padding: 0;
	justify-content: space-around;
	font-size: inherit;
	margin-bottom: 0;
}

.now1 {
    width: 30%;
	margin: 0 0 35px 0;	
    padding: 0;
    text-align: center;
}


.now2 {
    margin: 100px 0 35px 0;
	background-color : #b9e4ad;
	padding: 50px;
}

.now2 p:last-child {
    margin: 0;
}


/** video dream demo **/

.dream-demo-wrap {
	
	background-color : #EF787A;
	position: relative;
	padding-top : 1px;
}  

.dream-demo {
	margin : 145px auto 40px;
	background  : transparent url("/wp-content/uploads/2018/02/demo_mobile.jpg") center top no-repeat;
	width       : 274px;
	height      : 500px;        
}
  
.dream-demo video {
	margin-left: 18px;
	margin-top: 65px;
}

ul.reasons {
	list-style-type: none;
}

/** success **/

.dreamquote {
	padding: 50px;
	background-color: #D0EBFF;
	text-align: center;
	margin-bottom: 40px;
	font-size: 19px;
	font-weight: 700;
}



/** About **/

.europe {
	margin-bottom : 50px;
}

.convinced {
	background-color: #D0EBFF;
	min-height: 630px;
	padding: 60px 50px 35px 50px;
	text-align: center;
    margin-bottom: 25px;
    
}

.convinced img {
	margin-bottom : 20px;
}

.convinced-title {
	font-family: 'Fjalla One','Helvetica Neue',Helvetica,Arial,sans-serif;
	margin-top: -20px;
	margin-bottom: 0.2em;
}

.convinced-desc {
	margin-top: 10px;
	font-style:  italic;
    font-size: 1em;
    text-align: left;
}

.convinced-url {
	font-size: 1em;
}

.aim {
	background-color: #e6f5d1;
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	min-height: 150px;
	padding: 50px 75px;
}

.quotidien .col {
	margin: 50px 0;
	text-align: center;
	padding: 0 30px;
}

/** Global projects **/

p.cerchez-filter-selectors {
	text-align: center;
}

.cerchez-filter-selectors a {
	font-size: 0.8em;
	text-transform: none;

}



/** Project **/

 .imgborder, .imgborder_elementor img {
	border : 1px solid #e7e7e7;
	padding: 0.3em;
}

.imgborder_elementor figure { 
	border : 0;
	background-color : transparent;
 }


/** CTA after content **/

.call-to-action p {
	font-size: inherit;
}

/* popup */

.pum-content p {
	font-size: 0.99em;
	text-align: center;
}

.pum-content .button {
	border-color: #e7e7e7;
	color : #e7e7e7;
	margin: auto;
	font-size: 0.8em;
}

.pum-content .button:hover {
	color: #fff;
}

/*****/


body.postid-602 .grid6,
body.postid-2887 .grid6,
body.postid-3542 .grid6 {
	margin-left: 25%;
	
}

#border-top {
	z-index		: 110;
}
	
	

/* */

body.page-id-263 .scroll_down {
	visibility	: hidden;
}

.drvideo span.icon-resize-enlarge::before {
	content: "\e613"; 
}

.single-cerchez-project #post-list-modern.col {
	width: auto;
	display:block;
}

.single-cerchez-project aside#sidebar {
	display:none;
} 

.wp-video {
	margin : auto;
}

.cn-set-cookie.button {
	margin-bottom : 0;
}

.cn-set-cookie.button:hover {
	color: #fff !important;
}


.iframe-container {
        position: relative;
        width: 560px;
        height: 315px;
        margin: 0 auto 40px auto;
}
  
.iframe-container iframe {
    width: 560px;
    height: 315px;
}

.box {
    text-align: center;
    background-color: #fff8be;
}

.alert-old-ie {
	display: none;
}

/* tuto svg */


.tproject {	
	height 		: 230px;
	overflow	: hidden;
	
	font-size	: 2.5em;
	background	: #7edbb4 url('svg/pattern.svg') repeat left top;
	color		: #474747;
}

.tproject, .tproject a, .tproject a:visited {
	color		: #343434;
	text-decoration	: none;
}

.tproject strong {
	font-weight		: normal;
	text-transform 	: uppercase;
}



/** old **/


.project {	
	height 		: 230px;
	overflow	: hidden;
	display 	: inline-block;		
	font-size	: 2.3em;
}

.project, .project a, .project a:visited {
	color		: #343434;
}

.project strong {
	font-weight: normal;
}

.project2 {
	height		: 220px;
}
	
.restaurant {
	background	: #B6E1DC url('svg/pattern1.svg') repeat left top;
}

.commerce {
	background	: #FFFACE url('svg/pattern2.svg') repeat left top;
	color		: #474747;
}

.artiste {
	background	: #E6F0D7 url('svg/pattern3.svg') repeat left top;
	font-size	: 4em;
}

.cabinet {
	background	: #D8ECF3 url('svg/pattern4.svg') repeat left top;
	font-size	: 3em;
}

.createur {
	background	: #FFD996 url('svg/pattern5.svg') repeat left top;
	font-size	: 2.5em;
}

/** 2017 **/

.client1 {
	background	: #B6E1DC url('svg/pattern1.svg') repeat left top;
}

.client2 {
	background	: #FFFACE url('svg/pattern2.svg') repeat left top;
	color		: #474747;
}

.quote {
	background	: #E6F0D7 url('svg/pattern3.svg') repeat left top;
	font-size	: 4em;
	margin-bottom	 : 25px;
}

.client3 {
	background	: #FFD996 url('svg/pattern5.svg') repeat left top;
	
}

/** 2019 projects FD UX style **/

.project_inside {
    font-weight: bold;
    font-family : "Karla", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
}

.project_summary p {
    font-size: 0.9em;
    margin-bottom: 10px;
}

/** language bar **/

#trp-floater-ls.trp-color-dark {
	background-color : #000000;
	background-image: none;
}

#trp-floater-ls {
	border-radius: 0;
	box-shadow: none;
	left: 70%;
}

.trp-color-dark #trp-floater-ls-current-language a,
 .trp-color-dark #trp-floater-ls-language-list a {
	color: #ffffff;
}

#trp-floater-ls-current-language a, 
#trp-floater-ls-language-list a {
	padding : 12px 15px 12px 15px;
}



/** codrops **/
/* Grid */
.grid__item {
	z-index: 1;
	position: relative;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transform: translate3d(0,0,0); /* Solves Safari bug because of SVG clipping mask */
}

.link--manko, .link--nukun, .link--takiri {
	height: 220px;
}


.project a, .project a:hover {
	text-decoration : none;
}

.project strong {	
	display:block;
	line-height	: 235px;
}

.project2 strong {	
	display:block;
	line-height	: 225px;
}


/** mankoclient **/

.link--mankoclient {
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-family: 'Quicksand', sans-serif;
	font-weight : 300;
	display: block;
	text-transform : uppercase;
	cursor	: default;
}

.link--mankoclient:hover {
	color: #1e1a1b;
}

.link--mankoclient::before,
.link--mankoclient::after {
	content: '';
	position: absolute;
	border-width: 1px 0;
	border-style: solid;
	border-color: #474747;
	pointer-events: none;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--mankoclient::before {
	width: 50%;
	left: 25%;
	height: 24%;
	top: 38%;
}

.link--mankoclient::after {
	width: 30%;
	left: 35%;
	height: 34%;
	top: 33%;
}

.link--mankoclient:hover::before,
.link--mankoclient:hover::after {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.link--mankoclient span {
	font-family			: 'Josefin Slab', serif;
	font-weight			: 600;
	position			: absolute;
	font-size			: 0.45em;
	text-transform		: lowercase;
	left				: 0;
	width				: 100%;
	opacity				: 0;
	pointer-events		: none;
	-webkit-transition	: opacity 0.5s, -webkit-transform 0.5s;
	transition			: opacity 0.5s, transform 0.5s;
}

.link--mankoclient span:first-of-type {
	bottom: 67%;	
	-webkit-transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
	transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
}

.link--mankoclient span:last-of-type {
	top: 67%;	
	-webkit-transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
	transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
}

.link--mankoclient:hover span {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--mankoclient:hover span:first-of-type {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.link--mankoclient:hover span:last-of-type {
	-webkit-transition-delay: 0.20s;
	transition-delay: 0.20s;
}



/* Takiri client */
.link--takiriclient {
	position: relative;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 0.02em;
	text-transform : uppercase;
	display: block;
	height: 230px;
	cursor	: default;
}

.link--takiriclient:hover {
	color: #000;
}

.link--takiriclient::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 170%;
	top: 50%;
	margin-top: -8px;
	left: -30%;
	z-index: -1;
	background: #fff;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(0,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--takiriclient:hover::before {
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

.link--takiriclient span {
	font-size 		: 0.35em;
	position		: absolute;
	font-family		: 'Playfair Display', serif;
	font-weight 	: 700;
	letter-spacing	: 0.1em;
	text-transform	: lowercase;
	color			: #343434;/*e53369;*/
	bottom			: 32%;
	left			: 0;
	width			:100%;
	opacity			: 0;
	-webkit-transform	: translate3d(-10px,-10px,0);
	transform			: translate3d(-10px,-10px,0);
	-webkit-transition	: -webkit-transform 0.5s, opacity 0.5s;
	transition			: transform 0.5s, opacity 0.5s;
}

.link--takiriclient:hover span {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Kumya client */


.link--kumyaclient {
	text-transform: uppercase;
	overflow: hidden;
	line-height: 1;
	display: block;
	height: 220px;
	font-family: 'Playfair Display', serif;
	font-weight : 400;
	cursor		: default;
}

.wrapkumyaclient {
	display: inline-block;
	font-style : normal;
}

.link--kumyaclient:hover {
	color: #242424;
	
}

.link--kumyaclient::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #F7CE8D;
	-webkit-transform: translate3d(101%,0,0);
	transform: translate3d(101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kumyaclient:hover::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--kumyaclient span {
	display: block;
	position: relative;
}

.link--kumyaclient span::before {
	content: attr(data-letters);
	position: absolute;
	color: #fff;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	width: 0%;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kumyaclient:hover span::before {
	width: 100%;
}

.link--kumyaclient em.baseline {
	font-size 		: 0.4em;
	position		: absolute;
	font-family		: 'quicksandregular', sans-serif;
	font-weight		: 700;
	font-style	 	: normal;
	
	text-transform	: lowercase;
	color			: #343434;
	bottom			: 73px;
	left			: 0;
	width			: 100%;
	opacity			: 0;
	
	pointer-events: none;
	
	
	-webkit-transform	: translate3d(-30px,0,0);
	transform			: translate3d(-30px,0,0);
	
	-webkit-transition	: -webkit-transform 0.5s, opacity 0.5s;
	transition			: transform 0.5s, opacity 0.5s;
	
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--kumyaclient:hover em.baseline {
	
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/* Yaku client */
.link--yakuclient {
	overflow: hidden;	
	display: block;
	height: 70px;
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
	cursor	: default;
}

.link--yakuclient::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-width: 3px 0;
	border-color: #FFAE39;
	border-style: solid;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--yakuclient:hover::before {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--yakuclient span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.link--yakuclient:hover span {
	color: #1e1a1b;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.link--yakuclient span:nth-child(4),
.link--yakuclient:hover span:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.link--yakuclient span:nth-child(2),
.link--yakuclient:hover span:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.link--yakuclient span:first-child,
.link--yakuclient:hover span:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.link--yakuclient strong {
	font-size 		: 0.4em;
	position		: absolute;
	font-family		: 'Quicksand', sans-serif;
	font-weight		: 700;
	
	text-transform	: lowercase;
	color			: #343434;
	bottom			: -34px;
	left			: 0;
	width			:100%;
	opacity			: 0;
	
	pointer-events: none;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--yakuclient:hover strong {
	
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/* muri */
.link--muri {
	overflow	: hidden;	
	display		: block;
	height		: 220px;
	font-size	: 1em;
	font-family : "andersregular", sans-serif;
	font-weight : normal;
	line-height : 215px;
	cursor		: default;
	
}

.link--muri::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-width: 2px 0;
	
	border-color: #c5d8a9;
	border-style: solid;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--muri:hover::before {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
}

.link--muri span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.link--muri:hover span {
	color: #1e1a1b;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.link--muri span:nth-child(6),
.link--muri:hover span:nth-child(2) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.link--muri span:nth-child(5),
.link--muri:hover span:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.link--muri span:nth-child(4),
.link--muri:hover span:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.link--muri span:nth-child(3),
.link--muri:hover span:nth-child(5) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.link--muri span:nth-child(2),
.link--muri:hover span:nth-child(6) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.quote {
	background	: #E6F0D7 url('svg/pattern3.svg') repeat left top;
}

.link--muri strong {
	
	font-family : 'quicksandlight', sans-serif;
	font-weight : 300;
	text-transform : uppercase;
	font-size 		: 0.4em;
	position		: absolute;
	
	color			: #000;
	bottom			: -25%;
	left			: 0;
	width			:100%;
	opacity			: 0;
	-webkit-transform	: translate3d(-30px,0,0);
	transform			: translate3d(-30px,0,0);
	-webkit-transition	: -webkit-transform 0.5s, opacity 0.5s;
	transition			: transform 0.5s, opacity 0.5s;
}

.link--muri:hover strong {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/** grid **/

.grid_dr_half {
	width : 48.5%;
	display : inline;
	float: left;
	margin-right : 3%;
	margin-bottom : 1.5em;
}

.grid_dr_onethird {
	width: 31.3333%;
	margin-bottom : 1.5em;
	display : inline;
	float: left;
	margin-right : 3%;
}

.drlast {
	margin-right: 0%;
	margin-bottom: 1.5em;
}

.featured-header-medium .project {
	margin-bottom	: 0.8em;
}

.restaurant.incontent {
	font-family: "Playfair Display",serif;
	font-size	: 1.8em;
}

.commerce.incontent {
	font-family: "Josefin Slab",serif;	
	font-size	: 1.8em;
}

.artiste.incontent {	
	font-family: "Allura",cursive;
	font-size	: 3em;
}

.createur.incontent {	
	font-family: "Oleo Script",cursive;
	font-size	: 2.2em;
}


/** codrops **/
/* Grid */
.grid__item {
	z-index: 1;
	position: relative;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transform: translate3d(0,0,0); /* Solves Safari bug because of SVG clipping mask */
}


.project a, .project a:hover {
	text-decoration : none;
}

.project strong {	
	display:block;
	line-height	: 235px;
}

.projectclient strong {	
	display:block;
	line-height	: 220px;
}

/** spiro **/

.link--spiro {
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-family: 'Quicksand', sans-serif;
	font-weight : 300;
	display: block;
}

.link--spiro:hover {
	color: #1e1a1b;
}

.link--spiro::before,
.link--spiro::after {
	content: '';
	position: absolute;
	border-width: 1px 0;
	border-style: solid;
	border-color: #474747;
	pointer-events: none;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.link--spiro::before {
	width: 50%;
	left: 25%;
	height: 24%;
	top: 38%;
}

.link--spiro::after {
	width: 30%;
	left: 35%;
	height: 34%;
	top: 33%;
}

.link--spiro:hover::before,
.link--spiro:hover::after {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.link--spiro span {
	font-family			: 'Josefin Slab', serif;
	font-weight			: 600;
	position			: absolute;
	font-size			: 0.45em;
	left				: 0;
	width				: 100%;
	opacity				: 0;
	pointer-events		: none;
	-webkit-transition	: opacity 0.5s, -webkit-transform 0.5s;
	transition			: opacity 0.5s, transform 0.5s;
}

.link--spiro span:first-of-type {
	bottom: 69%;	
	-webkit-transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
	transform: scale3d(0.8,0.8,1) translate3d(0,10px,0);
}

.link--spiro span:last-of-type {
	top: 69%;	
	-webkit-transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
	transform: scale3d(0.8,0.8,1) translate3d(0,-10px,0);
}

.link--spiro:hover span {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--spiro:hover span:first-of-type {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.link--spiro:hover span:last-of-type {
	-webkit-transition-delay: 0.20s;
	transition-delay: 0.20s;
}

/** social buttons **/

.addtoany_list a {
	padding	: 0 !important;
	margin	: 0 10px 1px 0;
	border-radius	: 2px;
	-moz-border-radius : 2px;
	-webkit-border-radius : 2px;
}

.container .addtoany_list.a2a_kit_size_32 a > span {
	height	: 20px !important;
	width	: 32px !important;
	
	
}

.a2a_w__default {
	background-size: 17px 17px;
	background-position : center center;
	
}

.a2a_img, .a2a_svg { 
	background-repeat	: no-repeat !important;
}

.a2a_button_facebook {
	background-color	: #3b5998;
}

.a2a_button_facebook span {
	background-position	: 5px 1px;
}

.a2a_button_twitter {
	background-color	: #55acee;
}

.a2a_button_pinterest {
	background-color	: #ca2026;
}


.a2a_button_linkedin {
	background-color	: #007bb5;
}

.a2a_button_buffer {
	background-color	: #303030;
}

.a2a_button_tumblr {
	background-color	: #35465c;
}

.a2a_button_pocket {
	background-color	: #ee4056;
}


.addtoany_list a span {
	display			: block !important;
}



/** related posts **/

.rp4wp-related-post-content a {
	font-size: 1.3em;
	margin-top : -10px;
	font-family: 'Fjalla One','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.rp4wp-related-posts {
	margin-bottom: 0;
	
	}
	
.rp4wp-related-posts::before {
	content: "";
	border-color: #e7e7e7 -moz-use-text-color;
    border-style: solid none;
    border-width: 1px 0;
    height: 3px;
    line-height: 1;    
    text-align: center;
	display: block;
	margin	: 70px 0;
}

.rp4wp-related-posts ul > li:first-child {
	padding-top : 0;
}

.rp4wp-related-posts ul > li:last-child {
	padding-bottom : 0;
}

/** end of project **/

body.cerchez-project-template-default p.post-meta-info, 
body.cerchez-project-template-default .sep.before-post-meta-info  {
	display : none;
}


/** about the author **/

.author-info-inner {
	padding			: 20px;
	background-color	: #EFEFEF;
}

.author-avatar {
	position		: absolute;
}

.author-description {
	margin-left		: 140px;
}

/***/ 
.comment-respond {
	margin-top: 70px;
}

.comments-container {
  padding-top: 70px;
}

blockquote {
 background-color: #efefef;
}

.sep.before-post-meta-info {
	margin	: 70px 0;
	
}

.post-password-required {
	display	 : none;
}

/* testimonials */

.testimonial_rotator_quote h4 {
	margin-bottom	: 0;
}

.testimonial_rotator_prev, .testimonial_rotator_next {
	z-index		: 1;
}

/** menu patch **/

.regular-menu.logo-align-left #header.no-featured-media #logo {
	padding-right	: 300px;
}

/**projets **/


.page-id-4691 h4 {
    font-size: 1.2em;
}

.page-id-4691 h2 {
    margin-bottom: 0;
}

.noh4 h4 {
    display: none;
}

/** patch dtx **/

body.postid-4770 .col {
    float: none;
}

/** patch logo 2025 **/

#header #logo {
		top: 1.8em;
	}

@media (min-width: 768px) {
	#header #logo a img  {		
		width: 320px;
	}

	#header #logo {
		top: 2.5em;
	}
}

/** patch header 2025 **/

.featured-caption {
	h2 {
		font-size: 1.5em;
		margin-bottom: 0;
	}
}


/* Mobile devices */
@media (max-width: 768px) {
	#sidebar {
		display: none;
	}
 }
 

@media (max-width: 550px) {
	.grid_dr_half, .grid_dr_onethird { 
		width : 100%;
		float	: none;
	}

	 p .alignleft {
		float: none;
		display: block;
		margin: auto;
	}
}

@media (max-width: 768px) {
	.convinced {
		
		min-height: auto;
	}

	.grid__item { 
		display : block;
	}
	
	.tproject.grid__item {
		display : flex;
	}
	
	.project {
		display : block;
	}
	
	.grid_dr_onethird, .grid_dr_half {
		display : block;
		width	: 100%;
	}
	
	.link--takiri {
		letter-spacing: 0;
	}

	.values li:nth-child(2), .values li:nth-child(4) {
		margin-left: 0;
    }
    
    .iframe-container {
       
        width: 300px;
        height: 300px;
        
    }
    
    .iframe-container iframe {
        width: 300px;
        height: 300px;
    }

    .now1, .now2 {
        width: 100%;
    }

    
}

@media (max-width: 640px) {
	.casual-happy {
		float: none;
		margin: 0 auto 50px auto;
	}

	.values {		
		display: block;
		
	}

	.values li {
		width: auto;
	}
}

@media (max-width: 370px) {
	.link--spiro strong {
		font-size: 0.7em;
	}
	
	.author-avatar {
		position		: static;
		text-align		: center;
		margin-bottom	: 15px;
	}

	.author-description {
		margin-left		: 0;			
	}
	
	.author-info-inner  {
		padding			: 15px;
	}
	
	h2.testimonial_rotator_slide_title {
		font-size		: 1.25em;
		
	}
	
	a.link--muri strong {
		display			: none;
	}

	.muri strong {		
		font-size 		: 0.3em;
	}
	
}