/*
 * 	Custom CSS file
 *	Project: The Sheeps Back
 *	Author: Ionut Tatu - Back9
 *	Version: 1.0
 *	Date: 26.11.2018
 */


.currencyWrapper {
 	position: absolute;
    top: 0;
    right: 10px;
}
.currencyWrapper button {
 	color: #000;
}
.currencyWrapper ul li button {
	color: #B1C3C9;
}

/* Notice */
#noticeWrapper {
	overflow: hidden;
}
#notice {
	width: 100%;
	transition: all .6s;
    position: relative;
    height: auto;
    margin-top: -100%;
    padding: 30px 50px;
    background: #b0c3c8;
    text-align: center;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	display: none;
}
#notice.active {
	margin-top: 0;
	transition: all .6s;
}
#notice h6 {
	font-size: 34px;
	line-height: 42px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0 0 15px 0;
}
#notice p {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
}
#notice a {
	display: inline-block;
    background-image: none;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 0;
    font-size: 17px;
    font-weight: 400;
    box-shadow: none!important;
    padding: 10px 25px;
    transition: all .6s;
    color: #fff;

    position: absolute;
    top: 0;
    right: 0;
}
#notice a:hover,
#notice a:active,
#notice a:focus {
    transition: all .6s;
	color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) {
	#notice h6 {
		font-size: 36px;
		line-height: 46px;
	}
	#notice p {
		font-size: 18px;
		line-height: 30px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	#notice h6 {
		font-size: 48px;
		line-height: 80px;
	}
	#notice p {
		font-size: 24px;
		line-height: 42px;
	}
}


#content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
 	clear: none;
}

body {
	font-family: 'Montserrat', sans-serif;
}

header {
	background-image: url('../image/header2Background.png');
	background-size: cover;
	background-position: 50% 100%;
	min-height: 540px;
}
body.common-home header {
	background-image: url('../image/headerBackgroundHome.png');
	min-height: 870px;
}
body.common-home header .caption {
	height: 600px;
}

#logo img {
	margin: 15px auto;
	display: block;
}

#menu {
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
}
#menu .nav {
	text-align: right;
	float: none;
	margin-top: 70px;
}
#menu .nav > li {
	margin: 0 15px;
	float: none;
	display: inline-block;
}
#menu .nav > li:last-child {
	margin-right: 0;
}
#menu .nav > li > a {
	text-shadow: none;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	padding: 0;
	text-transform: uppercase;
}
#menu .nav > li.selected > a,
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: transparent;
	border-bottom: 5px solid #B1C3C9;
}

#cart {
	max-width: 40px;
}
.facebookLink {
	color: #000;
	margin-top: 70px;
	display: inline-block;
	text-align: right;
}
.facebookLink:hover,
.facebookLink:active,
.facebookLink:focus {
	color: #000;
}
.fa-facebook-square {
	font-size: 20px;
}
#cart > button {
	text-shadow: none;
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
	margin-top: 5px;
	padding: 0;
	text-align: left;
}
#cart > button i {
	font-size: 20px;
	color: #000;
	position: relative;
	top: -1px;
}
#cart > button span {
    position: absolute;
    background: #B1C3C9;
    color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    top: -10px;
    right: 10px;
}


/* TOS Page */
.aboutPage,
.tosPage {
	padding: 50px 15px;
}
.aboutPage p,
.tosPage p {
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
	margin: 0;
	color: #000;
}


/* About Page */
.aboutPage img {
	max-width: 100%;
}
.aboutPage > .row {
	margin-bottom: 35px;
}
.aboutPage p {
	margin: 0 0 15px 0;
}




