/*

Theme Name: Eweniquesydney
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: eweniquesydney
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */
/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #464648;
	overflow-x: hidden;
}
#wpadminbar ul:after {
	clear: inherit;
}
a {
	color: #050d2c;
}
ul, ol li {
	list-style-type: none;
}
#navbtn {
	display: none;
}
.nav-menu {
}
.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-important {
	display: none;
}
.nav-menu li {
	position: relative;
	float: left;
}
.nav-menu li .menuarrow {
	display: none;
}
.nav-menu li > a {
	font: 400 16px/35px 'Lora', serif;
	color: #050d2c;
	padding: 0 22px;
	white-space: nowrap;
	display: block;
}
.nav-menu li:hover > a, .nav-menu li.active > a, .nav-menu li.current_page_item > a, .nav-menu li > a:focus {
	color: #000;
	text-decoration: none;
}
.nav-menu .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #0089cf;
	min-width: 220px;
	box-shadow: 0 0 5px #02496d;
	transition: all 300ms ease-out 0s;
	display: none;
	z-index: 999;
}
.nav-menu .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}
.nav-menu li:hover > .sub-menu {
	display: block;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu .sub-menu a {
	font: normal 14px/40px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	white-space: nowrap;
}
.nav-menu .sub-menu li+li {
	border-top: 1px solid #035e8d;
}
#logo {
	float: left;
	padding: 9px 0 0;
}
header {
	background: #fff;
	padding: 0 0 15px;
}
.header-top {
	background: #5387a3;
	padding: 10px 0;
}
.list-sec {
}
.list-sec li {
	float: left;
	font: 400 16px/18px 'Lora', serif;
	color: #fff;
	padding: 0 10px 0 0;
}
.signin {
	font: 400 16px/18px 'Lora', serif;
	color: #fff;
	display: block;
	float: right;
}
.top-rt {
	float: right;
	padding: 36px 0 0;
}
#navigation {
	float: left;
}
.shipping_btn {
	background: rgba(0, 0, 0, 0) url("images/shiping_icon.png") no-repeat scroll 22px 3px;
	border-left: 3px double #ccc;
	color: #000000;
	float: left;
	font: 400 15px/18px "Roboto", sans-serif;
	padding-left: 70px;
}


#banner {
	position: relative;
}
#banner:after, #inner-banner:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	height: 63px;
	background: url(images/banner-bg.png) no-repeat 50% 100%;
}
.banner-text {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
	/*text-align: center;*/
	color: #000;
}
.banner-text > div {
	display: inline-block;
	background: rgba(255,255,255,0.5);
	padding: 15px 20px 15px;
	text-align: center;
}
.banner-text h1, #inner-banner h1 {
	font: 400 45px/47px 'Caveat', cursive;
}
.banner-text h3 {
	font: 400 25px/27px 'Lora', serif;
}
.under-bg {
	padding: 10px 0 0;
	display: block;
}
.gap {
	padding-bottom: 40px;
	padding-top: 40px;
}
.gap-bottom {
	padding-bottom: 40px;
}
.thirty-three {
	width: 32.66%;
	float: left;
	margin: 0 0 0 1%;
	position: relative;
	display: block;
	overflow: hidden;
	animation-duration: 2s;
	animation-fill-mode: both;
	background: #000;
}
.thirty-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	width: 100%;
}
.thirty-three:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}
#content .thirty-text h2 {
	font: 400 62px/65px 'Caveat', cursive;
	padding: 15px 0 0;
}
.thirty-three img {
	transition: all 300ms ease-out 0s;
	width: 100%;
}
.thirty-three:hover img {
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0.5;
}

.fourty-three+.fourty-three .thirty-text{ color:#000;}

.fourty-three {
	width: 49.50%;
	float: left;
	margin: 0 0 0 1%;
	position: relative;
	display: block;
	overflow: hidden;
	animation-duration: 2s;
	animation-fill-mode: both;
	background: #000;
}
.thirty-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	width: 100%;
}
.fourty-three:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#content .thirty-text h2 {
	font: 400 62px/65px 'Caveat', cursive;
	padding: 15px 0 0;
}
.fourty-three img {
	transition: all 300ms ease-out 0s;
	width: 100%;
}

