/**
 * ============================================================================
 * HOME PAGE
 * ============================================================================
 */
.content-wrapper
	background-image: url("../images/frontend/backgrounds/bg-body.png")
	background-repeat: repeat

.amy-section
	padding: 100px 0

	&.heading-white
		h1
			color: #ffffff
			&:after
				background: #fff
				background: -moz-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
				background: -webkit-gradient(left top, right top, color-stop(0%, $theme-color), color-stop(50%, #ffffff), color-stop(100%, $theme-color))
				background: -webkit-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
				background: -o-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
				background: -ms-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
				background: linear-gradient(to right, $theme-color 0%, #ffffff 50%, $theme-color 100%)

	h1
		color: $theme-color
		position: relative
		margin-bottom: 40px
		margin-top: 0

		&:after
			content: ''
			height: 2px
			width: 592px
			position: absolute
			bottom: -7px
			left: 0
			right: 0
			margin: 0 auto
			text-align: center
			background: #fff
			background: -moz-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%)
			background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(50%, $theme-color), color-stop(100%, #fff))
			background: -webkit-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%)
			background: -o-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%)
			background: -ms-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%)
			background: linear-gradient(to right, #fff 0%, $theme-color 50%, #fff 100%)


// About Us
.amy-section.about-us
	.video-wrap
		width: 510px
		height: 321px
		padding: 20px 15px
		margin: 30px auto
		background: url("../images/frontend/backgrounds/bg-video.png") no-repeat center top

// Offer
.amy-section.offers
	background-color: $theme-color
	background-image: url("../images/frontend/backgrounds/sinapha-bg.png")
	background-position: center top
	background-repeat: repeat-x
	position: relative

	.container
		position: relative

		.row
			margin: 0

		article
			background: #fff
			padding: 25px 20px
			margin: 0 -15px
			position: relative
			cursor: pointer

			&.gift
				background: transparent
				color: #fff

				h2
					font-size: 38px
					margin-top: 60px

			&.offer-one
				border-right: 4px solid #026d85
				margin-right: -19px
				.products-details
					position: absolute
					top: 0
					left: 100%
			&.offer-two
				border-top: 4px solid #026d85
				margin-top: -4px
				.products-details
					position: absolute
					bottom: 100%
					left: 0%
			&.offer-three
				border-bottom: 4px solid #026d85
				margin-bottom: -4px
				.products-details
					position: absolute
					top: 100%
					right: 0%
			&.offer-four
				border-left: 4px solid #026d85
				margin-left: -19px
				.products-details
					position: absolute
					top: 0%
					right: 100%

			.products-visible
				h3
					color: #000000
					font-size: 20px
					margin-top: 15px

				.price
					font-family: $headings-font-family
					font-size: 22px
					color: $shop-price-color-sale

					del
						color: #999999
						font-size: 17px
						margin-left: 6px

			.products-details
				display: none
				width: 100%
				height: 100%
				background: #ccc
				color: #fff

				.price-tag
					font-family: $headings-font-family
					font-size: 22px
					color: #fff
					border-top: 1px solid #026d85
					border-bottom: 1px solid #026d85

					del
						color: #999999
						font-size: 17px
						margin-left: 6px

				ul.prod-desc
					display: inline-block
					width: 56.6%
					float: left
					padding: 37px
					margin: 0
					background: #026d85

					li
						list-style: none
						margin-bottom: 3px

				ul.prod-links
					display: inline-block
					float: right
					margin: 0
					padding: 19px 10px
					width: 43.4%
					background: #025e73

					li
						list-style: none
						display: block
						&.price-tag
							margin: 10px
							padding: 10px


						a
							color: #fff

							&:hover
								color: $theme-highlight-color

			&:hover .products-details
				display: block


// promotional
.amy-section.promotional
	.button-wrap
		.btn-special-1
			background: url("../images/frontend/backgrounds/bg-btn-special-1.png") no-repeat center top
			display: inline-block
			height: 77px
			line-height: 90px
			width: 317px
			padding: 0 40px
			font-size: 20px
			color: #ffffff
			font-family: $headings-font-family

			&:hover
				color: $theme-highlight-color

			span
				display: inline-block
				margin-right: 50px
				text-align: left
				&:last-child
					margin-right: 0

		.btn-special-2
			background: url("../images/frontend/backgrounds/bg-btn-special-2.png") no-repeat center top
			display: inline-block
			height: 72px
			line-height: 80px
			width: 229px
			margin-left: 15px
			font-size: 20px
			color: #ffffff
			font-family: $headings-font-family
			&:hover
				color: $theme-highlight-color

//pricing-sale
.amy-section.pricing-sale
	background-color: $theme-color
	background-image: url("../images/frontend/backgrounds/sinapha-bg.png")
	background-repeat: repeat-x
	background-position: center top
	color: #ffffff

	.list-group-logo
		padding-top: 100px
		position: relative

		&:after
			content: ''
			width: 100%
			height: 1px
			position: absolute
			top: 0%
			left: 0
			background: #fff
			background: -moz-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
			background: -webkit-gradient(left top, right top, color-stop(0%, $theme-color), color-stop(50%, #ffffff), color-stop(100%, $theme-color))
			background: -webkit-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
			background: -o-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
			background: -ms-linear-gradient(left, $theme-color 0%, #ffffff 50%, $theme-color 100%)
			background: linear-gradient(to right, $theme-color 0%, #ffffff 50%, $theme-color 100%)

	.amy-pricing-shortcode
		width: 896px
		margin: 0px auto
		.pricing-desc
			margin-bottom: 40px
		.pricing-content
			margin: 40px 0
			.row
				margin-left: -5px
				margin-right: -5px

				div[class*="col"]
					padding-left: 5px
					padding-right: 5px

			.column
				padding: 83px 20px

				&.column-1
					background: url("../images/frontend/backgrounds/bg-column-1.png") no-repeat center top

				&.column-2
					background: url("../images/frontend/backgrounds/bg-column-2.png") no-repeat center top

				&.column-3
					background: url("../images/frontend/backgrounds/bg-column-3.png") no-repeat center top

				ul
					padding: 0
					margin: 0

					li
						list-style: none

						&.title-row
							h3
								color: #000000
								margin-top: 0

						&.pricing-row
							color: $theme-color
							font-family: $headings-font-family
							font-size: 50px

						&.footer-row
							.amy-btn-primary
								padding: 6px 30px


// Testimonials
.amy-section.amy-testimonial
	.testimonials-container
		margin-top: 60px
		#sync2
			width: 560px
			height: 98px
			margin: 0 auto 40px

			.owl-item
				.avarta-entry
					margin-top: 15px
					cursor: pointer
					opacity: 0.4
					img
						width: 68px
						height: 68px
						-webkit-transition: all 0.3s ease-in-out
						-moz-transition: all 0.3s ease-in-out
						-o-transition: all 0.3s ease-in-out
						transition: all 0.3s ease-in-out

				&.synced
					.avarta-entry
						margin-top: 0
						opacity: 1
						img
							width: 98px
							height: 98px

		#sync1
			.testimonial-entry
				blockquote
					border-left: none


				.testimonial-source
					.testimonial-author
						font-size: 24px
						color: #000000
						font-family: $headings-font-family
					.testimonial-job
						color: #b2b2b2
						font-style: italic

//Contact us
.amy-section.amy-contact
	background-color: $theme-color
	background-image: url("../images/frontend/backgrounds/sinapha-bg.png")
	background-repeat: repeat-x
	background-position: center top
	color: #ffffff

	.contact-form
		width: 548px
		min-height: 365px
		margin: 0 auto
		padding: 45px 0
		position: relative
		background: url("../images/frontend/backgrounds/bg-contact-form.png") no-repeat center

		p
			margin-bottom: 10px

		input
			width: 410px
			margin: 0 auto
			background: #f1f1f1
			border: none
			border-radius: 0
		textarea
			width: 410px
			margin: 0 auto
			max-height: 140px
			background: #f1f1f1
			border: none
			border-radius: 0

		input[type="submit"]
			font-size: 20px
			color: #ffffff
			background: $theme-color
			padding: 15px 20px
			margin-bottom: 10px
			display: inline-block
			font-family: $headings-font-family
			box-shadow: -3px 3px 0 #026d85
			-moz-box-shadow: -3px 3px 0 #026d85
			-webkit-box-shadow: -3px 3px 0 #026d85
			border-radius: 0
			text-transform: none
			width: auto
			position: absolute
			bottom: -40px
			left: 35%

			&:hover,
			&:active,
			&:focus
				color: $button-danger-color
				outline: none
				top: inherit

	.contact-info
		margin-top: 90px

//Footer
.social-box
	margin: 60px 0 30px
	.amy-social-list
		padding: 0
		li
			list-style: none
			display: inline-block
			margin: 0 20px

			a
				width: 44px
				height: 44px
				line-height: 44px
				border-radius: 50%
				color: #a7a7a7
				text-align: center
				border: 2px solid #a7a7a7
				position: relative

				&.fa-facebook:hover
					color: #3B5998
					border-color: #3B5998
				&.fa-google-plus:hover
					color: #D6492F
					border-color: #D6492F
				&.fa-twitter:hover
					color: #42C0FB
					border-color: #42C0FB
				&.fa-skype:hover
					color: #3E9DD7
					border-color: #3E9DD7
				&.fa-pinterest:hover
					color: #CB1F26
					border-color: #CB1F26


				&:after
					content: url("../images/frontend/backgrounds/mu.png")
					position: absolute
					top: -15px
					right: -10px
.amy-section.footer

	.amy-copyright
		p
			margin-bottom: 5px

.home.page
	overflow-x: hidden

	#page
		> .amy-footer
			display: none

	#pg-20-0
		margin: 0

		.panel-grid-cell
			padding: 0