/* Contact Page */
.contactPage {
	padding: 50px 15px;
}
.contactPage > h2 {
	font-size: 22px;
	line-height: 27px;
	color: #000;
	font-weight: 500;
	margin: 0 0 15px 0;
	text-align: center;
	text-transform: uppercase;
}
.contactPage > p {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 300;
	text-align: center;
	margin: 0;
}
.contactPage form {
	margin-top: 50px;
}
.contactPage .control-label:before {
	display: none;
}
.contactPage .control-label {
	text-align: left;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
}
.contactPage input[type="text"],
.contactPage input[type="email"],
.contactPage textarea {
	height: 50px;
	border-radius: 0;
	border: 1px solid #D9E5E8;
}
.contactPage textarea {
	height: 200px;
}
.contactPage input[type="submit"] {
	background: #B1C3C9;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #B1C3C9;
	text-shadow: none;
	border-radius: 0;
	text-transform: uppercase;
	padding: 12px 30px;
	box-shadow: none;
	transition: all .6s;
	margin-top: 15px;
}
.contactPage input[type="submit"]:hover,
.contactPage input[type="submit"]:active,
.contactPage input[type="submit"]:focus {
	transition: all .6s;
	color: #B1C3C9;
	background: transparent;
}
.contactPage .buttons {
	margin: 0;
}
.follow {
	position: relative;
	z-index: 1;
} 
.follow .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(177, 195, 201, 0.6);
	z-index: 10;
}
.follow > div {
	padding: 0;
}
.follow .img {
	background-image: url('../image/contact-follow.jpg');
	background-size: cover;
	background-position: 50% 50%;
	min-height: 250px;
}
.follow .caption {
	min-height: 250px;
	background: #B1C3C9;
	display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 100px;
}
.follow .caption h5 {
	font-size: 34px;
	line-height: 42px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 5px 0;
}
.follow .caption p {
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	font-weight: 600;
	margin: 0;
}



.homePage .container .link,
.homePage .container-fluid .link {
	position: absolute;
	width: 120px;
	height: 120px;
    border: 10px solid rgb(0,0,0);
	border-radius: 50%;
	border: 10px solid rgba(255, 255, 255, .5);
	top: calc(50% - 60px);
	left: calc(50% - 60px);

	display: flex;
	flex-direction: column;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */

	z-index: 100;
	background: #B1C3C9;
	color: #D9E5E8;
	font-size: 16px;
	font-weight: 700;
	text-align: center;

 	-webkit-background-clip: padding-box;
    background-clip: padding-box;
	transition: all .6s;
}



.follow .link {
    z-index: 1000 !important;
    position: absolute;
    background: #B1C3C9;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    border: 12px solid rgb(0,0,0);
    border: 12px solid rgba(255, 255, 255, .5);
    text-align: center;
    top: calc(50% - 65px);
    left: calc(50% - 65px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #D9E5E8;

    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	transition: all .6s;
}
.follow .link:hover,
.follow .link:active,
.follow .link:focus {
	background: #859BA2;
	border: 12px solid rgb(0,0,0);
	border: 12px solid rgba(255,255,255,.5);
	transition: all .6s;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.follow .link i {
	font-size: 32px;
}
.follow .link p {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}
.follow .link a {
	color: #fff;
}

.followAbout {
	text-align: center;
}
.followAbout img {
	margin: 0 0 30px 0;
	max-height: 130px;
}
.followAbout h5,
.followAbout h6 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 30px 0;
	font-weight: 500;
	color: #000;
}
.followAbout h5 {
	font-size: 22px;
	line-height: 27px;
}
.followAbout p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	color: #000;
	margin: 0 0 15px 0;
}
.followAbout .link {
	position: relative;
	top: 30px;
}
.followAbout .link a p {
	color: #fff;
}



/* Shop Page */
.shopPage {
	padding: 50px 15px;
}
.shopPage .heading {
	text-align: center;
	margin-bottom: 50px;
}
.shopPage .heading h4 {
	font-size: 22px;
	line-height: 27px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
.shopPage .heading p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	color: #000;
}

.product-thumb {
	border: none;
}
.product-thumb .image {
	position: relative;
	border: 3px solid #E8E8E8;
}
.product-thumb .caption {
	text-align: center;
	min-height: auto;
}
.product-thumb .caption h4 {
	font-size: 16px;
	line-height: 30px;
	color: #000;
	font-weight: 600;
	margin: 20px 0;
	text-transform: uppercase;
}
.product-thumb .caption h4 a {
	color: #000;
}
.product-thumb .image a:hover {
	opacity: 1;
}
.backBtn {
	margin-bottom: 50px;
	display: inline-block;
	font-size: 16px;
	color: #B1C3C9;
	font-weight: 500;
}
.backBtn:hover,
.backBtn:active,
.backBtn:focus {
	color: #000;
}
.product-thumb .overlay {
	position: absolute;
	top: -110%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(114, 138, 145, .7);
	transition: all 1s;
	z-index: 10;
}
.product-thumb:hover .overlay {
	top: 0;
	transition: all 1s;
}
.product-thumb .overlay .link {
	background: #B1C3C9;
	border: 12px solid rgb(0,0,0);
	border: 12px solid rgba(255,255,255,.6);
	width: 130px;
	height: 130px;
	position: absolute;
	top: calc(50% - 65px);
	left: calc(50% - 65px);
	border-radius: 50%;

	transition: all .6s;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	display: flex;
  	flex-direction: column;
  	justify-content: center; /* vertically aligns items */
  	align-items: center; /* horizontally aligns items */
}
.product-thumb .overlay .link:hover,
.product-thumb .overlay .link:active,
.product-thumb .overlay .link:focus {
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	transition: all .6s;

    border: 12px solid rgb(0,0,0);
	border: 12px solid rgba(255,255,255,.6);
	background: #859BA2;
}
.product-thumb:hover .image img,
.product-thumb:active .image img,
.product-thumb:focus .image img {
	
}