.fourty-three:hover img {
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 1;
}

.fourty-three+.fourty-three:hover img {
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0.5;
}
.shop-now {
	font: 400 18px/40px 'Lora', serif;
	color: #fff;
	padding: 0 22px;
	display: inline-block;
	text-align: center;
	background: #ff6392;
	border-radius: 5px;
	margin: 15px 0 0;
}
.shop-now:hover {
	box-shadow: 0 0 6px #000;
	background: #fff;
	color: #ff6392;
}
#content {
	padding: 36px 0 0;
}
#content h1 {
	font: 400 83px/85px 'Caveat', cursive;
	padding: 15px 0 0;
}
#content h2 {
	font: 400 51px/53px 'Rancho', cursive;
	padding: 15px 0 0;
}
#content h5 {
	font: 400 20px/22px 'Lora', serif;
	padding: 15px 0 0;
}
#content p {
	font: 400 15px/20px 'Lora', serif;
	padding: 15px 0 0;
}
.fifty {
	width: 49.50%;
	float: left;
	margin: 15px 0 10px 1%;
	position: relative;
	display: block;
	overflow: hidden;
}
.fifty:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
.summer img {
	width: 100%;
}
.text-wrt {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 99;
}
.right-text {
	float: right;
}
.left-text {
	float: left;
}
.text-containr {
	width: 320px;
	color: #fff;
	text-align: center;
}
.buy {
	border: solid 1px #000;
	font: 400 18px/35px 'Lora', serif;
	padding: 0 20px;
	display: inline-block;
	margin: 15px 0 0;
	color: #000;
}
.buy1 {
	border: solid 1px #fff;
	font: 400 18px/35px 'Lora', serif;
	padding: 0 20px;
	display: inline-block;
	margin: 15px 0 0;
	color: #fff;
}
.midl-part {
	position: relative;
	background: url(images/midl.jpg) no-repeat 100% 0;
	padding: 80px 0;
	background-attachment: fixed;
	background-size: cover;
}
.midl-text { /*position:absolute; left:50%; top:50%; width:1200px; transform:translate(-50%, -50%);*/
	color: #000;
}
.list {
	padding: 15px 0 0;
}
.list li {
	font: 700 21px/25px 'Lora', serif;
	color: #000;
	background: url(images/icon1.png) no-repeat 0 10px;
	padding: 0 0 10px 30px;
}
.midl-text .buy {
	border: solid 1px #000;
	color: #000;
}
.no-gap {
	padding: 0 !important;
}
.video-sec {
	padding: 25px;
	border-radius: 5px;
	box-shadow: 0 0 6px #ccc;
	width: 60%;
	margin: 0 auto;
	background: #fff none repeat scroll 0 0;
}
.price {
	font: 400 27px/29px 'Lora', serif;
	padding: 10px 0 0;
	color: #71a9ae;
	margin:0 0 15px;
}
footer {
	background: url(images/footer-bg.jpg) repeat 0 0;
	padding: 25px 0 0;
	color: #fff;
}
footer p {
	font: 400 15px/17px "Roboto", sans-serif;
	padding: 0 0 10px;
}
footer h2 {
	font: 400 18px/22px "Roboto", sans-serif;
	padding: 0 0 10px;
	color: #fff;
	text-transform: uppercase;
}
.ftr-one {
	width: 26%;
	float: left;
}
.ftr-two {
	width: 18.50%;
	float: left;
	padding: 0 1%;
}
.join {
	background: #bf1e2e;
	font: 700 18px/35px "Roboto", sans-serif;
	color: #fff;
	padding: 0 15px;
	display: inline-block;
	border-radius: 5px;
	margin: 5px 0 0;
}
.ftr-list li {
	background: url(images/icon2.png) no-repeat 0 1px;
}
.ftr-list li a {
	font: 400 14px/16px "Roboto", sans-serif;
	color: #fff;
	padding: 0 0 10px 30px;
	display: block;
}
.social-icons {
	padding: 0 0 20px;
}
.social-icons li {
	float: left;
}
.social-icons li a {
	padding: 0 4px 0 0;
	display: block;
}
.ftr-btm {
	background: #2f2f2f;
	font: 400 14px/16px "Roboto", sans-serif;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin: 15px 0 0;
}
.buy:hover {
	background: #000;
	color: #fff;
	box-shadow: 0 0 4px #ccc;
	border: solid 1px #000;
}
.buy1:hover {
	background: #000;
	color: #fff;
	box-shadow: 0 0 4px #ccc;
	border: solid 1px #000;
}
#content h2.woocommerce-loop-product__title {
	font-size: 20px;
	line-height: 22px;
	font-family: "Lora", serif;
}
.numbers-row input[type="text"] {
	border: 1px solid #e0e0e0;
}
#coupon_code {
	width: 115px !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: #5387a3 !important;
	color: #fff !important;
}
.hover15 figure {
	position: relative;
}
.fifty .hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.fifty .hover15 figure:hover::before {
	-webkit-animation: circle 1s;
	animation: circle 1s;
	z-index: 999;
}
 @-webkit-keyframes circle {
 0% {
 opacity: 1;
}
 40% {
 opacity: 1;
}
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
}
}
 @keyframes circle {
 0% {
 opacity: 1;
}
 40% {
 opacity: 1;
}
 100% {
 width: 200%;
 height: 200%;
 opacity: 0;
}
}
#inner-banner {
	position: relative;
	text-align: center;
}
.atch-fx {
	background-attachment: fixed !important;
}
.cvr {
	background-size: cover !important;
}
.gap-banner {
	padding: 150px 0;
}
.pro-box {
	margin-bottom: 15px;
}
#tab-box {
	/*position: relative;*/
	max-width: 100%;
	margin: 0 auto 25px;
}
#tab-box > div {
	 position:relative; float:left; width:33.333%;
	
}

