@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body { 
/*	font-family: 'Open Sans', sans-serif; */
/*		font-family: 'Raleway', sans-serif; */
/*		font-family: 'Roboto', sans-serif;*/
	color:#231f20; font-weight:300;
	}

.Desktop-Logo { width: 225px; height: auto; margin-top: 1em; }

a:hover { text-decoration: none !important }

.Beige { font-family: 'Roboto', sans-serif; font-size: 0.9em; color: #333; text-decoration: none; padding-bottom: 0 !important; display: inline-block; margin-bottom: 1em;  }
.Beige:hover { color: #333; text-decoration: none; }

.currencydropdown { font-family: 'Raleway', sans-serif; font-size: 0.85em; margin-top: 0.45em; color: #fff !important; }


/* ------------------- DESKTOP HEADER SEARCH FIELD CSS STARTS HERE  ------------------- */


.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.7);
	z-index: 1030 !important;
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 40%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}






/* ------------------- BODY TEXT AND FONTS CSS STARTS HERE  ------------------- */

.body-font { font-family: 'Lato', sans-serif; font-size: 0.9em; color: #333; line-height: 1.8em; }
.body-font h4 { font-family: 'Roboto', sans-serif; font-size: 1.1em; color: #333; letter-spacing: 1px; padding-top: 1em; }

/*.cart-font  {  font-size: 0.9em; color: #333; line-height: 1.8em; }*/
.cart-font p {  font-size: 0.9em; color: #333; line-height: 1.8em; }
.cart-font strong {  font-size: 0.9em; color: #333; line-height: 1.8em; }
.cart-font h5 {  font-size: 1.3em; color: #333; line-height: 1.8em;  }


/* ------------------- HOMEPAGE CSS STARTS HERE  ------------------- */
.Homepage-Main-Blocks  		{ margin-top: 2em !important; }
.Homepage-Main-Blocks > div { margin-bottom: 2em !important; }

.button-overlay {
    position: absolute;
/*    top: 0;*/
    bottom: 5em;
    left: 0;
    right: 0;
    text-align: center;
}

.home-carousel-button-overlay {
    position: absolute;
/*    top: 0;*/
    bottom: 10em;
    left: 0;
    right: 10em;
    text-align: right;
}

.button-overlay h3 {
	font-size: 2.5em;
	font-family: 'Raleway', sans-serif;
    position: absolute;
/*    top: 0;*/
    bottom: 5.2em;
    left: 0;
    right: 0;
    text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.shop-buttons {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-decoration: none;
    padding: .6em 2em .6em 2em;
    text-transform: uppercase;
}

.shop-buttons:hover {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    text-decoration: none;
    padding: .6em 2em .6em 2em;
    text-transform: uppercase;
}

.shop-buttons-white {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1em;
	background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    text-decoration: none;
    padding: .6em 2em .6em 2em;
    text-transform: uppercase;
}

.shop-buttons-white:hover {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-decoration: none;
    padding: .6em 2em .6em 2em;
    text-transform: uppercase;
}

.desk-exploreProduct-content {
    position: absolute;
    bottom: 5%;
	text-align: center;
	width: 100%;
/*    right: 5%;*/
}

.desk-exploreProduct-content h2 {
    color: #fffdf0;
    -webkit-font-smoothing: antialiased;
/*    text-align: right;*/
    letter-spacing: 0;
    font-size: 40px;
    font-family: 'Dancing Script', cursive;
	margin-bottom: 15px;
}

.desk-exploreProduct-content > h5 > a {
    color: #d4bfba;
    border: 1px solid #d4bfba !important;
/*	background-color: #d4bfba;*/
    padding: 5px 10px !important;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
}

.desk-exploreProduct-content > h5 > a:hover { background-color: #d4bfba; color: #000; }

.Homepage-Blocks > div { margin-bottom: 2em !important; }

/* ------------------- NAVBAR CSS STARTS HERE  ------------------- */

.Desktop-Navbar { 
/*	font-family: "Roboto";*/
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #333;
}

.Desktop-Navbar .nav-link { 
	font-family: 'PT Sans', sans-serif;
	margin: 0em 0.5em 0.5em 0.5em;
	color: #333 !important;
	font-size: 0.85em;
	letter-spacing: 1px
	
}

.Desktop-Navbar .nav-link:hover { 

	color: #f98530 !important;
	
}


.Desktop-Navbar-Submenu { 
/*	font-family: "Roboto";*/
/*	font-family: 'Raleway', sans-serif;*/
/*	font-family: 'PT Sans', sans-serif;*/
    font-weight: 400;
    font-style: normal;
/*	text-transform: uppercase;*/
	color: #333;
}

.Desktop-Navbar-Submenu .nav-link { 

	margin: 0em 0.5em 0.5em 0.5em;
	color: #333 !important;
	font-size: 0.9em;
	letter-spacing: 1px;
	padding-bottom: 0.7em !important;
	
}

.Desktop-Navbar-Submenu .nav-link:hover { 

	color: #f98530 !important;
	
}



.desktop-nav-active { border: 1px solid #dee2e6; border-bottom: none; }
.desktop-nav-active > .nav-link { color: #fd7e14 !important }
.desktop-subnav-active { color: #f98530 !important; text-decoration: underline;  }


.sticky-top a:hover { color: #f98530 !important; }

.sticky-top i:hover { color: #f98530 !important; }

.footer a:hover { color: #f98530 !important; }


.Desktop-Navbar .dropdown-menu .dropdown-item { 
/*
	font-family: 'Raleway', sans-serif;
	font-size: 0.8em;
	font-weight: 500;
	color: #666 !important;
*/
	letter-spacing: 1px;

}


/*
.topbar li {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 1px;
}
*/

.topbar li > a > i {
	color: #333;
	font-size: 1.3em !important;
}

.topbar a {
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #333;
	font-size: 0.80em;
	letter-spacing: 1px;
}

.topbar a:hover {
	text-decoration: none;
}

.Mobile-Logo {
    width: 75%;
    height: auto;
    max-width: 100%;
    padding: 0em 0 0em 0;
}


#Mobile-Header > header > div .fa-bars {
/*    padding: 1.5em 0 0 .3em;*/
    /* color: #000; */
}

#Mobile-Header > header > div .fa-shopping-bag {
    padding: .3em 0em 0 0;
    color: #000;
    font-size: 1.7em !important;
}

#Mobile-Header > nav > div > ul a {
    font-size: 1em;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#Mobile-Header > nav > div > ul > li > div a {
    font-size: 0.90em !important;
    color: #fff;
    line-height: 1.5em;
	letter-spacing: 1px;
}

.c-menu__items > li {
    line-height: 2.2em !important;
	border-top: solid 1px #ccc;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* ------------------- PRODUCT SEARCH LIST PAGE CSS STARTS HERE  ------------------- */

.Discounted-Price {
/*    font-family: 'Josefin Sans', sans-serif;*/
/*    font-weight: 500;*/
    font-size: 0.95em;
    text-decoration: line-through;
    color: #999;
}

.Sold { margin-top: -2em !important; text-transform: uppercase; font-size: 0.80em !important; letter-spacing: 1px; color: red !important; font-weight: bold; }

.product-search .caption  { margin-bottom: 2em; display: inline-block; }



/* ------------------- PRODUCT DETAILS CSS STARTS HERE  ------------------- */

#ProductDetails { /*font-family: 'Raleway', sans-serif;*/ text-transform: uppercase; font-size: 0.85em; line-height: 1.7em; }



.ProductDescription h5 {
    /* font-family: "Roboto"; */
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.1em;
    font-size: 1.3em;
	margin-bottom: 1em;
}

.ProductDescription p {
    font-family: 'Raleway', sans-serif !important;
    color: #000;
    letter-spacing: 0.1em;
    font-size: 0.85em !important;
}

.ProductDescription li {
    font-family: 'Raleway', sans-serif !important;
    color: #000;
    letter-spacing: 0.1em;
    font-size: 0.85em !important;
}

.ProductDescription span {
    font-family: 'Raleway', sans-serif !important;
    color: #000;
    letter-spacing: 0.1em;
    font-size: 0.85em !important;
}

.breadcrumb  { font-size: 0.85em; font-family: 'Raleway', sans-serif; color: #666; text-transform: uppercase; letter-spacing: 1px; }
.breadcrumb a { font-size: 0.85em; font-family: 'Raleway', sans-serif; color: #666; text-transform: uppercase; }
.breadcrumb li { font-size: 0.85em; font-family: 'Raleway', sans-serif; color: #666; text-transform: uppercase; }

.ProductName {
/*	font-family: "Roboto";*/
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.1em;
	font-size: 1.4em;
}

.ProductPrice {
	font-family: "Roboto";
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	margin-top: 0em;
/*	margin-bottom: 3em;*/
}

.product-price-old {
    color: #666;
	font-family: "Roboto";
    font-weight: 400;
    font-size: 1.3em;
    margin: 0 !important;
    text-decoration: line-through;
	letter-spacing: 0.1em;
}


.btn.CartButton {
  border-radius:50px;
  font-weight:700;
  background-color:#ff6969;
  color:#fff !important;
  border:none;
}

.btn.CartButton:hover { background: #333; color: #ffeadb !important; }


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}


/* add to cart and size buttons starts here */
.btn.AddToCart {
	border-radius:0;
/*	font-family: "Roboto";*/
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	background-color:#000;
	color:#fff;
	border:none;
	width: 100%;
	letter-spacing: 2px;
	margin-bottom: 1em;
}

.btn.AddToCart:hover { background: #333;	}


.sizes .btn-primary { padding: 8px 12px; margin: 0 10px 1.2em 0; border-radius: 0; background-color:transparent; border:none; color:#666; }
.sizes .btn-primary:active,
.sizes .btn-primary.active {
/*
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
*/			
			background-color:#666 !important;
			color:#fff;
}

.colours .btn-primary 
{
    padding: 0px 0px;
    margin: 0 5px;  
    border-radius: 0;
	background-color:transparent;
	border: none;
	color:#666;
}

.colours .btn-primary:active,
.colours .btn-primary.active {
    /*
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5);
*/
    background-color:#fff;
    border: solid 1px #000;
    margin-bottom:5px;
	margin-left: 0px;
    }

/* add to cart and size buttons ends here */



/* ------------------- HEADINGS CSS STARTS HERE  ------------------- */

.header-topbar-text {
	font-family: "Roboto";
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 300;
    font-style: normal;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	font-size: 0.7em;
}

.home-main-heading {
/*	font-family: "Roboto";*/
/*	font-family: 'Raleway', sans-serif;*/
/*	font-family: 'Cinzel', serif;*/
	font-family: 'Cormorant Garamond', serif;
	font-size: 2em;
    font-weight: 500;
    font-style: normal;
/*	text-transform: uppercase;*/
	color: #000;
/*	letter-spacing: 2px;*/
	padding: 0 2em 0 2em;
	line-height: 1.4em;
	font-style: italic;
}

.main-heading {
/*	font-family: "Roboto";*/
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
}

.medium-heading {
/*	font-family: "Roboto";*/
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
/*	color: #000;*/
	letter-spacing: 1px;
}

.heading-underline { letter-spacing: 1px; margin-bottom: 1.2em; }

.heading-underline::after {
    content: '';
    position: absolute;
    background-color: #ccc !important;
    width: 110px;
    height: 1px;
    bottom: 0;
    left: calc(50% - 55px);
	margin-bottom: 1em;
}







.Product-Title  {
/*	font-family: "Roboto";*/
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000;
	font-size: 0.75em;
	letter-spacing: 0.1em;
/*	min-height: 3em;*/
	text-transform: uppercase;
	margin-bottom: 5px;
}

.PList-Price {
	font-family: "Roboto";
/*	font-family: 'Raleway', sans-serif;*/
    font-weight: 500;
    font-style: normal;
	color: #000;
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-bottom: 2em;
}


#myCarousel .carousel-item { transition: transform 2s ease, opacity .5s ease-out } /* carousel easing effect */


#slider-thumbs li { margin-bottom: 1em; }


/* ------------------- SIGN UP PAGE CSS STARTS HERE  ------------------- */

label {
    display: inline-block;
    margin-bottom: .5rem;
	font-size: 0.9em;
	font-weight: 500;
}





/* ------------------- FOOTER CSS STARTS HERE  ------------------- */

.footer-logo { width: 90%; height: auto; }

.footer-2 {
	font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-style: normal;
/*	text-transform: uppercase;*/
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.5px;
	background-color: #000;
}

.footer {
	font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-style: normal;
/*	text-transform: uppercase;*/
	color: #fff;
	font-size: 0.9em;
	letter-spacing: 0.5px;
	background-color: #000;
}

.footer input {
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
/*	text-transform: uppercase;*/
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.5px;
}

.footer a {
/*	font-family: 'Raleway', sans-serif;*/
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #333;
	font-size: 0.85em;
/*	letter-spacing: 1px;*/
	display: block;
	margin-bottom: 0.7em;
}

.footer a:hover {
	color: #000;
}




/* ------------------- NEWSLETTER MODAL CSS STARTS HERE  ------------------- */

.modal-newsletter {	
	color: #999;
	width: 625px;
	max-width: 625px;
	font-size: 15px;
}
.modal-newsletter .modal-content {
	padding: 30px;
	border-radius: 0;		
	border: none;
}
.modal-newsletter .modal-header {
	border-bottom: none;   
	position: relative;
	border-radius: 0;
}
.modal-newsletter h4 {
	font-family: 'Lato', sans-serif;
	color: #dbc16d;
/*	color: #000;*/
	font-size: 25px;
	margin: 0;
	font-weight: bold;
}
.modal-newsletter .close {
	position: absolute;
	top: -15px;
	right: -15px;
	text-shadow: none;
	opacity: 0.3;
	font-size: 24px;
}
.modal-newsletter .close:hover {
	opacity: 0.8;
}
.modal-newsletter .icon-box {
	color: #7265ea;		
	display: inline-block;
	z-index: 9;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}
.modal-newsletter .icon-box i {
	font-size: 110px;
}
.modal-newsletter .form-control, .modal-newsletter .btn {
	min-height: 46px;
	border-radius: 0;
}
.modal-newsletter .form-control {
	box-shadow: none;
	border-color: #dbdbdb;
}
.modal-newsletter .form-control:focus {
	border-color: #f95858;
	box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
}
.modal-newsletter .btn {
	color: #fff;
/*	background: #f95858;*/
	background: #000;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	padding: 6px 20px;
	min-width: 150px;
	margin-left: 6px !important;
	border: none;
}
.modal-newsletter .btn:hover, .modal-newsletter .btn:focus {
	box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
	background: #dbc16d;
	outline: none;
}
.modal-newsletter .input-group {
	margin-top: 30px;
}





/* ------------------- BUTTONS CSS STARTS HERE  ------------------- */

.custom-btn {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #000;
	font-size: 0.85em;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0.7em 1.7em;
/*	background-color: #000;*/
	border: solid 1px #000;
}

.custom-btn:hover {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.85em;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0.7em 1.7em;
	background-color: #000;
}


.custom-btn-white {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.85em;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0.7em 1.7em;
/*	background-color: #000;*/
	border: solid 1px #fff;
}

.custom-btn-white:hover {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #000;
	font-size: 0.85em;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0.7em 1.7em;
	background-color: #fff;
}



@media (min-width: 1405px) {
  .container-fluid{
    width: 1400px;
  }
}


/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
	
	  .container-fluid {
					/*    width: 1300px;*/
						width: 100%;
					  }
	
	/* ------------------- HOMEPAGE CSS STARTS HERE  ------------------- */

	.button-overlay h3 {
		font-size: 2.5em;
		font-family: 'Raleway', sans-serif;
		position: absolute;
	/*    top: 0;*/
		bottom: 3.5em;
		left: 0;
		right: 0;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
	}
	
	.home-main-heading {
	/*	font-family: "Roboto";*/
	/*	font-family: 'Raleway', sans-serif;*/
/*		font-family: 'Cinzel', serif;*/
		font-size: 1.5em;
		font-weight: 500;
		font-style: normal;
/*		text-transform: uppercase;*/
		color: #000;
		letter-spacing: 2px;
		padding: 0 1em 0 1em;
		line-height: 1em;
		font-family: 'Cormorant Garamond', serif;
	}	
	

}



@media only screen and (max-width: 600px) {
	
	.Remove-Top-Margin-on-Mobile-Devices { margin-top: 0 !important; }
	
	.header-topbar-text { text-align: center; letter-spacing: 0; }
	
	.currencydropdown > label { font-family: 'Roboto', sans-serif; font-size: 1em; color: #fff !important; text-transform: uppercase; letter-spacing: 2px; }

	
	.dd .ddTitle { color: #fff; font-size: 1em; }
	
	.container-fluid { width: 100%; }
	
	.home-carousel-button-overlay {
		position: absolute;
	/*    top: 0;*/
		bottom: 10em;
		left: 0;
		right: 0em;
		text-align: center;
	}
	
	
	.Desktop-Navbar { display: none; }
	.topbar { display: none; }
	
	#thumb_block > li { float: left; width: 50px; padding-left: 0; margin-right: 10px; margin-top: 10px; }
	
	.Mobile-Align-Center {
		text-align: center;
	}
	
	#Checkout-Process > div { border-bottom: solid 1px #dee2e6; padding-bottom: 3em; }
	
	.footer {
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-style: normal;
	/*	text-transform: uppercase;*/
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.5px;
		text-align: center
	}
	
	.footer > div > div > div { margin-bottom: 2em !important;	}
	
	
	
	.modal-newsletter { color: #999; width: 92%; max-width: 92%; }
/*	.modal-content { width: 96% !important; }*/
	
	.modal-newsletter .btn {
		color: #fff;
	/*	background: #f95858;*/
		background: #000;
		text-decoration: none;
		transition: all 0.4s;
		line-height: normal;
		padding: 6px 20px;
		width: 100%;
/*		min-width: 150px;*/
		margin-left: 0px !important;
		border: none;
		margin-top: 1em;
	}	
	
}