/*!
Theme Name: MDWP (Divi Child)
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.4.2
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/
.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
transform: none;
}
/** ---------- GLOBAL ----------- **/

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}

#main-content .et_pb_module ul {
	list-style: none !important;
}

#main-content .et_pb_module ul li {
	margin-bottom: .25rem;
	position: relative;
}

#main-content .et_pb_module ul li::before {
	content: "";
    background-color: #BF7665;
    font-weight: 700;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.5rem;
	margin-left: -2rem;
    border-radius: 100%;
    position: absolute;
}

#main-content .et_pb_module ul.et_pb_social_media_follow li::before {
	display: none;
}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

/** Loader **/
body {
	overflow-y: hidden;
}

.loader-container {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 100vw;
	 height: 100vh;
	 position: fixed;
	 top: 0;
	 z-index: 999999;
	 background-color: #fff7f3;
}
 .loader-container .mdwp-loader {
	 display: inline-block;
	 position: relative;
	 width: 80px;
	 height: 80px;
}
 .loader-container .mdwp-loader div {
	 position: absolute;
	 top: 33px;
	 width: 13px;
	 height: 13px;
	 border-radius: 50%;
	 background: #BF7665;
	 animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
 .loader-container .mdwp-loader div:nth-child(1) {
	 left: 8px;
	 animation: lds-ellipsis1 0.6s infinite;
}
 .loader-container .mdwp-loader div:nth-child(2) {
	 left: 8px;
	 animation: lds-ellipsis2 0.6s infinite;
}
 .loader-container .mdwp-loader div:nth-child(3) {
	 left: 32px;
	 animation: lds-ellipsis2 0.6s infinite;
}
 .loader-container .mdwp-loader div:nth-child(4) {
	 left: 56px;
	 animation: lds-ellipsis3 0.6s infinite;
}
 @keyframes lds-ellipsis1 {
	 0% {
		 transform: scale(0);
	}
	 100% {
		 transform: scale(1);
	}
}
 @keyframes lds-ellipsis3 {
	 0% {
		 transform: scale(1);
	}
	 100% {
		 transform: scale(0);
	}
}
 @keyframes lds-ellipsis2 {
	 0% {
		 transform: translate(0, 0);
	}
	 100% {
		 transform: translate(24px, 0);
	}
}

/** Facebook **/
.facebook-messenger {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 999;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
	border-radius: 100%;
	height: 60px;
	overflow: hidden;
}

/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6 {
	font-weight: 600 !important;
	line-height: unset;
}

h1 {
	font-size: 2.5rem !important;
	line-height: 3.5rem;
	font-weight: 700 !important;
	letter-spacing: 1px;
}

@media only screen and (max-width: 981px) {
	h1 {
		font-size: 2.3rem !important;
		line-height: 3rem;
	}
}

h2 {
    font-size: 2.15rem !important;
	line-height: 2.25rem;
	letter-spacing: -0.7px;
}

h3 {
	font-size: 1.7rem;
	line-height: 1.9rem;
}

.cta__title h2 {
	font-size: 2.7rem !important;
	line-height: 3.3rem;
}

/** BUTTONS **/
.btn, #sb_instagram .sbi_follow_btn a  {
	padding: .5rem 1.2rem;
	font-weight: 600;
	border-radius: 3px;
	transition: all .4s ease;
}

#sb_instagram .sbi_follow_btn a {
	font-size: 1.12rem;
	margin-top: 3rem;
}

#sb_instagram #sbi_load .sbi_follow_btn {
	margin-left: 0;
}

.btn-secondary {
	border: 2px solid #BF7665;
	color: #BF7665;
}

.btn-secondary:hover, .btn-secondary.active {
	background: #BF7665;
	color: white;
} 

.cn-button.bootstrap {
	background-color: #BF7665;
}

a {
	color: #BF7665;
}

/** ---------- HEADER ---------- **/

/** MENU ITEM **/
header .nav li ul {
	width: auto;
}

header #top-menu li li {
	width: 100%;
}

header #top-menu li li a {
	width: auto;
	white-space: nowrap;
	text-transform: none;
}