.product-thumb .overlay .link i {
	font-size: 24px;
	color: #D9E5E8;
}
.product-thumb .overlay .link p {
	font-size: 16px;
	font-weight: 600;
	color: #D9E5E8;
	margin: 5px 0 0 0;
}


.shopInfo > div {
	padding: 0;
	margin-bottom: 50px;
}
.shopInfo .image {
	background-image: url('../image/shop1.jpg');
	background-size: cover;
	background-position: 50% 50%;
	min-height: 300px;
	position: relative;
}
.shopInfo .image .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(217, 229, 232, 0.5);
}
.shopInfo .content {
	background: #B1C3C9;
	min-height: 300px;
	padding: 0 100px;

	display: flex;
  	flex-direction: column;
  	justify-content: center; /* vertically aligns items */
}
.shopInfo .content h5 {
	font-size: 34px;
	line-height: 42px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
.shopInfo .content p {
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	font-weight: 500;
	margin: 0;
}


.learnPage {
	padding: 50px 15px;
}
.learnPage #content p {
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	text-align: center;
	color: #000;
}
.learnPage .videos {
	margin-top: 50px;
}
.learnPage .videos video {
	width: 100%;
}
.learnPage .videos h3 {
	font-size: 20px;
	line-height: 25px;
	color: #000;
	font-weight: 500;
	margin: 10px 0 30px 0;
}
.learnPage .follow .link {
	position: relative;
	top: 100px;
}


/* Product Page */
.productPage {
	padding: 50px 15px;
}
.productPage .content h1 {
	font-size: 22px;
	line-height: 27px;
	color: #000;
	font-weight: 500;
	margin: 0 0 20px 0;
}
.productPage .desc {
	margin-top: 15px;
}
.productPage .desc ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}
.productPage .desc ul li,
.productPage .desc p {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 300;
	margin: 0 0 20px 0;
}
.productPage .desc p {
	font-size: 16px;
	line-height: 20px;
}
.productPage .desc ul li {
	margin: 0 0 5px 0;
}
.productPage .labelTitle {
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
	color: #000;
	margin: 0;
}
.productPage div.required .control-label:before {
	display: none;
}
.productPage .radio label {
	font-size: 18px;
	line-height: 18px;
	color: #000;
	margin: 5px 0;
}
.productPage .actions {
	margin-top: 30px;
	position: relative;
}
.productPage .actions label {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
}
.productPage .actions input[name="quantity"] {
	border-radius: 0;
	border: 1px solid #D9E5E8;
	height: 50px;
	text-align: center;
}
.productPage .actions a.btnCustom,
.productPage .actions button {
	background: #B1C3C9;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #B1C3C9;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	height: 50px;
	transition: all .6s;
	margin: 26px 0 0 0;
}
.productPage .actions a.btnCustom {
	display: inline-block;
	line-height: 50px;
	padding: 0 25px;	
}
.productPage .actions a.btnCustom:hover,
.productPage .actions a.btnCustom:active,
.productPage .actions a.btnCustom:focus,
.productPage .actions button:hover,
.productPage .actions button:active,
.productPage .actions button:focus {
	background: transparent;
	color: #B1C3C9;
	transition: all .6s;
}
.thumbnail {
	border: none;
	position: relative;
}
.thumbnail i {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: rgba(255, 255, 255, .5);
	font-size: 32px;
}
.patterns {
	margin-top: 50px;
}
.patterns img {
	width: 100%;
	margin-bottom: 15px;
}
.patterns a {
	position: relative;
	display: block;
}
.patterns a i {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: rgba(255, 255, 255, .5);
	font-size: 26px;
}
.patterns p {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}


