@charset "utf-8";
/* 
font-family: 'Lato', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Open Sans', sans-serif;
major color: #f1a7a7;
secondary color: #d67cb1;
*/

@font-face {
	font-family: 'Byington';
	src: url('../fonts/Byington-Bold.eot');
	src: url('../fonts/Byington-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Byington-Bold.woff') format('woff'),
		url('../fonts/Byington-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Byington';
	src: url('../fonts/Byington-Italic.eot');
	src: url('../fonts/Byington-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Byington-Italic.woff') format('woff'),
		url('../fonts/Byington-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Byington';
	src: url('../fonts/Byington-Regular.eot');
	src: url('../fonts/Byington-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Byington-Regular.woff') format('woff'),
		url('../fonts/Byington-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body{
	min-width:1024px;
	margin:0px auto;
	padding:0px;	
	font-family: 'Byington';
	font-size:14px;
}

h1{
	font-family: 'Byington';
	color:#787878;
}

h2{
	font-family: 'Byington';
	color:#000;
}

p{
	line-height:24px;	
}

.landscape{
	widht:100%;
	height:auto;
}

.portrait{
	height:100%;
	width:auto;
}

.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}

header{
	background:#f1a7a7;
	border-bottom:6px #e29393 solid
}

.header{
	position:relative;
	height: 60px;
	width: 980px;
	margin:auto;	
}

.logo{
	position:absolute;
	z-index:9999;
	top:0;
	width:100px;
	height:100px;
	-webkit-box-shadow: 0px 9px 9px -5px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 9px 9px -5px rgba(0,0,0,0.37);
	box-shadow: 0px 9px 9px -5px rgba(0,0,0,0.37);
	border-bottom:1px #ccc solid;
}

.social-wrapper{
	float:left;	
	height: 20px;
	margin-left:120px;
	padding: 20px 0;
}

.nav-wrapper{
	float:right;
	padding: 23px 0;	
}

.nav-wrapper ul{
	margin:0px;
	padding:0px;
}

.nav-wrapper ul li{
	position:relative;
	list-style:none;
	float:left;
	margin-left:25px;
	font-size:14px;
	line-height:14px;
}

.nav-wrapper ul li a{
	font-family: 'Byington';
	font-size:14px;
	line-height:14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
}

.nav-wrapper ul li:hover .submenu{
	display:block;
}

.submenu{
	display:none;
	position:absolute;
	padding-top:23px !important;
	z-index:9999;
	left: -20px;
}

.submenu li{
	width:150px;
	margin:0px !important;
}

.submenu li a{
	display:block;
	padding:15px 20px;
	background:#f1a7a7;
}

.submenu li a:hover{
	background:#e29393 ;
}

.content-wrapper{
	width: 980px;
	padding:50px 0;
	margin:auto;	
}

.intro{
	text-align:justify;
}

.slogan{
	float:left;
	width: 420px;
	text-align:center;	
}

.slogan-title{
	font-family: 'Pacifico', cursive;
	color:#f1a7a7;
	font-size: 36px;
	line-height:60px;
	margin-bottom:30px;
}

.category-wrapper{
	width:980px;
	margin:auto;
	margin-bottom:50px;	
}

.cat-box{
	position:relative;
	float:left;	
	background:#CCC;
}

.cat-box .title{
	position:absolute;
	bottom:15px;
	left:15px;
	font-family: 'Byington';
	font-weight:bold;
	font-size:48px;
	color:#000;
	line-height:100%;
}

.box-1{
	background:url(../image/newborn.jpg) no-repeat;
	background-size:cover;
	width:590px;
	height:285px;
}	

.box-2{
	background:url(../image/maternity.jpg) no-repeat;
	background-size:cover;
	float:right;
	width:375px;
	height:585px;
}	

.box-3{
	background:url(../image/little-treassure.jpg) no-repeat;
	background-size:cover;
	width:287.5px;
	height:285px;
	margin-top:15px;
	margin-right:15px;
}	

.box-4{
	background:url(../image/small-family.jpg) no-repeat;
	background-size:cover;
	width:287.5px;
	height:285px;
	margin-top:15px;
}	

.box-3 .title, .box-4 .title{
	font-size:38px !important;
}

.box-3 .title{
	color:#000;
}

footer{
	width: 980px;
	margin:auto;
	padding:20px 0;
	border-top:1px #ccc solid;
	font-family: 'Byington';
	font-weight:bold;
	font-size:14px;
	color:#9f9f9f;
	text-align:center;
}

.maps{
	float:left;
	padding-top:80px;
	width:490px;
	height:450px;
	margin:auto;
}

.maps iframe{
    pointer-events: none;
}

.category{
	display:none;
}

.contact-wrapper{
	float:left;
	width:400px;
	padding-left:50px;	
	padding-top:80px;
}

.label-title{
	font-weight:300;
	font-size: 18px;
	margin-bottom:10px;
	margin-top:35px;
}

.contact-page{
	width:980px;
	margin:auto;
	margin-bottom:50px;
}

.input-number{
	text-align:center;
	width:30px;
	padding:5px;
}

.input-text{
	display:block;
	text-align:left;
	width:220px;
	padding:5px;
}

.newborn-inside, #newborn-add{
	margin-bottom:10px;	
}


.input-select{
	padding: 5px;	
	min-width: 100px;
}

.input-textarea{
	font-family: 'Byington';
	width: 300px;	
	padding:10px;
}

.input-normal{
	padding:5px;
}

.box{
	display:none;	
}

.col-3{
	margin-right:20px;
}

.portfolio-wrapper{
	width: 500px;
	padding:80px;
	border:1px #ccc solid;	
	margin:auto;
	margin-top: 80px;
	margin-bottom: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px 12px -2px rgba(143,143,143,1);
	-moz-box-shadow: 0px 3px 12px -2px rgba(143,143,143,1);
	box-shadow: 0px 3px 12px -2px rgba(143,143,143,1);
}

.gallery{
	display:block;	
}
/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
.soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../image/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 10px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}


.contact-box{
	font-family: 'Pacifico', cursive;
	height:200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:#f1a7a7;
	color:#fff;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	transition:background 0.3s;
}

.contact-box:hover{
	background:#d67cb1;
}

.newborn-add, .cakesmash-add, .maternity-add{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:15px;
	display:inline-block;
	background:#f1a7a7;
	color:#fff;
	cursor:pointer;	
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.section{
	text-align:center;
	float:left;
	width: 254px;
	height: 243px;
	margin:0 15px;
	padding:30px 20px;
	margin-bottom:30px;
	border:1px #ccc solid;
	transition: all 0.3s;
}


.section:hover{
	background:#fbfbfb;
	-webkit-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.36);
}

.section img{
	width:100%;
	height:auto;
}


.section p{
	font-family: 'Byington';
	width:100%;
	margin-top:30px;
	font-size:18px;
	color:#000;
	
}

.product-list{
	width:950px;
	margin:auto;
	padding-top:50px;
	padding-bottom:30px;
	border-bottom:1px #ebebeb solid;
}

.product-title{
	padding:10px 20px;
	color:#fff;
	background:#f1a7a7;
	margin:0 10px;
	text-align:center;
	font-size:18px;
}

.product-list img{
	width:100%;
	height:auto;
}

.relative{
	position:relative;
}

.desc-content{
	padding:5px 20px 20px 20px;
	text-align:justify;
}

.product-toggle{
	float:left;
	width:50%;
}

.product-desc{
	width:50%;
	float:left;
}

.grid-caption{
	margin:20px 0;
	border:3px #f1a7a7 solid;
	padding:50px;
	line-height:24px;	
}