header #top-menu a {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 1rem !important;
	position: relative;
}

header #top-menu a {
	opacity: 1 !important;
}

header #top-menu .menu-item-has-children > a:first-child:after {
	display: none;
}

header #top-menu .menu-item-has-children > a:first-child {
	padding-right: 0;
}

header #top-menu a:before {
	content: "";
	width: 0;
	display: block;
	right: 10%;
	position: absolute;
	background-color: #BF7665;
	bottom: 1.35rem;
	height: 3px;
	opacity: 0.25;
	transition: all 0.3s ease;
}

header #top-menu a:hover:before {
	left: 10%;
	right: auto;
	width: 80%;
	opacity: 1;
}

header #top-menu .sub-menu a:before {
	display: none;
}

/** TITLE LOGO **/
.logo_title {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 1.3rem;
	color: #444;
}

/** HEADER FIXED ON MOBILE **/
.et-fixed-header, .et_fixed_nav #main-header {
	position: fixed !important; 
}

/** CALL TO ACTION (CONTACT BUTTON) **/
.btn-outline a:before {
	display: none !important;
}

@media only screen and (min-width: 981px) {
	.btn-outline a {
		padding: .8rem .7rem .7rem !important;
		border: 2px solid #BF7665;
		opacity: 1 !important;
		color: #444 !important;
		font-weight: 600 !important;
		border-radius: 3px;
		transition: all .4s ease !important;
	}
	
	.btn-outline a:hover {
		background: #BF7665;
		color: white !important;
	}
	
	body.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation, .et_header_style_left #main-header.et-fixed-header #et-top-navigation {
    	padding: calc(35px - .8rem - 2px) 0 0 0;
	}
}

/** ---------- FOOTER ---------- **/
@media only screen and (max-width: 981px) {
	.et_pb_menu .et_pb_menu__menu {
		display: flex !important;
	}
	
	.et_pb_menu__wrap {
		justify-content: center !important;
	}
	
	.et_pb_menu #menu-footer {
		justify-content: center;
	}
	
	.et_pb_menu .et_mobile_nav_menu {
		display: none;
	}
}

/** ---------- HOMEPAGE ----------- **/

/** HERO **/
.hero * {
	color: white;
}

.hero .et_parallax_bg {
	filter: brightness(.7)
}

.hero__line {
	font-family: Montserrat, Arial, sans-serif;
	display: block;
	margin-top: 1rem;
	
}

.hero__title {
	font-size: 2.7rem;
	text-transform: none;
	letter-spacing: 0.5px;
	line-height: 3.3rem;
}

.hero__subtitle {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 2.5rem;
	letter-spacing: 0.5px;
}

.hero__freelance {
	font-family: Montserrat, Arial, sans-serif;
	text-transform: none;
	font-size: 1rem;
	font-weight: 500;
	margin-top: .5rem;
}

/** SERVICES **/
.home_services img{
	padding: 1.5rem;
}

.home_services .et_pb_column .et_pb_image_wrap {
	transition: all .3s ease;
}

.home_services .et_pb_column .et_pb_image_wrap img {
	transition: all .2s ease;
}

.home_services .et_pb_column:hover .et_pb_image_wrap {
	background: #BF7665;
}

.home_services .et_pb_column:hover .et_pb_image_wrap img {
	filter: invert(1);
}