.notice {
	margin-top: 30px;
}
.notice p {
	font-size: 18px;
	line-height: 30px;
	color: #FF0000;
	margin: 0;
	font-weight: 500;
}
.shippingInfo {
	margin: 60px -15px 0 -15px;
	text-align: center;
}
.shippingInfo p {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 300;
	margin: 0 0 20px 0;
}
.shippingInfo p a {
	color: #000;
	font-weight: 600;
}

.productPage .checkbox {
	margin: 0 0 10px 0;
}
.productPage .checkbox label {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
.productPage p.price {
	font-size: 38px;
	line-height: 47px;
	color: #728A91;
	font-weight: 600;
	margin: 6px 0;
}
.customQty span {
	display: inline-block;
	float: left;
	font-size: 16px;
	color: #BEBEBE;
}
.customQty input {
	float: right;
	max-width: 70px;
	text-align: center;
	border: 1px solid #D9E5E8;
}


.cartPage {
	padding: 50px 15px;
}
.cartPage h1 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 30px 0;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.cartPage table,
.cartPage form {
	color: #000;
}
.login .loginButton,
#voucher input[type="submit"],
#voucher a,
#coupon a,
.checkoutButton,
.cartPage .buttons a {
    background: #B1C3C9;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #B1C3C9;
    text-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    padding: 12px 30px;
    box-shadow: none;
    transition: all .6s;
    margin-top: 15px;
}
.login .loginButton:hover, .login .loginButton:active, .login .loginButton:focus,
#coupon a:hover, #coupon a:active, #coupon a:focus,
#voucher a:hover, #voucher a:active, #voucher a:focus,
#voucher input[type="submit"]:hover, #voucher input[type="submit"]:active, #voucher input[type="submit"]:focus,
.checkoutButton:hover, .checkoutButton:active, .checkoutButton:focus,
.cartPage .buttons a:hover,
.cartPage .buttons a:active,
.cartPage .buttons a:focus {
	transition: all .6s;
	background: transparent;
	color: #B1C3C9;
}
#voucher input[type="submit"],
#voucher a,
#coupon a {
	padding: 6px 20px;
	margin-top: 10px;
	display: inline-block;
}
.label-custom {
    background-color: #B1C3C9;
}

.fastCheckout {
	padding: 50px 15px;
}
.checkoutType .checkbox label::after,
.checkoutType .checkbox label::before {
	display: none;
}
.checkoutType .row>div label:hover, .checkoutType .row>div.selected label {
	color: #B1C3C9 !important;
}
.checkoutTitle {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.fastCheckout h3.panel-title {
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.fastCheckout .form-horizontal .control-label {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin: 0 0 5px 0;
}
.fastCheckout input[type="text"],
.fastCheckout input[type="password"],
.fastCheckout textarea,
.fastCheckout input[type="email"] {
	height: 50px;
	border-radius: 0;
	border: 1px solid #D9E5E8;
}
.checkoutButton {
	float: right;
}

body.account-address-add header,
body.account-address-edit header,
body.account-edit header,
body.account-order header,
body.account-order-info header,
body.account-address header,
body.account-password header,
body.account-account header,
body.account-register header,
body.account-reset header,
body.account-forgotten header,
body.checkout-success header,
body.checkout-cart header,
body.account-login header,
body.checkout-fast_checkout header {
	background-image: none;
	background: rgba(173, 195, 202, .2);
	min-height: 115px;
}
body.account-address-add footer,
body.account-address-edit footer,
body.account-edit footer,
body.account-order footer,
body.account-order-info footer,
body.account-address footer,
body.account-password footer,
body.account-account footer,
body.account-register footer,
body.account-reset footer,
body.account-forgotten footer,
body.checkout-success footer,
body.checkout-cart footer,
body.account-login footer,
body.checkout-fast_checkout footer {
	background-image: none;
	min-height: 180px;
	height: 180px;
	background: #B1C3C9;
	position: relative;
	bottom: 0;
}
body.account-address-add footer .footerGradient,
body.account-address-edit footer .footerGradient,
body.account-edit footer .footerGradient,
body.account-order footer .footerGradient,
body.account-order-info footer .footerGradient,
body.account-address footer .footerGradient,
body.account-password footer .footerGradient,
body.account-account footer .footerGradient,
body.account-register footer .footerGradient,
body.account-reset footer .footerGradient,
body.account-forgotten footer .footerGradient,
body.checkout-success footer .footerGradient,
body.checkout-cart footer .footerGradient,
body.account-login footer .footerGradient,
body.checkout-fast_checkout footer .footerGradient {
	display: none;
}
.fastCheckout .panel {
	box-shadow: none;
}
.fastCheckout .checkoutType .panel {
	border-radius: 0;
	border-bottom: 2px solid #B1C3C9;
}
.fastCheckout #extra textarea {
	height: 120px;
	margin-bottom: 30px;
}
.fastCheckout .table>tfoot>tr>td {
	border: none;
	color: #000;
	font-weight: 600;
	font-size: 14px;
}
.cartTable thead td {
	font-weight: 600;
	color: #000;
}
.removeCheckoutProduct {
	padding: 6px 10px;
}
.customButton,
.registerFacebook {
    background: #B1C3C9;
    border: 1px solid #B1C3C9;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 10px 60px;
	transition: all .6s;
    font-size: 14px;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    margin-right: 10px;
}
.customButton:hover, .customButton:active, .customButton:focus,
.registerFacebook:hover,
.registerFacebook:active,
.registerFacebook:focus {
	transition: all .6s;
	background: transparent;
	color: #B1C3C9;
	border-color: #B1C3C9;
}

.successPage {
	padding: 50px 15px;
}
.successPage h1 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 30px 0;
	font-weight: 600;
	color: #000;
}
.successPage p {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 20px 0;
	font-weight: 400;
	color: #000;
}
.successPage .buttons {
	margin-top: 30px;
}


