/* Fabby Prints CSS Document */

/* Import Fonts */
@import url(//fonts.googleapis.com/css?family=Roboto+Slab);
@import url(//fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(//fonts.googleapis.com/css2?family=Just+Another+Hand);
@import url(//fonts.googleapis.com/css2?family=Glass+Antiqua);
@import url(//fonts.googleapis.com/css2?family=Julius+Sans+One);

@media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
    /* Styles for high-DPI screens */
 }

/* HTML Resets --------------------------------------------> */

html,body,p,h1,h2,h3,h4,h5,h6,h7,h8,ul,li { padding:0; margin:0; }

html, body {
display:table;
height:100%;
width:100%;
}

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a { 
text-decoration:none;
-moz-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}

img {
max-width:100%;
}
.img-padbot {
padding-bottom:1em;
}
.img-padtopbot {
padding-top:0.5em;
padding-bottom:0.5em;
}
ul { list-style:none; }

.bullet-list {
line-height:1.3em;
font-size:0.96em;
list-style:disc;
padding-left:1em;
margin-left:0.8em;
}
.bullet-list li {
padding-bottom:1em;
}

body {
font-family:proxima-nova, "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1em;
color:#565656;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
letter-spacing:0.01em;
}

/* Website Fonts -----------------------------------------> */
p {
line-height:1.6em;
font-size:0.97em;
letter-spacing:0.02em;
}
h1 {
font-family: 'Pontano Sans', sans-serif;
letter-spacing:-0.02em;
font-size: 2em;
color:#879a04;
font-weight:500;
padding-bottom:0.25em;
}
h2 {
font-size: 1.8em; font-family: 'Glass Antiqua', cursive; color: #333333; letter-spacing:0.02em;
color:#333;
padding-bottom:0.25em;
font-weight:100;
}
h4 {
font-family: 'Pontano Sans', sans-serif;
font-size: 1.5em;
color:#353535;
font-weight:600;
padding-bottom:0.6em;
}
h3 {
font-size: 1.4em; 
font-family: 'El Messiri', sans-serif; 
color:#000; 
letter-spacing:-0.02em; 
line-height: 1.8em;
font-weight:500;
}
h5 {
font-family: 'Pontano Sans', sans-serif;
letter-spacing:-0.01em;
font-size: 1.5em;
color:#2c5871;
font-weight:500;
padding-bottom:0.4em;
text-decoration:underline;
}
h6 {
font-family: 'Pontano Sans', sans-serif;
letter-spacing:-0.05em;
font-size: 2.8em;
color:#1c648a;
font-weight:100;
padding-bottom:0.75em;
padding-top:0.2em;
}
h7 {
font-family: 'Just Another Hand', cursive;
color:#000;
font-size:2.8em;
font-weight:100;
letter-spacing:0.02em;
padding-bottom:3.75em;
padding-top:0.2em;
}
h8 {
font-family: 'Julius Sans One', sans-serif;
color:#000;
font-size:2.4em;
font-weight:500;
letter-spacing:-0.05em;
word-spacing:0.1em;
line-height:1.8em;
}
.small-print {
font-size:0.8em;
color:#666666;
}
.smaller-print {
font-size:0.9em;
}

/* Hyperlinks --------------------------------------------> */
.standard-links {
font-size:1.1em;
color: #4c88c1;
border-bottom:1px dotted #4c88c1;
letter-spacing:0.02em;
}
.standard-links:hover {
color: #000;
border-bottom:1px solid #000;
}
.small-links {
font-size:0.94em;
color: #879a04;
border-bottom:1px dotted #879a04;
letter-spacing:0.02em;
}
.small-links:hover {
color: #000;
border-bottom:1px solid #000;
}

/* Layout/Padding Options --------------------------------> */
.content-centre {
text-align:center;
}
.content-right {
text-align:right;
}
.content-left {
text-align:left;
}

.nopad {
padding:0;
}
.padbot {
padding-bottom:1em;
}
.padboth {
padding-bottom:0.5em;
}
.padbot2 {
padding-bottom:2em;
}
.padtop {
padding-top:1em;
}

/* Header Section ----------------------------------------> */
.header-fixed-padding {
height:6.4em;
}
header {
position:fixed;
width:100%;
z-index: 9999;
background-color:#fff;
}
.header-container {
max-width:1200px;
overflow: hidden;
margin:auto;
padding-left:1em;
height:6.4em;	
}

/* Header Logo -------------------------------------------> */
.logo {
float:left;
line-height:4em;
}
.head-txt {
font-size: 2.2em; font-family: 'Glass Antiqua', cursive; color: #333333; letter-spacing:0.02em;
}
.head-txt img{
width:330px;
height:85px;
}

/* Header Contact Options for PC/Laptop ------------------ */
.pc-menu-set ul {
display:inline;
}
.pc-menu-set ul a {
float:right;
font-family: sans-serif;
font-size:1em;
color:#000;
line-height:6.4em;
padding-right:1.5em;
padding-left:1.5em;
}
.pc-menu-set ul a:hover {
background-color:#f4f4f4;
color:#000;
}
.fa-user, .fa-comments, .fa-phone {
padding-right:5px;
}

/* Header Contact Options for Mobile Devices -------------- */
.mobile-menu-set ul {
display:none;
}
.mobile-menu-set li a {
font-size:2em;
float:right;
line-height:2.5em;
padding-right:0.5em;
padding-left:0.5em;
color:#c6ccd1;
}
.mobile-menu-set ul a:hover {
background-color:#eee;
color:#000;
}

/* End of Header Section -----------------------------------------------------------> */
/* ********************************************************************************** */


/* Navigation Section ------------------------------------> */
nav { 
width:100%;
background-color:#fff; 
position:fixed;
z-index: 9999;
display:block;
font-size:0.9em;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
.nav-main-fixed-padding {
height:3em;
display:block;
}

.nav-container {
max-width:1200px;
overflow: hidden;
margin:auto;
padding-left:1.2em;
}
.mobi-switchon {
display:none;
}
nav ul {
text-align:left;
line-height:2.3em;
}
nav li {
display:inline;
}
nav li a {
padding:0 3em 0 0;
color:#000;
}
nav a:hover {
background-color: #fff;
color:#000;
}

/* End of Navigation Section -----------------------------> */
/* ******************************************************** */


/* Footer Section ----------------------------------------> */
.footer-text-container {
max-width:1100px;
margin:auto;
padding:1em 0 1em 0;
margin-bottom:1em;
border-bottom:1px dashed #303d44;
}
.footer-txt {
font-size: 1.2em; font-family: 'Pontano Sans', sans-serif; letter-spacing: -0.03em; color:#fff;
}
.footer-txt:hover {
color:#fff;
}

footer { 
width:100%;
background-color:#212a2f;
padding-bottom:5em;
/* display:table-row;
height:1em; */
margin-top:12em;
}
.footer-container {
max-width:1100px;
margin:auto;
padding-bottom:5em;
}
footer p {
color:#fff;
margin-top:2em;
text-align:left;
font-size:0.9em;
}
.footer-links {
color:#b9bfc5;
padding-right:1em;
font-size:0.9em;
}
.footer-links:hover {
color:#fff;
}
footer li {
display:inline;
padding-bottom:1em;
}
.cookie-free {
color: #ccc;
font-size:0.89em;
float:right;
display:inline;
}
.cookie-free img {
padding-right:0.5em;
vertical-align:middle;
}

/* Main Nav (Footer) for Mobile Devices ---------------> */

.footer-header-nav {
display:none;
text-align:left;
background-color:#292f3d;
width:100%;
}
.footer-header-nav li {
padding:0;
}
.footer-header-nav a {
color:#ced5e0;
background-color:#292f3d;
display:block;
padding:0.8em 1em;
border-radius:0;
border-bottom:1px solid #404859;
}
.footer-header-nav a:hover {
background-color:#3c455a;
color:#fff;
}
.footer-header-nav a:after {
	content: "\f054";
	font-family: FontAwesome;
	float:right;
	}

/* *********************************************************** */

/* Default Layout Containers --------------------------------> */
.max-width-container {
width:100%;
}
.full-width-container {
max-width:1200px;
width:100%;
margin:auto;
padding:1em;
overflow:hidden;
}
.full-width-divide {
max-width:1000px;
width:100%;
margin:auto;
border-top: 1px solid #ccc;
padding:1em;
overflow:hidden;
}
.full-width-divide-dash {
max-width:1000px;
width:100%;
margin:auto;
border-top: 1px dashed #ccc;
padding:1em;
overflow:hidden;
}
.half-width-container {
max-width:500px;
margin:auto;
padding:1em;
overflow:hidden;
}

/* Gallery Layout ------------- */
.item-disp-container {
max-width:1200px;
width:100%;
margin:auto;
overflow:hidden;
padding:1em;
}
.item-disp-image {
width:56%;
float:left;
padding:1em;
}
.item-disp-info {
width:43%;
float:right;
padding:1em;
}
.item-disp-title {
width:85%;
float:left;
text-align:left;
height:2.2em;
}
.item-disp-wish {
width:15%;
float:right;
text-align:right;
height:2.2em;
}
.item-disp-desc {
width:100%;
text-align:left;
padding-bottom:1em;
}

@media only screen and (max-width: 45em) 
{
	.item-disp-image, .item-disp-info {
	width:100%;
	display:inline-block;
	text-align:center;
	}
}

/* ******************************************** */
/* Media Queries -----------------------------> */

@media only screen and (min-width: 60em)
{
	/* Reset Main Nav */ 
	nav {
	display:block !important
	}
	nav li {
	display:inline;
	}
}

@media only screen and (max-width: 64em)
{
	.footer-text-container {
	padding:1em 0 1em 1em;
	}
	footer p {
	padding-left:1em;
	}
	.cookie-free {
	padding-right:1em;
	}
	.footer-links {
	padding:0 0 0 1em;
	}
}

@media only screen and (max-width: 60em) 
{
	.nav-container {
	padding-left:0;!important
	}
	/* Add/Remove Padding for Fixed divs */
	.nav-main-fixed-padding {
	display:none;
	}
	
	/* Customise Header Section */
	.header-fixed-padding, .header-container {
	height:6.4em;	
	}
	.header-container {
	padding-left:0.9em;
	border-bottom:1px solid #e8e8e8;
	}
	.logo {
	font-size: 0.82em;
	line-height:3.8em;
	}
	
	/* Customise Main Nav for Tablets/Phones */
	.has-dropdown .fas {
		display: inline!important;
	}

	.mega-menu {
		display: block!important;
	}

	.dropdown-container {
		position: static!important;
	}

	.dropdown {
		flex-direction: column-reverse;
		padding-left: 1em!important;
	}

	.dropdown a, .dropdown a:hover {
		background-color: #fff;
		border: none;
	}

	.dropdown a::before {
		content: "";
		padding: 0;
	}

	.dropdown-left {
		display: block!important;
		width: 100%!important;
	}

	.dropdown-left-left {
		width: 100%!important;
	}

	.dropdown-left-right, .dropdown-left-right li {
		width: 100%!important;
	}

	.dropdown-menu {
		display: flex;
		flex-direction: column;
	}

	.dropdown-menu a {
		padding: 8px !important;
	}

	.dropdown-title {
		margin: 20px 0 10px;
	}

	nav li a { 
	display:flex;
	align-items: center;
	text-align:left;
	padding: 0 0.9em;
	border-bottom: solid 1px #f5f5f5;
	background-color:#fff;
	color:#274368;
	}
	nav li a:before {
	content: "\f105";
	font-family: FontAwesome;
	padding-right:0.5em;
	}

	nav {
	padding:0;
	display:none;
	/* position:static; */
	position: relative;
	}
	nav li a:hover { 
	background-color:#f1f5f9;
	color:#274368;
	text-shadow:none;
	}
	
	
	/* Switch from PC Menu Set to Mobile Menu Set (header section) */
	.pc-menu-set ul {
	display:none;
	}
	.mobile-menu-set ul {
	display:inline;
	}
	
	
	/* Enable/Customise Contact Info Menu */
	.nav-m-contact-menu {
	display:inline;
	}
	.mobile-menu-set li a {
	font-size:1.4em;
	line-height:4.3em;
	}
		
		
	/* Adjust Footer for Mobile Devices */
	footer li {
	display:block;
	padding-bottom:1em;
	}
	
	.footer-header-nav {
	display: block;
	}
	.cookie-free {
	float:left;
	padding-left:1em;
	margin-top:0.7em;
	}
	footer p {
	margin-top:4em;
	}
}

@media only screen and (max-width: 50em) 
{
	footer { 
	margin-top:1em;
	}
	.head-txt img {
	width:250px;
	height:64px;
	}	
	.mobile-menu-set li a {
	font-size:1.4em;
	line-height:3.4em;
	}
	.header-fixed-padding, .header-container {
	height:5em;	
	}
}

@media only screen and (max-width: 32em) 
{
	/* Turn off Header Contact Icons */
	.switch-off {
	display:none; 
	}
	
	
	.header-container {
	padding-left:0.9em;
	}
	
	footer li {
	display:block;
	padding-bottom:0.9em;
	}
	footer p {
	padding-bottom:1em;
	}

	.mobi-switchon {
	display:inline;
	}

}

	
@media only screen and (max-width: 21em) 
{
	.header-container {
	height:3.3em;
	padding-left:0.3em;
	margin-left:0.5em;
	}
	.header-fixed-padding {
	height:3.2em;
	}
	.logo {
	margin-top:0.2em;
	}
	
	/* Turn off Header Contact Icons */
	.switch-off {
	display:none; 
	}
	
	/* Mobile Menu Icon Customisation */
	.mobile-menu-set ul a {
	font-size:1.5em;
	line-height:2.2em;
	}
	.mobile-menu-set ul a:hover {
	background-color:transparent;
	}
	
	/* Turn off Contact Info for Mobile */
	.nav-m-contact-container {
	display:none;
	}
	
}

/* Checklists (HomePage) */
.check-list {
overflow:hidden;
margin:auto;
display: inline-block;
width:100%;
}
.check-list ul {
width:100%;
overflow:hidden;     
padding:1em 0;
}
.check-list li {
font-size:1em;
color:#b4c1c7;
text-shadow:#000000 1px 1px;
padding:0.5em 0;
position:relative;
padding-left:2em;
letter-spacing:0.04em;
}
.check-list li:before {
content: "\f00c";
font-family: FontAwesome;
padding-right:0.5em;
font-size:1.1em;
color:#a2cce3;
position:absolute;
left:0;
text-shadow:#000000 1px 1px;
}

/* Buttons */
.square-btn {    
display:inline-block;
color: #fff;
font-size: 1em;
text-align: center;
padding: 0.85em 3.5em;
margin:0.7em 0;
}
.btn-blue {
background-color: #1c3751;
}
.btn-blue:hover {
background-color: #182e44;
}
.btn-grey {
background-color: #807f84;
}
.btn-grey:hover {
background-color: #58575b;
}
.btn-black {
background-color: #000;
}
.btn-black:hover {
background-color: #000;
}
.btn-border {
background-color: #fff;
border: 1px solid #000;
color: #000;
}
.btn-border:hover {
background-color: #fff;
}

.round-btn {
border-radius: 1.6em;
border: 0.14em solid #4576ba;
color: #000;
font-size:1em;
font-weight:bold;
text-align:center;
display:inline-block;
padding: 0.85em 3.5em;
margin:0.7em 0;
}
.round-btn:hover {
background-color: #F8F8F8;
}
@media only screen and (max-width: 60em) 
{
.round-btn {
display:block;
padding: 0.46em 0.5em;
margin:auto;
margin-bottom:1em;
width:80%;
}
}

/* Forms */

.form-container {
width: 100%;
margin:auto;
}
form{
width:100%;
text-align:left;
}
label {
font-family: 'Roboto Slab', serif;
font-size:0.95em;
}

input[type=text], select, textarea, input[type=password] {
font-family:sans-serif;
font-size:0.8em;
font-weight:lighter;
letter-spacing:0.02em;
color:#333;
width:100%;
padding:0.7em;		
border:1px solid #1c3a54;
margin:0.6em 0 1.4em 0;
overflow:hidden; 
}
input[type=text]:focus,select:focus, textarea:focus, input[type=password]:focus {
border-color: #ff6c00;
outline: 0;
}
input[type=submit]
{
color: #fff;
text-align: center;
padding: 0.85em 3.5em;
margin:0.7em 0;
border:none;
font-size:1em;
letter-spacing:0.03em;
cursor:pointer;
-moz-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}
.form-error {
width:100%;
background-color: #fff;
border: 1px solid #0f303f;
padding:1em;
margin-bottom:1em;
font-size:0.85em;
font-family: sans-serif;
line-height:1.4em;
color:#333333;
}
.form-error a {
text-decoration:none;
color:#4697e4;
}
.form-error a:hover {
text-decoration:underline;
color:#1a68b2;
}

/* -------------------------------------- */
/* Product Sliders */
/* SL2 */
.container {
  max-width: calc(100vw - 50px);
  padding-inline: 30px;
  position: relative;
}
.slick-disabled {
  opacity: 0.2;
}
.second-slider .slick-prev:before,
.second-slider .slick-next:before {
  content: '';
}
.slick-track {
  display: flex;
}
.slick-slide {
  margin: 0.5em 1em;
  height: auto;
  display: flex;
}
.slider-two-container .slick-prev::before, .slider-two-container .slick-next::before {
  content: '';
}
.slider-two, .slider-two2, .image-frame {
  display: flex !important;
  margin-left: 0em !important;
}
.slider-two, .slider-two2, .slick-slide {
    margin: 0.5em 1em;
    height: auto;
    display: flex !important;
}
.slider-two, .slider-two2, .slick-slide > div{
    width: 100%;
}
@media only screen and (max-width: 480px) {
  .slick-button-prev,
  .slick-button-prev2,
  .slick-button-next,
  .slick-button-next2 {
	display: none;
  }
}
/* ------------------------------------- */
/* SL1 */
.slider-gallery .slider-nav .slick-current::after{
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #000;
	opacity: 1;
	transition: opacity .2s;
}
.slider-gallery img{
	width: 100%;
}
.slider-gallery .slick-slide{
	padding: 10px 0;
	border: 2px solid #fff;
	height: auto;
}
.slider-gallery .slider-nav .slick-slide{
	height: auto;
	width: 100% !important;
}
.slider-gallery .slick-next{
	right: -50px;
	width: 50px;
	height: 50px;
}
.slider-gallery .slick-prev{
	left: -50px;
	z-index: 9;
	width: 50px;
	height: 50px;
}
.second-slider .slick-prev:before, .second-slider .slick-next:before{
	font-size: 40px;
}
.slick-gallery-popup{
	max-width: 100%;
}
.lg-thumb-item {
	width: 70px !important;
}
.lg-thumb.lg-group {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
}
.lg-outer.lg-grab img.lg-object:hover {
	cursor: default !important;
}
.slider-gallery .slider-nav .slick-current,
.slider-gallery .slider-nav .slick-slide:hover {
	cursor: pointer;
	position: relative;
} 
.slider-gallery .slick-prev:before, .slider-gallery .slick-next:before {
  color: #000 !important;
  font-size: 40px;
}
.slider-gallery .slider-nav .slick-track {transform: none !important;}
.slider-gallery .slick-slide{
	margin: auto;
}
.slider-gallery .slider-for .slick-slide{
	width: 100% !important;
}
.lg-backdrop{
  background-color: #000000;
}
.slider-gallery .slick-prev, .slider-gallery .slick-next {
	font-size: 25px;
	color: #000;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.slider-gallery .slick-prev:hover, .slider-gallery .slick-next:hover{
	color: #000;
}
.slider-gallery .slick-prev:before, .slider-gallery .slick-next:before{
	content:'';
}
@media only screen and (min-width: 768px){
	.slider-gallery {
		flex: 0 0 auto;
		width: 90%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 767px) {
	.lg-thumb-item {
		width: 50px !important;
	}
}




/* ------------------ Product Loader ----------------------- */
.full-width-container.content-centre button#load-more {
    border:1px solid #cecece;
    background: transparent;
    padding:15px 30px;
    cursor:pointer;
    border-radius: 5px;
    margin: 0 auto;
	display: none;
}
#total-products-count{
	display: none;
}
#total-products-count.active{
	display: block;
}
.full-width-container.content-centre button#load-more.active{
	display: flex;
}
#progress-bar{
	display: none;
}
#progress-bar.active{
	display: flex;
}
div#total-products-count {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}

