﻿@font-face {  
	font-family: Georgia-serif ;  
	src: url( '../fonts/Georgia.ttf' );  
} 
body{
	/*background:#E3DEC1;*/
	line-height: 1;
	font-family:Georgia-serif;;
}
a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.display-block{display:block;}


/*** Header CSS  ***/

.header 
{
  overflow: hidden;
  padding: 20px 10px;
  border-bottom:1px solid grey;
}

.header a, .header .header-right form
{
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo 
{
  font-size: 25px;
  font-weight: bold;
  margin-top:-30px;
}
.header a.logo:hover, .header-right a.searchb:hover
{
	background: none;
}
.header a:hover 
{
  background-color: #E4285A;
  color: black;
}

.header a.active 
{
  background-color: dodgerblue;
  color: white;
}

.header-right
{
  float: right;
}


/*** Navigation CSS ***/

nav ul
{
	padding: 0 0 0 1px;
}
nav li
{
	display: inline-block;
}
nav li a
{
	color: #787878;
	padding:10px 25px;
}

nav li a:hover
{
	cursor:pointer;
	color: #3d5b99;
}

/***** Search Bar *****/

form.searchbar input[type=text] 
{
    padding: 6px;
    border: 1px solid #787878;
    border-radius: 5px;
    color: #787878;
}

form.searchbar input[type=image]
{
	vertical-align:middle; 
}

form.searchbar input[type=image]:hover
{
	cursor:pointer;
}

/****** Home Page Slider ******/

#slider
{
	position: relative;
	width: 1500px;
	height:600px;
	margin: auto;
	overflow: hidden;
}

#slider-container
{
    width: 552%;
    position: absolute;
	animation: slider 15s infinite;
}

#slider-container img
{
	width:18%;
}

@keyframes slider{
	0%{left:0%;}
	25%{left:-100%;}
	50%{left:-200%;}
	75%{left:-300%;}
	100%{left:-400%;}
}

/*** Home Page Section CSS  ***/
.outer
{
	display: flex;
	flex-wrap:wrap;
	padding:10px;
	justify-content: space-evenly;
}

.new-arrivals h1, .aboutus h1
{
	text-align: center;
	margin: 3%;
	color : #E4285A;
	text-shadow: 1px 6px 3px #2C8B3F;
	font-size:30px;
}
.new-arrivals .outer
{	
	position: relative;
	margin: 0 auto;
    max-width: 72.3077em;
	text-align: center;
}
.new-arrivals .outer .box
{
	display: inline-block;
	width: 40%;
}
.new-arrivals .outer .box h3,.new-arrivals .outer .box h4
{
	font-family : Georgia-serif;
}
.new-arrivals .box img 
{
    max-width: 100%;
    height: auto;
}
.aboutus
{
	position: relative;
	margin: 0 auto;
    max-width: 72.3077em;
	font-family: Georgia-serif;
}
.aboutus p
{
	line-height:1.7em;
}


/*** Footer CSS  ***/

footer 
{
	padding-top: 1.5em;
	margin-top: 0.5em;
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.05);
	padding-bottom: 2em;
	background-color: whitesmoke;
}
.footer-nav
{
	position: relative;
	margin: 0 auto;
    max-width: 72.3077em;
}
.footer-nav .footer-box
{
	width: 23%;
	display: inline-block;
}
.footer-nav ul
{
    padding: 0;
    list-style: none;
}
.footer-nav ul li
{
	margin:0 0 3px 0;
}
.footer-nav li a
{
	color: #787878;
	text-decoration: none;
	font-size:15px;
	line-height: 2em;
	padding:10px;
}
.footer-nav h4
{
	margin-left: 3%
}

.footer-nav li a:hover
{
	cursor:pointer;
	color: #3d5b99;
}
.follow-us
{
	margin-top:15%;
}
.social-icons li 
{
    vertical-align: top;
    display: inline;
}
.fa-facebook:hover,.fa-twitter:hover,.fa-youtube:hover,.fa-linkedin:hover,.fa-github:hover  
{
	cursor:pointer;
    color: #3d5b99;
}