#tab-box .tab-box-content img{ width:100%;}

/*#tab-box > div:nth-child(odd) {
	text-align: right;
}*/

#tab-box > div:nth-child(4){ margin-left:16%;}
#tab-box .view .tab-box-content h3{ display:none;}
#tab-box .tab-box-content h3 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0 ,0 ,0 , 0.3);
	color: #fff; padding:10px;
	
	transition: all 300ms ease-out 0s;
}
#tab-box h3 {
	padding: 15px 0 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400; font-size:24px;

}
#tab-box .tab-box-content {
	cursor: pointer;
	position: relative;
}
#tab-box .tab-box-content p {
	padding: 0 !important;
}
#tab-box .tab-box-content:hover h3 {
	color: #4c89a7;
	background: rgba(255 ,255 ,255 , 0.7);
}
#tab-box h4{ color:#fff; font-size:16px; font-weight:400; padding:15px 0 0;}
#tab-box .tab-box-light-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	padding: 5px 15px 15px;
	color: #fff;
	text-align: left;
	display: none;
}
#tab-box .tab-box-light-box .tab-box-text{position: absolute;left: 0; right:0; top:50%; max-height:100%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);   -webkit-transform: translate(0%, -50%); padding:0 15px 15px;}
#content #tab-box .tab-box-light-box p {
	font: 400 14px/16px "Roboto", sans-serif;
}
.close-option {
	background: url(images/close.png) no-repeat 50% 50%;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	cursor: pointer;
}
 @media only screen and (max-width: 1198px) {
.midl-text {
	width: 1000px;
}
.thirty-three {
	margin: 0 0 0 7px;
}
.banner-text {
	width: 1000px;
}
#content h1 {
	font-size: 60px;
	line-height: 62px;
}
}
 @media only screen and (max-width: 990px) {
.nav-menu li > a {
	font-size: 14px;
	padding: 0 12px;
}
.banner-text {
	width: 748px;
}
.midl-text {
	width: 748px;
}
.midl-part {
	overflow: hidden;
}
.midl-part img {
	max-width: 220%;
	margin: 0 -60%;
}
.thirty-three {
	margin: 0 0 0 5px;
}
.ftr-one {
	width: 23%;
}
.social-icons li {
	width: 20%;
}
#content .thirty-text h2 {
	font-size: 40px;
	line-height: 42px;
}
.cvr {
	background-size: inherit !important;
}
.gap-banner {
	padding: 60px 0;
}
}
 @media only screen and (max-width: 740px) {
#navigation {
	position: relative;
}
#navbtn {
	display: block;
	background: url(images/navigation.png) no-repeat 0 0 #7ec1c6;
	width: 38px;
	height: 27px;
	font-size: 0;
	cursor: pointer;
}
.nav-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 260px;
	background: #fff;
	box-shadow: 0 0 6px #a5a5a5;
	z-index: 9999;
}
.nav-menu li {
	float: none;
}
.nav-menu li+li {
	border-top: 1px solid #035e8d;
}
.nav-menu li > a {
	font: normal 16px/40px Arial, Helvetica, sans-serif;
}
.nav-menu li .menuarrow {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 36px;
	height: 36px;
	z-index: 99;
	background: url(images/nav-arrow.png) no-repeat 50% 50%;
	display: block;
	cursor: pointer;
	border-radius: 3px;
}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow, .nav-menu li.current_page_item > .menuarrow {
	background: url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;
}
.nav-menu .sub-menu {
	position: relative;
	margin: 0 3px;
}
.nav-menu .sub-menu .sub-menu {
	left: 0;
	margin: 0 5px;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu li:hover > .sub-menu {
	display: none;
}
.banner-text, .midl-text {
	width: 98%;
}
#banner img {
	max-width: 220%;
	margin: 0 -60%;
}
.banner-text h1, #inner-banner h1 {
	font-size: 20px;
	line-height: 22px;
}
.banner-text h3 {
	font-size: 16px;
	line-height: 18px;
}
.top-rt {
	float: none;
}
#logo {
	float: none;
	text-align: center;
}
.shipping_btn {
	float: right;
}
.header-top {
	text-align: center;
}
.list-sec {
	margin: 0 auto;
	display: table;
}
.list-sec li {
	float: none;
}
.signin {
	text-align: center;
	float: none;
	padding: 10px 0 0;
}
#content h1 {
	font-size: 40px;
	line-height: 42px;
}
.fifty {
	width: 100%;
	float: none;
	margin: 10px 0 10px;
}
.fifty+.fifty {
	width: 100%;
	float: none;
	margin: 10px 0 10px;
}
.text-containr {
	width: 300px;
}
.list li {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 5px 25px;
}
.list {
	padding: 5px 0 0;
}
.thirty-three {
	width: 100%;
	float: none;
	margin: 10px 0 0;
}
.video-sec {
	width: 100%;
	float: none;
}
.video-sec video {
	height: auto;
}
.ftr-one, .ftr-two {
	width: 100%;
	float: none;
	margin: 15px 0 0;
}
.social-icons li {
	width: auto;
}
#banner {
	overflow: hidden;
}
#content .midl-text h2 {
	padding: 5px 0 0;
}
.gap-banner {
	padding: 40px 0;
}
.cvr {
	background-size: inherit !important;
}

#tab-box > div{ width:100%; float:none;}
#tab-box > div:nth-child(4){ margin-left:0;}

.fourty-three{ width:100%; float:none; margin-left:0; margin-bottom:10px;}

#content .fourty-three .thirty-text h2 {
	font-size: 25px;
	line-height:28px;
}

.midl-text{ color:#fff;}
.list li{ color:#fff;}
#banner:after, #inner-banner:after{background-size: contain;}
}
 @media only screen and (min-width: 740px) {
.nav-menu {
	display: block !important;
}
}
 @media only screen and (max-width: 450px) {
.banner-text, .midl-text {
	width: 96%;
}
#content h2 {
	font-size: 30px;
	line-height: 32px;
}
#content .fourty-three .thirty-text h2 {
	font-size: 22px;
	line-height: 25px;
}
.under-bg{ display:none;}
.shop-now{ margin:5px 0 0; padding:0 15px;}
.banner-text h3{ font-size:16px; line-height:18px;}
}