/* CSS Document */
@charset "utf-8";

body { font-family:Calibri;}
/* Text Color */
.text-black { color:#222;}
.text-white { color:#fff;}
.text-outline {text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff; -moz-text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff; -ms-text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff; -o-text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff; -webkit-text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff;}
/* Background Color */
.bg-white { background:#fff;}
.lightgray { background:#D3D3D3;}
/* Header */
.logo { margin:10px auto; display:block;}
.logbg { background:#02042d;}
.bgtop { background:#1c2023; height:100px; z-index:1;}
.bgtop:before { content:''; display:block;   position:absolute; left:-100px; top:0; border-top:100px solid #1c2023; border-right:0px solid transparent; border-left:100px solid transparent; }
/*.right:after { content:''; background:#1c2023; width:50%; height:100px; position:absolute; right:0; top:0;}*/
.toplist { margin-top:25px; padding:0;}
.toplist li { float:left; list-style:none; margin-right:30px; font-size:20px; color:#d4af32; font-weight:bold;}
.toplist li > span { clear:both; display:block; font-size:16px; color:#ccc; font-weight:normal;}
.navbg { background:#D4AF32; /*background:#f4c712 url(../images/bg-nav.jpg);*/}
/* Breadcrumb */
.breadcrumb-bg { background:#eee; }
.breadcrumb-list { margin:0; padding:0;}
.breadcrumb-list li { list-style:none; float:left; display:block; color:#666; }
.breadcrumb-list li > span{ padding:20px; display: inline-block;}
.breadcrumb-list li:after { content:''; display:block; width:21px; float:right; height:58px; background:url(../images/breadcrumb-arrow.png) no-repeat;}
.breadcrumb-list li a { color:#666; text-decoration:none;  padding:20px; display: inline-block;}
/* container */
.flower-hding { font-size:44px; text-align:center; font-weight:bold; color:#3b3b3b; text-transform:uppercase; padding-bottom: 45px;}
.flower-prgh { font-size:16px; color:#666; text-align:justify; line-height:1.5;}
.flower-title  { font-size:18px; font-weight:bold;  color:#666; text-align:center; }
.flower-prgh > span { font-size:18px; font-weight:bold; }
.flower-btn { border:3px solid #f0ce27; border-radius:4px; color:#f0ce27; font-size:34px; padding:20px 0px; text-align:center; text-decoration:none; text-transform:uppercase; display:block; font-weight:bold; margin:43px 0; background:rgba(0,0,0,1);}
.bgimg { background:url(../images/fine-fragrances.jpg) no-repeat; background-size:cover;}
.midflower-txt { font-size:30px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; padding-top:60px; text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -moz-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -ms-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -o-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -webkit-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000;}
.midflower-prgh { font-size:24px; color:#fff; text-align:center; text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -moz-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -ms-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -o-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000; -webkit-text-shadow:1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000;}
.midflower-number  {border:2px solid #d4af32; background:#d4af32;  color:#fff;  padding:10px 0; font-size:36px; font-weight:bold; text-align:center;  margin:50px 0; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; box-shadow:0px 1px 3px #ccc; -moz-box-shadow:0px 1px 3px #ccc; -ms-box-shadow:0px 1px 3px #ccc; -o-box-shadow:0px 1px 3px #ccc; -webkit-box-shadow:0px 1px 3px #ccc; transition:all 0.3s ease;}
.midflower-number > a { color:#fff;}
.midflower-number:hover {background-position: center bottom; border:2px solid #bf9b23; background:#bf9b23; color:#fff; transition: all 0.3s ease;}
.imgeffect { width:100%; margin:30px 0 20px; overflow:hidden; transform:scale(1); transition:all ease-in 0.3s;}
.imgeffect > a > img { width:100%; transition:all ease-in 0.3s; -moz-transition:all ease-in 0.3s; -ms-transition:all ease-in 0.3s; -o-transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s;}
.imgeffect:hover > a > img  { width:100%; transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transform:scale(1.3); transition:all ease-in 0.3s; -moz-transition:all ease-in 0.3s; -ms-transition:all ease-in 0.3s; -o-transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s;}
.imgeffect-hding { font-size:24px; font-weight:bold; text-transform:uppercase;}
.imgeffect-prgh { font-size:16px; text-align:justify; line-height:1.5; color:#666; padding-bottom:60px;}
.aboutus-hding {   font-size: 24px; font-weight: bold; padding:10px 0 0; text-transform: uppercase; }
.aboutus-prgh { font-size:16px; text-align:justify; line-height:26px; color:#666; padding-bottom:60px;}
.content-prgh { font-size:16px; line-height:1.5; color:#666; padding-bottom:10px;}
.listitem { margin:0; padding:0;}
.listitem li { list-style:square; font-size:16px; line-height:1.5; color:#666; margin-left:20px; text-transform: uppercase;}
/* Contact us */
.contact-hding { font-size: 34px; letter-spacing: 3px; font-weight: bold;  text-align: center;  padding: 10px 0;  border-style: solid;  border-color: #D4AF32;  border-width: 3px 0; text-transform: uppercase;}
.rowmrgn { margin: 50px 0;}
.contact-icon { color: #666; font-size: 16px; line-height: 1.5; letter-spacing: 3px; padding: 0px 20px 0 0;}
.contact-icon > span { color: #D4AF32;}
/* Footer */
footer { background:#02042d;}
.ftrlogo { margin:30px auto 10px; display:}
.ftrhding { color:#d4af32; text-align:center; text-transform:uppercase; font-size:24px; font-weight:bold; padding:30px 0 10px;}
.ftrprgh { color:#999; font-size:16px; text-align:justify;}

.ftrlist { margin:0px 0; padding:0; float:left;}
.ftrlist li { list-style:none; float:none;}
.ftrlist li a { color:#999; padding:10px 0 2px 0; display:block;}
.ftr-workinghr { margin:0; padding:0;}
.ftr-workinghr li { list-style:none; float:none; color:#999; font-size:16px; text-align:left; border-bottom:1px solid #333; padding:5px 0;}
.ftr-workinghr li:last-child { border:none;}
.ftr-workinghr li > span { float:right;}
.socialicons { margin:20px auto; padding:0; display:block; width:400px;}
.socialicons li { list-style:none; float:left;}
.socialicons li a { color:#fff; display:block; padding:10px 20px; font-size:20px;}
.copyrigh-bg { background:#0a0c0d; margin-top:10px;}
.copyright-txt { font-size:14px; color:#999; padding:10px 0 0; text-align:left;}
.copyright-designtxt { font-size:14px; color:#999; padding:10px 0 0; text-align:right;}
.fotrlink { width:520px; margin:20px 0 20px 0px;}
@media screen and (max-width:480px) {
	.bgtop { background:none; height:0px; z-index:1;}
.bgtop:before { content:''; display:block;   position:absolute; left:0px; top:0; border-top:0px solid #fff; border-right:0px solid transparent; border-left:0px solid transparent; }
.right:after { content:''; background:none; }
.fotrlink { width:520px; margin:20px 0 20px 0px;}
}
@media screen and (max-width:767px) {
.togglebutton { margin:50px 0 5px 0;  background:#1c2023; color:#fff; padding:5px 10px; float:right; border:none; z-index:5; }
.navigation  { display:none;}
.navigation { margin:0; padding:0;  position:relative; background:#1c2023;}
.navigation li { list-style:none; float:none; border-bottom:1px dotted #444;}
.navigation li a { display:block; text-decoration:none; color:#d4af32; padding:10px 20px; font-family: 'Quattrocento', serif; letter-spacing:2px; }
.navigation li:hover a { background:#f7f7f7;}
.navigation .dropdownmenu { display:none;}
.navigation .dropdownmenu:target { display:block;  margin:0; padding:0; background:#333;}
.navigation .dropdownmenu li { list-style:none; float:none; border-bottom:1px solid #ddd;}
.navigation .dropdownmenu li a { text-decoration:none; color:#fff; background:#444;}
.navigation .dropdownmenu li:hover a { background:#666;}	
.fotrlink { width:100%; margin:20px 0 20px 0px;}	
	}
	
/* Navigation */
@media screen and (min-width:768px){
.togglebutton { display:none;}	
.navigation { margin:0 auto; padding:5px 0; display:block; position:relative; width:680px;}
.navigation li { list-style:none; float:left;}
.navigation li a { display:block; text-decoration:none; font-size:16px; font-family: 'Quattrocento', serif;  font-weight:600; text-transform:uppercase; color:#02042d; padding: 0px 30px 5px; letter-spacing:2px; }
.navigation .dropdownmenu { display:none;}
.navigation li:hover .dropdownmenu { display:block; position:absolute; margin:0; padding:0; z-index:5; background:#02042d; }
.navigation .dropdownmenu li { list-style:none; float:none; line-height:0;  border-bottom:1px solid #444; }
.navigation .dropdownmenu li a { text-decoration:none; color:#fff; font-weight:bold; padding:20px;}
.navigation .dropdownmenu li:hover a { background:#d4af32; color:#1c2023;}
.flower-hding { padding-top:20px;}
.midflower-txt { font-size:44px; padding-top:120px;}
/*(.fotrlink { width:520px; margin:20px 0 20px 65px;}*/


}


@media screen and (min-width:769px) and (max-width:1024px) {
	.toplist li { margin-right:8px; font-size:18px;}
	}
@media screen and (min-width:1025px){
	.fotrlink { width:520px; margin:20px 0 20px 75px;}
	}