/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");
/**START CUSTOM CSS**/

/**BIRD**/
#page-wrap:after {
	content: '';
    position: fixed;
    top: 280px;
    left: -150px;
	opacity: .55;
    background-image: url(https://www.maisoncreationparis.live/wp-content/uploads/2022/09/LittleBird.svg);
	background-size: contain;
    background-repeat: no-repeat;
	width: 678px;
    height: 870px; 
}

/**HEADER**/

.logo {
    width: 320px;
}
#topbar {
	position: fixed;
    right: 150px;
    background: transparent !important;
    width: 320px;
}
#topbar .container {
   width:100%;
}
#topbar .container .sixteen.columns {
	float:none;
}

#fullimagecenter {
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
}
#fullimagecenter h1, #fullimagecenter .title-h1 {
   padding: 0;
    max-width: 173Px;
    margin-left: 80px;
    height: 80px;
    position: relative;
    z-index: 1;
	line-height: 1em !important;
	hyphens: auto;
}
#fullimagecenter h1:before {
	content: '';
    width: 200px;
    height: 200px;
	display:block;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -60px;
    left: -20px;
    z-index: -1;
}
#fullimagecenter .container {
	padding: 77px 0;
}
#mobile-header {
    height: 110px;
}
#mobile-navigation-btn {
    margin-top: 20px;
}
/**BLOCS**/
.gamme-img a {
	font-size:24px;
}
.gamme-img img {
	border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
	transition: all .4s ease;
}
.gamme-img img:hover {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: all .4s ease;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}	
.full-width-Custom {
	margin: 0 40px !important;
}
.margin-top-head {
	margin-top: 40px !important;
}
.title-header h1 {
	font: 40px Dosis, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.right-align {
   float: right;
}
.custom-padding {
	padding-left: 6% !important;
	padding-right: 6% !important;
}
.padding-bot-20 {
	padding-bottom: 30px;
}
.icon-box-Custom h3 {
	margin: 0 !important;
    font: 14px Montserrat, Arial, Helvetica, sans-serif;
}
.icon-box-Custom .iconbox-icon {
	margin-top: 0 !important;
}
.icon-financement .iconbox-icon {
    width: 41px !important;
}
.icon-parametrage .iconbox-icon {
    width: 35px !important;
}
.icon-livraison .iconbox-icon {
    width: 86px !important;
	    margin-left: -44px;
}
.icon-design .iconbox-icon {
    width: 35px !important;
}
.icon-formation .iconbox-icon {
    width: 53px !important;
	margin-left: -16px;
}
.icon-maintenance .iconbox-icon {
    width: 22px !important;
}
.icon-box-Custom .iconbox-content h3 {
	max-width:88%;
}
.icon-box-Custom  {
    padding-bottom: 20px !important;
}
.icon-location {
	padding: 4px 20px 4px 10px !important;
}
.icon-achat {
    padding: 2px 38px 2px 20px !important;
}
.icon-location:before {
    content: '';
    width: 43px;
    height: 44px;
    background-image: url(https://www.maisoncreationparis.live/wp-content/uploads/2018/11/IconLocation.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon-achat:before {
    content: '';
    width: 44px;
    height: 44px;
    background-image: url(https://www.maisoncreationparis.live/wp-content/uploads/2019/01/IconAchatBlack.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon-achat:hover:before {
	background-image: url(https://www.maisoncreationparis.live/wp-content/uploads/2019/01/Icone-devis.png);
}
.bt-actu a {
    padding: 7px 19px !important;
    font-weight: 700;
	border-radius: 14px !important;
	font-size: 13px !important;
}
a.button.small {
    font-size: 13px !important;
}
.margin-bot_0 {
	margin-bottom: 0 !important;
}
.padding-20 {
	padding: 20px 0 !important;
}
/**TITRE**/
.underline, .underline-white {
	padding-bottom: 8px;
	line-height: 1.4em;
}
.underline {
    border-bottom: 1px solid #474945;
}
.underline-white {
    border-bottom: 1px solid white;
}
h1 .underline {
	text-transform:uppercase;
}
/**FORM**/
.form-demande {
	max-width: 320px;
}
.two-Columns-Form {
    margin: 20px auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
	.two-Columns-Form br {
		display:none;
}
label {
	font-weight:700;
}
.politique-confa {
	display: block;
	margin-left: 20px;
	margin-top: -8px;
}
/**ACTUALITES**/
.two-col-Posts .vc_grid-item-mini {
	display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	margin-bottom: 20px;
}
.one-col .vc_gitem-post-data-source-post_date, .one-col .vc_gitem-post-data-source-post_title {
	display:inline-block;
	text-transform:uppercase;
} 
.one-col .vc_gitem-post-data-source-post_title {
	margin-left:10px !important;
}
/**FOOTER**/
#footer .widget ul li:after {
    content: "" !important;
}
#footer .widget ul li {
    border-bottom-color: transparent !important;
}
#text-2 {
	text-align:right;
	text-transform: uppercase;
}
#text-2 .mentions-leg {
	margin-top: 20px;
	text-transform: lowercase;
	display:block;
	text-decoration:underline;
}
/**MEDIA QUERIES**/
@media screen and (min-width:768px) {
.two-Columns-Form .Col1, .two-Columns-Form .Col2, .two-col-Posts .vc_grid-item-mini div:first-child, .two-col-Posts .vc_grid-item-mini div:last-child {
	flex-basis: 49%;
	margin-left: 0;
}
}
@media screen and (min-width:959px) {
.devis_bar a {
    border: none !important;
}
.devis_bar {
    z-index: 100;
    position: fixed !important;
    color: white;
    right: -285px;
    padding: 10px 0px !important;
    text-transform: uppercase;
    width: 240px;
    letter-spacing: 0px;
    height: 82px !important;
    background-color: #30b1e6;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
    border-radius: 7px;
	top: 250px;
}
.devis_bar::before {
    content: url('https://www.maisoncreationparis.live/wp-content/uploads/2018/11/IconDevis.png');
    position: absolute;
    bottom: 45px;
    transform: rotate(90deg);
    right: 21px;
}
.etre_rappele {
    z-index: 100;
    position: fixed !important;
    right: -255px;
    color: white;
    padding: 9px 10px !important;
    text-transform: uppercase;
    width: 209px;
    letter-spacing: -1px;
	background-color: #474945;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
    border-radius: 7px;
    display: block !important;
    top: 480px;
	height: 82px !important;
}
.etre_rappele a, .devis_bar a {
    padding: 0px 20px !important;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
.etre_rappele::before {
    content: url('https://www.maisoncreationparis.live/wp-content/uploads/2018/11/IconEtreRappele.png');
    position: absolute;
    bottom: 41px;
    transform: rotate(90deg);
    right: 21px;
}
}
@media screen and (max-width:1199px) {
	.logo {
    max-width: 280px;
	}
}
@media screen and (max-width:959px) {
#topbar {
    background: #494b47 !important;
    position: relative;
	right: 0;
    width: 100%;
	}
	#topbar .topbar-col2 {
	margin:auto;
	}
	.logo img {
    max-width: 300px !important;
	}
	#mobile-navigation-btn  {
	line-height:40px !important;
	}
	#page-wrap:after {
    left: -110px;
    height: 750px;
	width: 500px;
	}
}
@media screen and (max-width:479px) {
	#page-wrap:after {
    left: -110px;
    height: 250px; 
	}
		.logo img {
    max-width: 220px !important;
	}
	#mobile-navigation-btn  {
	line-height:30px !important;
	}
}