/* Account */
.accountPage .box {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #B1C3C9;
	margin: 50px auto 0 auto;
	transition: all 1s;

	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
.accountPage .box:hover {
	transition: all 1s;
	transform: rotate(1turn);
}
.accountPage .box i {
	color: #fff;
	font-size: 32px;
}
.accountPage h2 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 30px 0;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.accountPage h4 {
	font-size: 16px;
	line-height: 18px;
	margin: 15px 0 10px 0;
	font-weight: 500;
	color: #000;
	text-align: center;
}
.accountPage,
.loginPage {
	padding: 50px 15px;
}
.loginPage h2 {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 30px 0;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.loginPage label {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 5px 0;
	font-weight: 600;
	color: #000;
}
.loginPage input[type="text"],
.loginPage input[type="tel"],
.loginPage input[type="email"],
.loginPage input[type="password"] {
	border-radius: 0;
	border: 1px solid #D9E5E8;
	height: 50px;
}
.loginPage form {
	margin-bottom: 50px;
}
.registerPage > p.info,
.loginPage .forgotten p,
.loginPage .register p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 5px 0;
	font-weight: 500;
	color: #000;
}
.loginPage .register .customButton {
	margin-top: 30px;
}
.loginPage .forgotten > p {
	text-align: center;
	margin-bottom: 50px;
}
.loginPage .forgotten .control-label {
	text-align: left;
	margin: 0 0 5px 0;
}
.loginPage .forgotten input[type="text"] {
	margin-bottom: 50px;
}
.registerPage > p.info {
	text-align: center;
	margin-bottom: 30px;
}
.registerPage legend {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 5px 0;
	font-weight: 500;
	color: #B1C3C9;
	border: none;
}
.addressPage .control-label,
.editPage .control-label,
.registerPage .control-label {
	text-align: left;
	margin: 0 0 5px 0;
}
.social-login-account {
	text-align: center;
	margin-bottom: 50px;
}


.editPage .buttons {
	margin-top: 30px;
}


.footerGradient {
	display: none;
}
#bg {
 /*   background: -webkit-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 25%, rgb(255, 255, 255) 50%);
    background: -o-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 25%, rgb(255, 255, 255) 50%);
    background: -ms-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 25%, rgb(255, 255, 255) 50%);
    background: -moz-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 25%, rgb(255, 255, 255) 50%);
    background: linear-gradient(to top, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 25%, rgb(255, 255, 255) 50%);
*/
}



.homePage .text {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}
.homePage .text h1 {
	font-size: 70px;
	line-height: 88px;
	font-weight: 700;
	color: #000;
	font-family: 'Caveat', cursive;
	margin: 0;
}
.homePage .text h3 {
	font-size: 22px;
	line-height: 27px;
	color: #000;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.homePage .text p {
	font-size: 16px;
	line-height: 19px;
	color: #000;
	margin: 0;
	font-weight: 300;
}
.homePage .left .image,
.homePage .right .image {
	background-size: cover;
	background-position: 50% 50%;
	min-height: 320px;
	width: 100%;
	position: relative;
}
.homePage .left .image {
	background-image: url('../image/home-left.jpg');
	text-align: right;
}
.homePage .right .image {
	background-image: url('../image/home-right.jpg');
}
.homePage .container-fluid .row > div {
	padding: 0;
}
.homePage .image h5 {
	font-size: 34px;
	line-height: 42px;
	color: #fff;
	font-weight: 600;
	margin: 0;
}
.homePage .image p {
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	margin: 0;
	font-weight: 500;
}
.homePage .image .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	background: rgba(177, 195, 201, 0.5);
}
.homePage .container-fluid {
	position: relative;
}




