@CHARSET "ISO-8859-1";

@font-face {
	font-family: Simoncini;
	src: url("fonts/SimonciniGaramondStd.otf") format("opentype");
}
@font-face {
	font-family: SimonciniBold;
	src: url("fonts/SimonciniGaramondStd-Bold.otf") format("opentype");
}
@font-face {
	font-family: SimonciniItalic;
	src: url("fonts/SimonciniGaramondStd-Italic.otf") format("opentype");
}
body.modal-open {
    overflow: hidden!important;
}

.boutiqueImage {
	max-width: 170px;
	max-height: 170px;
	width: auto;
	height: auto;
}

.boutiqueImage:hover {
	opacity: 0.7;
	cursor: pointer;
}

.pattern { position: absolute; z-index:10001}

.pattern_1_1 { top:5% ; left:70% }
.pattern_1_2 { top:18% ; left:50% }
.pattern_1_3 { top:28% ; left:12% }
.pattern_1_4 { top:50% ; left:45% }
.pattern_1_5 { top:85% ; left:25% }
.pattern_1_6 { top:40% ; left:80% }
.pattern_1_7 { top:78% ; left:75% }
.pattern_1_8 { top:60% ; left:62% }
.pattern_1_9 { top:62% ; left:10% }

.pattern_2_1 { top:12% ; left:37% }
.pattern_2_2 { top:25% ; left:80% }
.pattern_2_3 { top:50% ; left:65% }
.pattern_2_4 { top:60% ; left:12% }
.pattern_2_5 { top:85% ; left:50% }


.boutique_pattern_01 { top:5% ; left:50% }
.boutique_pattern_02 { top:25% ; left:82% }
.boutique_pattern_03 { top:30% ; left:5% }
.boutique_pattern_04 { top:52% ; left:35% }
.boutique_pattern_05 { top:70% ; left:60% }
.boutique_pattern_06 { top:75% ; left:15% }

.boutique_pattern_07 { top:5% ; left:37% }
.boutique_pattern_08 { top:10% ; left:82% }
.boutique_pattern_09 { top:34% ; left:5% }
.boutique_pattern_10 { top:42% ; left:60% }
.boutique_pattern_11 { top:70% ; left:20% }
.boutique_pattern_12 { top:81% ; left:50% }

.boutique_pattern_13 { top:5% ; left:50% }
.boutique_pattern_14 { top:25% ; left:10% }
.boutique_pattern_15 { top:30% ; left:82% }
.boutique_pattern_16 { top:52% ; left:35% }
.boutique_pattern_17 { top:66% ; left:5% }
.boutique_pattern_18 { top:75% ; left:60% }

.boutique_pattern_19 { top:5% ; left:50% }
.boutique_pattern_20 { top:25% ; left:5% }
.boutique_pattern_21 { top:40% ; left:82% }
.boutique_pattern_22 { top:52% ; left:42% }
.boutique_pattern_23 { top:70% ; left:60% }
.boutique_pattern_24 { top:75% ; left:15% }


/* Reset CSS
 * --------------------------------------- */

input::-moz-focus-inner { 
  border: 0; 
}

body {
	display: none;
}

html, body {
	font-family: Simoncini;
	font-size: 16px;
	color: rgb(60,60,60);
	background-color: rgb(232,232,230);
}

html, body, p {
	font-family: Simoncini;
	font-size: 16px;
	color: rgb(60,60,60);
}