/** SINGLE SERCIVE **/
.var {
  --bg-color: #BF7665;
  --bg-color-light: #f1f7ff;
  --text-color-hover: #FFF;
  --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.card {
	height: 321px;
	background: #fff;
	border-top-right-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow: 0 0px 26px rgba(0, 0, 0, 0.07);
	transition: all 0.4s ease-out;
	text-decoration: none;
}

.card:hover {
	transform: translateY(-5px) scale(1.005) translateZ(0);
	box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.card:hover .overlay {
	transform: scale(5) translateZ(0);
}

.card:hover .circle {
	border-color: var(--bg-color-light);
	background: var(--bg-color);
}

.card:hover .circle:after {
	background: var(--bg-color-light);
}

.card:hover p {
	color: var(--text-color-hover);
}

.card:hover svg path, .card:hover svg rect {
	fill: #BF7665;
}

.card:active {
	transform: scale(1) translateZ(0);
	box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.card p {
	font-size: 1.5rem;
	text-align: center;
	color: #4C5656;
	margin-top: 30px;
	z-index: 1000;
	transition: color 0.3s ease-out;
}

.circle {
	width: 131px;
	height: 131px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--bg-color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-out;
}

.circle:after {
	content: "";
	width: 90%;
	height: 90%;
	display: block;
	position: absolute;
	background: var(--bg-color);
	border-radius: 50%;
	transition: opacity 0.4s ease-out;
}

.circle svg {
	z-index: 10000;
	transform: translateZ(0);
	max-width: 55%;
	width: 4rem;
	height: auto;
}

.circle svg path, .circle svg rect {
	fill: white;
	transition: all .2s ease;
}

.overlay {
	width: 118px;
	position: absolute;
	height: 118px;
	border-radius: 50%;
	background: var(--bg-color);
	top: 60px;
	left: 32%;
	z-index: 0;
	transition: transform 0.5s ease-out;
}

/** SLIDER **/
.slick-slider {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
 
.slick-slide {
	float: left;
	display: flex;
	justify-content: center;
}

.slick-track {
	display: flex;
	align-items: center;
}

.slick-list {
	margin: 0 2rem;
	overflow: hidden;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    font-size: 0;
    background: none;
    outline: none;
	border: solid black;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 5px;
	cursor: pointer;
	border-radius: 1px;
}

.slick-prev {
    left: .25rem;
	transform: rotate(135deg);
  	-webkit-transform: rotate(135deg);
}

.slick-next {
    right: .25rem;
	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
}

.slick-slider a {
	transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
            
.slick-slider a:hover {
	transform: translateY(-.5rem);
}    

/** CTA **/
.cta .et_parallax_bg {
	background-position: bottom;
	filter: brightness(.7) ;
}

/** ---------- SERVICES ------------------**/
@media (max-width: 980px) {
	.services .et_pb_column {
		margin-bottom: 0;
	}
}

/** ---------- A PROPOS ------------------**/
.mdwp_testimonial .et_pb_testimonial:before {
	transition: all .4s ease;	
}

.mdwp_testimonial:hover .et_pb_testimonial:before {
	transform: rotate(180deg);
}

.citation .et_pb_testimonial_author {
	margin-top: 0;
}

.sbi_header_text h3 {
	font-size: 1.3rem !important;
}

.sbi_header_text p {
	font-size: 1rem !important;
}

/** ------------ BLOG --------------------**/
.mdwp_blogfilter {
	text-align: center;
}

.mdwp_blogfilter .btn {
	display: inline-block;
	margin: .5rem;
	font-size: 1.25rem;
}

.mdwp_blogfilter__title {
	margin-top: 3rem;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}

.mdwp_blogfilter .et_pb_divider {
	width: 2rem;
	margin: auto;
	height: 1px;
	margin-top: 1.25rem;
}

.mdwp_blogfilter .et_pb_divider_internal::before {
	content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	border-top-color: #BF7665;
    border-top-width: 5px;
}

body #main-content .et_pb_post:hover div.post-content a.more-link {
	color: #BF7665 !important;
}

.et_pb_post:hover .more-link:after {
	width: 100%;
    transition: .3s cubic-bezier(.45,.05,.55,.95);
}

.more-link:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #BF7665;
    width: 0;
    height: 1px;
    transition: .3s cubic-bezier(.45,.05,.55,.95);
}

.more-link {
	display: inline-block;
	margin-top: 1rem;
	position: relative;
	transition: .3s cubic-bezier(.45,.05,.55,.95);
}

.more-link::first-letter {
	text-transform: uppercase;
}

.search .entry .not-found-title {
	text-align: center;
}

.search .entry p {
	display: none;
}

.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}

.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 1rem;
	color: #BF7665;
	font-weight: 600;
}

.et_pb_post .post-meta {
	margin-bottom: 1rem !important;
}

/** --------- ARTICLE/POST SOLO --------------- **/
.hero_article img {
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.addtoany_content {
	margin: 2rem 0 0 !important;
	display: inline-block;
}

/** ---------- CONTACT ---------------------**/
.et_pb_contact_field_checkbox label {
	display: flex !important;
	align-items: center;
}

.et_pb_contact_field_checkbox label i {
	margin-right: 1rem !important;
}

/** --------- REFERENCES ------------------ **/
.relations__posts__reference {
	position: relative;
	display: block;
	transition: all 1s ease-in-out;
	height: 246px;
	overflow: hidden;
	box-shadow: 5px 5px 12px 0px #BBB;
	margin-bottom: 2rem !important;
}
.relations__posts {
	display: flex;
	flex-wrap: wrap;
}
.relations__posts__post {
	width: calc(100%/3 - 2rem);
	margin: 0 1rem;
}
@media (max-width: 980px) {
	.relations__posts__post {
		width: 100%;
	}
}
.relations__posts__reference:hover .relations__posts__reference__infos__title {
	 animation-name: slideinUp;
	 animation-duration: 0.4s;
	 animation-fill-mode: backwards;
	 animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
	 animation-delay: 0.1s;
}
 .relations__posts__reference:hover .relations__posts__reference__infos__description {
	 animation-name: slideinUp;
	 animation-duration: 0.4s;
	 animation-fill-mode: backwards;
	 animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
	 animation-delay: 0.2s;
}
 .relations__posts__reference:hover .relations__posts__reference__image {
	 transform: scale(1.1);
	 transition: 1.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
 .relations__posts__reference__image {
	 display: block;
	 cursor: pointer;
	 z-index: 2;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 transform-origin: center;
	 transform: scale(1);
	 transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
 .relations__posts__reference__image.lazyloaded {
	 transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
 .relations__posts__reference__color {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background-color: #BF7665;
	 opacity: 0;
	 transition: all 0.25s ease-in-out;
}
 .relations__posts__reference__infos {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 color: white;
	 opacity: 0;
	 overflow: hidden;
	 transition: all 0.25s ease-in-out;
	 padding: 1.5rem;
	 text-align: center;
}
 .relations__posts__reference__infos__title {
	 font-weight: bold;
	 font-size: 1.5rem !important;
	 padding-bottom: 0.7rem;
	 border-bottom: 1px solid white;
	 opacity: 1;
	 z-index: 2;
	 color: white;
	 margin: 1rem 0;
}
 .relations__posts__reference__infos__description {
	 z-index: 2;
}
 .relations__posts__reference:hover .relations__posts__reference__color {
	 opacity: 0.9;
}
 .relations__posts__reference:hover .relations__posts__reference__infos {
	 opacity: 1;
}

/** REFERENCE SOLO **/
.animation-image-phone img {
    transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) .7s;
	transform: rotate(8deg);
}

.animation-image-phone.in-view img {
	transform: rotate(0deg);
}
 
@keyframes slideinUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateX(0); }
}

@media only screen and (max-width: 981px) {
	 .relations__posts__reference.in-view .relations__posts__reference__infos__title {
		 animation-name: slideinUp;
		 animation-duration: 0.4s;
		 animation-fill-mode: backwards;
		 animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
		 animation-delay: 0.1s;
	}
	 .relations__posts__reference.in-view .relations__posts__reference__infos__description {
		 animation-name: slideinUp;
		 animation-duration: 0.4s;
		 animation-fill-mode: backwards;
		 animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
		 animation-delay: 0.2s;
	}
	 .relations__posts__reference.in-view .relations__posts__reference__image {
		 transform: scale(1.1);
		 transition: 1.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	}
	 .relations__posts__reference.in-view .relations__posts__reference__color {
		 opacity: 0.75;
		 transition: all 1.25s ease;
	}
	 .relations__posts__reference.in-view .relations__posts__reference__infos {
		 opacity: 1;
		 transition: all 1.25s ease;
	}
}

/** ---------- GLOBAL RESPONSIVE ---------- **/

@media (max-width: 1000px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.fb_dialog, .fb-customerchat {
		display: none !important;
	}
}

#sb_instagram #sbi_images .sbi_item.sbi_transition {
	opacity: 1;
	max-height: unset;
}