.homePage .container .link,
.homePage .container-fluid .link {
	position: absolute;
	width: 120px;
	height: 120px;
    border: 10px solid rgb(0,0,0);
	border-radius: 50%;
	border: 10px solid rgba(255, 255, 255, .5);
	top: calc(50% - 60px);
	left: calc(50% - 60px);

	display: flex;
	flex-direction: column;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */

	z-index: 100;
	background: #B1C3C9;
	color: #D9E5E8;
	font-size: 16px;
	font-weight: 700;
	text-align: center;

 	-webkit-background-clip: padding-box;
    background-clip: padding-box;
	transition: all .6s;
}
.homePage .container .link:hover,
.homePage .container-fluid .link:hover,
.homePage .container .link:active,
.homePage .container-fluid .link:active,
.homePage .container .link:focus,
.homePage .container-fluid .link:focus {
	background: #859BA2;
	border: 10px solid rgb(0,0,0);
	border: 10px solid rgba(255,255,255,.5);
	transition: all .6s;
	 -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.homePage .container .link p,
.homePage .container-fluid .link p {
	line-height: 16px;
	margin-top: 10px;
}
.homePage .container .link i,
.homePage .container-fluid .link i {
	font-size: 24px;
}
.homePage .container .link {
	position: relative;
	margin-bottom: 50px;
}


#payment-form {
	margin-top: 30px;
}
#payment-form h3 {
	margin-bottom: 15px;
}
#payment-form .form-group label {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
#shipping-existing,
#payment-existing {
	margin-left: 20px;
}
#cart.open > .btn {
	border: none;
	background-color: transparent;
}



/* Footer */
body {
	position: relative;
}
footer {
	background-image: url('../image/otherFooterBackground.jpg');
	background-size: cover;
	background-position: 0 0;
	min-height: 540px;
	margin: 150px 0 0 0;
	position: absolute;
	border: none;

    bottom: -500px;
    width: 100%;
    height: 900px;
    z-index: -1;

	margin: 0;
	padding: 0;
}
body.common-home footer {
	background-image: url('../image/mainFooterBackground222.jpg');

}
.footerText {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;	
}
.footerText p {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	text-align: center;
	color: #fff;
}
.footerText p a {
	color: #fff;
	text-decoration: underline;
}
.footerText p a i {
	font-size: 20px;
	position: relative;
	top: 5px;
}
.footerGradient {
	background: -webkit-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 81%, rgb(255, 255, 255) 100%);
	background: -o-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 81%, rgb(255, 255, 255) 100%);
	background: -ms-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 81%, rgb(255, 255, 255) 100%);
	background: -moz-linear-gradient(bottom, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 81%, rgb(255, 255, 255) 100%);
	background: linear-gradient(to top, rgb(198, 212, 215) 0%, rgb(243, 247, 248) 81%, rgb(255, 255, 255) 100%);
	width: 100%;
	min-height: 200px;
	position: absolute;
	top: -150px;
}

header .caption h1,
header .caption h2 {
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: right;
	color: #fff;
}
header .caption.page h1,
header .caption.page h2 {
	text-align: center;
}
header .caption h1 {
	font-family: 'Caveat', cursive;
	font-size: 100px;
	font-weight: 700;
	line-height: 130px;
}
header .caption h2 {
	font-size: 38px;
	font-weight: 600;
	line-height: 47px;
}