.container {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.sectionpr {
	height: 100vh;
	width: 100vw;
}

.projectLink {
	z-index: 10002;
}

.modal{
    z-index: 11000;
    cursor: auto;
    cursor: url('../imgs/close.png') 20 20, auto;
}

.homeHref {
    cursor: auto;
    cursor: url('../imgs/down.png') 20 20, auto;	
    height: 100vh;
}

.modal-dialog {
	width: 800px;
	cursor: default;
}

.modalProject {
	text-align: center;
}

.modalProject h1 {
	font-family: Simoncini;
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.modal-dialog, .modal-content {
    background-color: transparent!important;
    background-image: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.modal-body {
    background-color: transparent;
    background-image: none;
	padding-left: 0px !important;
	padding-right: 0px!important;
}

.modalProject p {
	font-family: Simoncini;
	font-size: 16px;
	width: 300px;
	margin-left: 250px;
}

.modalProject img {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
    box-shadow: none;
    border: none;
    margin-top: 0px;
}

.modal-backdrop{
    background-color: white;
    background-image: none;
    opacity: 0.93!important;
    z-index:10005;
}


#section0,
#sectionpr0,
#section-projects,
#section-projects1,
#section-projects2,
#section-projects3,
#section1,
#section2,
#section3,
#section4,
#section-boutique-1,
#section-boutique-2,
#section-boutique-3,
#section-boutique-4{
	height: 100vh;
	min-height: 500px;	

	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}


#stickyMichelle {
}
#stickyMichelle.stickMichelle {
	font-weight: 500;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    left:0;
}
#stickyMichelle.stickMichelle h3{
	margin-top:3px;
}

#overlayMJS {
	position: absolute;
	width: 100%;
	height: 100vh;
	
}
#overlayMJS p{
	font-size: 35px;
	margin-bottom: 0px;
}

#overlayMJS.stickMJS {
    position: fixed;
    top: 8px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    left:0;
}
    

#fixedM{
	position: absolute;
	top: 10%;
	left: 20px;
}
#fixedJ{
	position: absolute;
	top: 40%;
	left: 25%;
	margin-left: -2px;
}
#fixedS{
	position: absolute;
	top: 70%;
	left: 50%;
	margin-left: -12px;
}
#fixedDesign{
	position: absolute;
	bottom: 10px;
	right: 20px;
	letter-spacing: 10px;
}
#section2{
}

#section3{
}

#menu {
	z-index: 10001;
	position: fixed;
	top: 16px;
	left: 20px;
}
a {
	outline: none;
}
a, a:visited, a:active{
	color: rgb(60,60,60);
}
a:hover, a:focus{
	text-decoration: underline;
	color: rgb(60,60,60);
	outline: none;
}

#menu ul {
	list-style: none;
	padding: 0px;
}
#menu ul li{
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

@media (max-width: 992px) {
	.hidemobile {
		display: none;
	}
	
	p, h3, ul, li {
		font-size: 30px!important;
	}
	
	.modalProject h1 {
		font-size: 50px;
	}
	
	.modalProject p {
		font-size: 30px;
	}	

	#section0{
		height: 100vh;
		min-height: 500px;	
		background: url('../imgs/MJS_Home1.jpg');
		background-position: center top;
		background-size: cover;
	}
	
	#menu {
		z-index: 10001;
		position: fixed;
		top: 20px;
		left: 20px;
	}	
	
	#menu, #menu ul {
		width: 100%;
	}
	
	#menu ul li{
		font-size: 60px!important;
		width: 30%;
		text-align: center;
	}
	
	#fixedM{
		display: none;
		position: fixed;
		top: 10%;
		left: 20px;
	}
	#fixedJ{
		display: none;
		position: fixed;
		top: 40%;
		left: 25%;
		margin-left: -2px;
	}
	#fixedS{
		display: none;
		position: fixed;
		top: 70%;
		left: 50%;
		margin-left: -12px;
	}
	#fixedDesign{
		position: fixed;
		bottom: 10px;
		right: 20px;
		letter-spacing: 10px;
	}	
	

	.pattern { position: absolute; z-index:10001}
	.pattern a {
		font-size: 40px;
	}
	
	.pattern_1_1 { top:15% ; left:70% } /*living*/
	.pattern_1_2 { top:23% ; left:35% } /*dining*/
	.pattern_1_3 { top:34% ; left:12% } /*kitchen*/
	.pattern_1_6 { top:45% ; left:50% } /*garden*/
	.pattern_1_4 { top:60% ; left:15% } /*bedroom*/
	.pattern_1_5 { top:80% ; left:45% } /*bathroom*/

}

.underlined {
	text-decoration: underline;
}

#footer {
	position: fixed;
	bottom: 10px;
	left: 20px;
}

 
.row {
	padding: 10px 10px!important;
	margin: 0px;
}


.col { padding: 0px 10px!important;}


h3 {
	font-size: 20px;
	color: rgb(60,60,60);
	text-align: center;
}

#fp-nav {
	z-index: 10005;
}