/*** Contact Form ***/

.container-contact 
{
	min-height: 100vh;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background: #E4285A;
 
}
.container-contact-form-btn 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
	width: 100%;
}
.wrap-contact
{
	width: 920px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 62px 55px 90px 55px;
}
.wrap-contact-form-radio 
{
	width: 100%;
	padding: 15px 25px 0 25px;
}
.contact-form 
{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-form-title
{
  display: block;
  width: 100%;
  font-family: Georgia-serif;
  font-size: 39px;
  color: #333333;color: #E4285A;
  text-shadow: 1px 6px 3px #2C8B3F;line-height: 1.2;
  text-align: center;
  padding-bottom: 59px;
}
.contact-form-btn 
{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  background-color: #333333;
  border-radius: 25px;
  font-family: Georgia-serif;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
  transition: all 0.4s;
}
.contact-form-btn:hover 
{
  background-color: #00ad5f;
}
.contact-form-radio 
{
  padding-bottom: 5px;
}

.wrap-input
{
  width: 100%;
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 13px;
  padding: 10px 30px 9px 22px;
  margin-bottom: 20px;
}

.rs1-wrap-input 
{
  width: 43%;
}

.label-input 
{
  font-family:Georgia-serif;
  font-size: 10px;
  color: #393939;
  line-height: 1.5;
  text-transform: uppercase;
}

.input 
{
  display: block;
  width: 100%;
  background: transparent;
  font-family: Georgia-serif;
  font-size: 18px;
  color: #555555;
  line-height: 1.2;
  padding-right: 15px;
}
.red-text
{
	color: red;
}
.js-select2
{
	height: 40px;
    border: none;
    width: 100%;
	font-size: 18px;
    color: #555555;
	font-family: Georgia-serif;
}

input.input 
{
  height: 40px;
  border: none;
}
textarea.input
{
  min-height: 120px;
  padding-top: 9px;
  padding-bottom: 13px;
  border:none;
}
.wrap-textarea
{
	margin-top:20px;
}

.input:focus + .focus-input::before 
{
  width: 100%;
}

.has-val.input + .focus-input::before 
{
  width: 100%;
}
.input-radio:checked + .label-radio::after 
{
  display: block;
}

.bg0 {background-color: #fff;}
.bg1 {background-color: #f7f7f7;}

iframe.contact-map
{
	border:none;
	width:100%;
	height:400px;
}
iframe.video-frame
{
	width:100%;
	height:500px;
}
#map 
{
	height: 425px;
}
.w-full
{
	position: relative;
	border: 1px solid #e6e6e6;
	border-radius: 13px;
	padding: 10px 30px 9px 22px;
	margin-bottom: 20px;
	width: 43%;
}


/***  Product Detail  ***/
.container 
{
	padding: 15px;
	background: #fff;
	margin-top:12px;
}
.img-column img
{
	max-width: 100%;
}
.product-description 
{
	border-bottom: 1px solid #E1E8EE;
	margin-bottom: 20px;
}
.product-description h1 
{
	font-weight: 300;
	font-size: 30px;
	color: #43484D;
	letter-spacing: -2px;
	font-family: Georgia;
}
.product-description p
{
	line-height: 24px;
}
.product-description ul 
{
	line-height:24px;
}
.product-description ul li 
{
	list-style: circle;
}
.product-price 
{
	display: flex;
	align-items: center;
}
.product-price span 
{
	font-size: 26px;
	margin-right: 20px;
}
.cart-btn 
{
	background-color: #333333;
	border-radius: 6px;
	color: #FFFFFF;
	padding: 12px 30px;
}
.cart-btn:hover 
{
  background-color: #00ad5f;
}
.read-more
{
	font-size: 18px;
	font-weight: bold;
}
.previous-page
{
	font-size: 18px;
	font-weight: bold;
	margin-top:21px;
}
.previous-page a
{
	color: #E4285A;
}
/*** Gallery ***/
iframe
{
	width:100%;
}
.gallery-wrap .column img 
{
	width: 100%;
}
.spec 
{
	background-color: #fff;
}
.spec table
{
	width:100%
}
.spec .secHeader 
{
	border-bottom: 1px dotted #2A4B78;
	padding: 0 0 7px 10px;
	font-size: 25px;
	font-weight: bold;
}
.spec table td.label 
{
	background-color: #E4285A;
	width: 35%;
	color: #fff;
	padding: 7px;
}
.spec td 
{
	padding: 3px 1px 3px 10px;
	border-top: 1px dotted #2C8B3F;
	border-right: 1px dotted #2C8B3F;
	line-height: 18px;
}
.spec .content td
{
	font-size: 20px;
}
.secHeader span
{
	width: 100%;
	text-align: center;
	color: #E4285A;
    text-shadow: 1px 6px 5px #2C8B3F;
	font-size: 30px;
}
.spec .table-content
{
	margin-top:10px;;
}
.gallery-wrap
{
	width: 990px;
	background: #E4285A;
	margin: 0 auto;
}
.gallery-wrap .column img:hover
{
	transform:scale(2);
}
h1
{
	text-align: center;
	margin: 3%;
	color : #E4285A;
	text-shadow: 1px 6px 3px #2C8B3F;
	font-size:30px;
}
h1:hover
{
	transform:scale(2);
}
.row 
{
	display: flex;
}
.column 
{
	flex: 25%;
	padding: 0 4px;
}
.column img
{
	margin-top: 8px;
}

/*** Catalogue*products ***/
.product
{
	display: flex;
	flex-wrap:wrap;
	padding:10px;
	justify-content: space-evenly;
}
.product img:hover
{
	transform:scale(2);
}
.Products_List h1
{
	text-align: center;
	margin: 3%;
	color : #E4285A;
	text-shadow: 1px 6px 3px #2C8B3F;
	font-size:30px;
}
.Products_List h1:hover
{
	transform:scale(2);
}
div.product 
{
	margin-left: 30px;
	margin-top: 30px;
	width: 300px;
	padding: 15px;
	display: inline-block;
}

div.product img, .product-detail-img img
{
	width: 100%;
}
.flower_name, .flower_price, .flower_des 
{
	font-family: Georgia-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin-top: 10px;
}
.product-description h1
{
	color: #E4285A;
    text-shadow: 1px 6px 3px #2C8B3F;
}
.product-detail .container, .spec
{
	position: relative;
	margin: 0 auto;
    max-width: 72.3077em;
	margin-bottom: 4%;
}

/*********** About us ***********/
.aboutus-img img
{
	width: 100%;
}
.aboutus-img img:hover 
{
	opacity: 0.5;
}
/********** Thank You CSS **********/
.thank-you
{
	min-height: 400px;
}

/********** Responsive CSS **********/
@media (max-width: 768px) {
  .rs1-wrap-input {
    width: 100%;
  }
  footer,.searchbar, #slider{
   display:none;
  }
  .header a {
    float: none;
    display: block;
    text-align: center;
  }
  
  .header-right {
    float: none;
  }

}

@media (max-width: 576px) {
  footer,.searchbar, #slider{
   display:none;
  }
  .header a {
    float: none;
    display: block;
    text-align: center;
  }
  
  .header-right {
    float: none;
  }
}

@media (max-width: 576px) {
  .wrap-contact {
    padding: 62px 15px 90px 15px;
  }

  .wrap-input {
    padding: 10px 10px 9px 10px;
  }
  footer,.searchbar,#slider{
   display:none;
  }
  .header a {
    float: none;
    display: block;
    text-align: center;
  }  
  .header-right {
    float: none;
  }
}