button#load-more {
    width: 250px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#loader {
	display: none; /* Hide the loader by default */
	width: 40px;
	height: 40px;
	border: 4px solid #ccc;
	border-top-color: #333;
	border-radius: 50%;
	animation: spin 1s infinite linear;
	margin: 0 auto;
  }
  
  @keyframes spin {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
  .progress-bar-container{
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .progress-bar {
	width: 200px;
	background-color: #ebebeb;
	height: 3px;
	position: relative;
	margin-bottom: 10px;
  }

  .progress-bar span {
	display: block;
	height: 100%;
	background-color: #6286a7;
	position: absolute;
  }

  .progress-text {
	display: block;
	text-align: center;
	margin-top: 5px;
  }
 
 
 
 
 
 
 /* *********************** */ 
 	
/* light gallery css top bar */
.lg-progress-bar .lg-progress{
	background-color: #fff !important;
}

/* left and right arrow issue slider gallery for smaller screens */
@media only screen and (max-width: 720px) {
	
	.slider-gallery .slick-next{
		right: -40px !important;
	}
	.slider-gallery .slick-prev{
		left: -40px !important;
	}

}
/* hiding title under second slider from product_display_item.php */
.container.slider-three-container .info-text ,
.container.slider-three-container .image-wishlist {
    display:none !important;
}