#menu {
	height: 95px;
}
.linksWrapper {
	text-align: right;
}
header .caption {
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	flex-direction: column;
}
header .caption .link {
	border-radius: 50%;
	width: 130px;
	height: 130px;
	background: #B1C3C9;
    border: 10px solid rgb(0,0,0);
	border: 10px solid rgba(255,255,255,.5);
	margin: 60px 15px 0 15px;
	display: inline-block;
	float: right;

	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	flex-direction: column;

    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	transition: all .6s;
}
header .caption .link:hover,
header .caption .link:active,
header .caption .link:focus {
	background: #859BA2;
	border: 10px solid rgb(0,0,0);
	border: 10px solid rgba(255,255,255,.5);
	transition: all .6s;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
}
header .caption .link i {
	color: #fff;
	font-size: 36px;
}
header .caption .link p {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 5px 0 0 0;
	text-transform: uppercase;
}
body.account-address-add header .caption,
body.account-address-edit header .caption,
body.account-edit header .caption,
body.account-order header .caption,
body.account-order-info header .caption,
body.account-address header .caption,
body.account-password header .caption,
body.account-account header .caption,
body.account-register header .caption,
body.account-reset header .caption,
body.account-forgotten header .caption,
body.checkout-success header .caption,
body.checkout-cart header .caption,
body.account-login header .caption,
body.checkout-fast_checkout header .caption {
	height: 0;
}

.fixedNav {
	z-index: 101 !important;
	background: transparent;
	border: none;
	transition: all .6s;
}
.is-sticky .fixedNav {
	background: #fff;
	transition: all .6s;
	border-bottom: 1px solid #B1C3C9;
}

.fastCheckout .text-danger {
	background: yellow;
    padding: 2px;
}


/* Media Queries */
/* Mobile First */
@media screen and (min-width: 320px) {

}

/* Mobile Only */
@media screen and (min-width: 320px) and (max-width: 767px) {
	.is-sticky #logo {
		display: none;
	}
	.sticky-wrapper {
		height: 150px !important;
	}
	.is-sticky .fixedNav,
	.is-sticky.sticky-wrapper {
		height: 60px !important;
	}
	#menu .navbar-header button {
		float: left;
		background-color: transparent;
		border: none;
		color: #000;
		background-image: none;
		box-shadow: none;
		line-height: 32px;
		padding: 5px;
		margin-left: 10px;
	}
	#menu .navbar-header button i {
		font-size: 22px;
	}
	#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
		background-color: transparent;
		color: #000;
	}
	.navWrapper {
		padding: 0;
	}
	#menu {
		margin-bottom: 0;
		height: auto;
	}
	#menu .navbar-collapse {
		padding: 0;
	}
	#menu .nav {
		margin: 0;
		text-align: center;
	}
	#menu .nav > li {
		display: block;
		background: rgba(217, 229, 232, 0.95);
		border-bottom: 1px solid #fff;
		margin: 0;
	}
	#menu .nav > li:last-child {
		border: none;
		margin: 0;
	}
	#menu .nav > li a {
		padding: 10px 0;
	}
	.navbar-collapse {
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	#cart {
		max-width: 100%;
	}
	#cart > button {
		position: absolute;
		top: -55px;
		right: 40px;
		text-align: right;
		width: calc(100% - 120px);
	}
	#cart > button i {
		font-size: 22px;
		top: 0;
	}
	.facebookLink {
		margin-top: 0;
		position: absolute;
		right: 15px;
		top: -43px;
	}
	.fa-facebook-square {
		font-size: 22px;
	}
	#logo img {
		margin: 0 auto;
	}

	header .caption h1 {
		font-size: 60px;
		line-height: 78px;
	}
	header .caption h2 {
		font-size: 26px;
		line-height: 32px;
	}
 	header {
 		min-height: 350px;
 		height: 350px;
 		background-size: auto;
		background-position: top center;
 	}
 	header .caption {
 		height: 170px;
 	}
	body.common-home header {
		background-size: auto;
		background-position: top center;
		min-height: 455px;
		height: 455px;
		margin-bottom: 30px;
	}
	body.common-home header .caption {
		height: 380px;
	}
	header .caption h1,
	header .caption h2 {
		text-align: left;
	}
	header .caption .link {
		margin: 40px 15px 0 15px;
	}
	.linksWrapper {
		text-align: center;
	}
	header .caption .link {
		float: none;
		display: inline-block;
	}
	header .caption .link i {
		margin-top: 21px;
	}

	.homePage .text {
	}
	.homePage .image .cover {
		padding: 15px;
	}
	.homePage .left .image, .homePage .right .image {
		min-height: 280px;
	}
	#menu .nav > li.selected > a, #menu .nav > li > a:hover, #menu .nav > li.open > a {
		border: none;
	}

	footer {
		min-height: 340px;
	}
	#bg {
		/*background: none;*/
	}
	.followAbout > div {
		padding: 0 15px;
	}
	.followAbout img {
		width: 100%;
	}

	.contactPage .buttons > div,
	.contactPage input[type="submit"] {
		width: 100%;
	}
	.shopInfo > div {
		margin: 0;
	}
	.shopInfo > div:last-child {
		margin-bottom: 50px;
	}
	.shopInfo .image,
	.shopInfo .content {
		padding: 0 30px;
		min-height: 220px;
	}
	.productPage {
		padding: 50px 15px 0 15px;
	}
	.shippingInfo {
		margin: 50px -15px 0 -15px;
	}

	body.account-address-add header, body.account-address-edit header, body.account-edit header, body.account-order header, body.account-order-info header, body.account-address header, body.account-password header, body.account-account header, body.account-register header, body.account-reset header, body.account-forgotten header, body.checkout-success header,body.checkout-cart header, body.account-login header, body.checkout-fast_checkout header {
		height: 175px;
	}
	.registerPage .buttons > div,
	.registerPage .buttons > div input[type="submit"] {
		width: 100%;
	}
	.accountPage .box {
		width: 90px;
		height: 90px;
	}
	.account-address .buttons > div,
	.account-address .buttons > div a,
	.account-address-add .buttons > div,
	.account-address-add .buttons > div a,
	.account-address-add .buttons > div input[type="submit"],
	.editPage .buttons > div,
	.editPage .buttons > div a,
	.editPage .buttons > div input[type="submit"] {
		width: 100%;
		margin: 5px 0;
	}
	.follow > div.col-xs-12 {
		min-height: 250px;
	}
	.follow .caption {
		padding: 0 30px;
	}
	.homePage .container .link p, .homePage .container-fluid .link p {
		margin: 10px 0 0 0;
	}
	.learnPage .videos > div {
		margin-bottom: 30px;
	}
	footer {
		height: 561px;
		bottom: -400px;
	}
}

/* Table Portrait */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.learnPage .videos > div {
		margin-bottom: 30px;
	}
	#menu .nav {
		margin-top: 15px;
	}
	.facebookLink {
		margin-top: 13px;
	}
	#menu .nav > li {
		margin: 0 12px;
	}
	header .caption h1 {
		font-size: 80px;
		line-height: 100px;
	}
	header .caption h2 {
		font-size: 30px;
		line-height: 40px;
	}
	header .caption .link {
		width: 120px;
		height: 120px;
		margin: 60px 10px 0 10px;
	}
	#menu {
		height: auto;
		margin: 0;
	}
	.shopInfo .image, .shopInfo .content,
	.homePage .left .image, .homePage .right .image {
		min-height: 240px;
	}
	.shopInfo .content {
		padding: 0 30px;
	}
	footer {
		background-size: auto;
		min-height: 340px;
		height: 550px;
		bottom: -300px;
	}
	.shippingInfo {
		margin: 60px -15px 0 -15px;
	}
	body.common-home header {
		min-height: 600px;
	}
	body.common-home header .caption {
		height: 400px;
	}
}

/* Table Landscape */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	body.common-home header {
		min-height: 600px;
	}
	body.common-home header .caption {
		height: 400px;
	}
	#menu .nav > li {
		margin: 0 8px;
	}
	#cart {
		max-width: 30px;
	}
	#menu .nav {
		margin-top: 60px;
	}
	.facebookLink {
		margin-top: 60px;
	}
	header .caption h1 {
		font-size: 80px;
		line-height: 100px;
	}
	header .caption h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.homePage .left .image, .homePage .right .image {
		min-height: 280px;
	}
	footer {
		background-size: auto;
		min-height: 340px;
	}
	.shippingInfo {
		margin: 60px -15px 0 -15px;
	}
}

/* Small Screen */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
	footer {
		background-size: auto;
		min-height: 340px;
	}
	.shippingInfo {
		margin: 60px -15px 0 -15px;
	}
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
	footer {
		background-size: auto;
		min-height: 340px;
	}
	.shippingInfo {
		margin: 60px -15px 0 -15px;
	}
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
	footer {
		background-size: auto;
		min-height: 340px;
	}
	.shippingInfo {
		margin: 60px -15px 0 -15px;
	}
}


/* Large Screen */
@media screen and (min-width: 1801px) {
	footer {
	}
}
@media screen and (min-width: 2001px) {
	footer {
		background-position: 0 0;
	}
}
@media screen and (min-width: 2201px) {
	footer {
		background-position: 0 0;
	}
}